
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px}
img{max-width:100%;display:block}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
input,select,button,textarea{font:inherit}
.page{max-width:480px;margin:0 auto;overflow:hidden}

.youtube{position:relative;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9}
.youtube>img{width:100%;height:100%;object-fit:cover;display:block}
.youtube .thumb{display:none}
.youtube .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(0,0,0,.55);box-shadow:0 0 0 6px rgba(255,255,255,.25)}
.youtube .play:after{content:'';position:absolute;left:31px;top:23px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent #fff}
.youtube iframe{width:100%;height:100%;border:0}

body{background:var(--bg);color:var(--text);font:600 17px/1.5 'Manrope',sans-serif;padding-bottom:90px}
h1,h2,h3,.now{font-family:'Unbounded',sans-serif}
.hero{background:var(--primary);color:#fff;padding:28px 22px 0;border-radius:0 0 40px 40px}
.tag{display:inline-block;background:var(--accent);color:#18181b;font-weight:800;border-radius:999px;padding:6px 14px;font-size:13px;text-transform:uppercase}
.hero h1{font-size:34px;line-height:1.1;margin:14px 0 20px;text-transform:uppercase}
.hero-img{position:relative;margin:0 -8px -40px}
.hero-img img{border-radius:28px;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 24px 50px rgba(0,0,0,.25)}
.sticker{position:absolute;top:-14px;right:4px;width:112px;height:112px;border-radius:50%;background:var(--accent);color:#18181b;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.sticker b{font-family:'Unbounded',sans-serif;font-size:28px;line-height:1}
.sticker span{font-size:12px;text-transform:uppercase}
.ticker{margin-top:64px;background:#18181b;color:var(--accent);overflow:hidden;white-space:nowrap;padding:12px 0;transform:rotate(-2deg);width:110%;margin-left:-5%}
.ticker-in{display:inline-block;padding-left:100%;animation:run 16s linear infinite;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
@keyframes run{to{transform:translateX(-100%)}}
.price{padding:36px 22px 30px;text-align:center}
.was{color:var(--muted)}
.now{font-size:82px;line-height:1;font-weight:800;color:var(--primary)}
.now small{font-size:26px;margin-left:6px}
.timer-wrap{margin:18px 0 22px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}
.timer{display:flex;gap:6px}
.t-box{background:#18181b;color:#fff;border-radius:14px;min-width:70px;padding:10px 0;display:flex;flex-direction:column;align-items:center}
.t-box b{font-family:'Unbounded',sans-serif;font-size:26px;line-height:1}
.t-box i{font-style:normal;font-size:11px;opacity:.7;margin-top:4px}
.t-sep{display:none}
.btn{display:block;background:var(--btn-bg);color:var(--btn-text);font-family:'Unbounded',sans-serif;font-size:18px;text-transform:uppercase;padding:20px;border-radius:20px;text-decoration:none;box-shadow:0 8px 0 var(--primary)}
.sold{margin-top:18px}
.tiles-sec{padding:20px 22px 30px}
.tiles-sec h2,.video-sec h2,.pills-sec h2,.reviews-sec h2{font-size:26px;text-transform:uppercase;margin-bottom:18px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tiles li{border-radius:22px;padding:18px 16px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;font-size:16px;line-height:1.25}
.tiles b{font-family:'Unbounded',sans-serif;font-size:30px}
.c1{background:var(--primary);color:#fff}.c2{background:var(--accent)}.c3{background:#18181b;color:#fff}
.c4{background:#fb7185;color:#fff}.c5{background:#22d3ee}.c6{background:var(--surface)}
.band{padding:0 0 26px}
.band img{width:100%;aspect-ratio:4/3;object-fit:cover}
.band-text{padding:22px 22px 0;font-weight:500}
.band-text p+p{margin-top:10px}
.b0{background:var(--surface)}.b1{background:#fff}.b2{background:#fef9c3}
.video-sec{padding:30px 22px}
.youtube{border-radius:24px}
.pills-sec{padding:10px 22px 30px}
.pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pills li{background:var(--surface);border-radius:18px;padding:14px}
.pills small{display:block;color:var(--muted);font-size:12.5px}
.pills b{font-size:18px}
.pills-sec h3{font-size:18px;margin:20px 0 10px;text-transform:uppercase}
.box{display:flex;flex-wrap:wrap;gap:8px}
.box li{border:2px solid #18181b;border-radius:999px;padding:6px 14px;font-size:14.5px}
.reviews-sec{background:#18181b;color:#fff;padding:34px 22px}
.reviews{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.reviews figure{margin:0;flex:0 0 80%;scroll-snap-align:start;border-radius:22px;overflow:hidden;border:3px solid var(--accent)}
.order{padding:34px 18px}
.order-card{background:var(--accent);border-radius:32px;padding:28px 20px;box-shadow:0 10px 0 #18181b}
.order-card h2{font-size:26px;text-transform:uppercase;text-align:center}
.order-price{text-align:center;font-family:'Unbounded',sans-serif;font-size:30px;margin:8px 0 18px}
.order-price s{font-size:18px;opacity:.55}
.order-form{display:flex;flex-direction:column;gap:10px}
.order-form input,.order-form select{height:58px;border:2px solid #18181b;border-radius:16px;padding:0 16px;font-size:17px;background:#fff}
.order-form button{height:64px;border:0;border-radius:18px;background:#18181b;color:var(--accent);font-family:'Unbounded',sans-serif;font-size:18px;text-transform:uppercase;cursor:pointer}
.order-note{text-align:center;margin-top:12px;font-size:14px}
.footer{padding:24px 22px;color:var(--muted);font-size:12.5px;text-align:center;font-weight:500}
.footer p+p{margin-top:6px}
.footer .links{display:flex;flex-direction:column;gap:3px;margin-top:10px}
.fab{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;width:calc(100% - 28px);max-width:452px;text-align:center;background:var(--primary);color:#fff;font-family:'Unbounded',sans-serif;text-transform:uppercase;padding:17px;border-radius:18px;text-decoration:none;box-shadow:0 10px 30px rgba(124,58,237,.45);z-index:20}
