:root {
    --mobile-max-width: 480px;
    --cta-padding: 12px;
}

html,
body {
    margin: 0;
    width: 100%;
    min-height: 100%;
    background: #111;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

#page {
    width: 100%;
    max-width: var(--mobile-max-width);
    min-height: 100svh;
    margin: 0 auto;
    overflow: hidden;
}

.swiperBox {
    position: relative;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    background: #111;
}

.aztitle {
    width: 100%;
    height: auto;
    display: block;
}

.xzBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: clamp(4px, 1.5vw, 12px);
    display: flex;
    justify-content: center;
    padding: 0 var(--cta-padding);
    box-sizing: border-box;
    z-index: 2;
}

.azbtn {
    width: clamp(160px, 50vw, 210px);
    height: auto;
    display: block;
}