@font-face{font-family:SX;src:url(/fonts/sx-800.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:SX;src:url(/fonts/sx-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Saira;src:url(/fonts/s-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Saira;src:url(/fonts/s-600.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--asphalt:#2A2C2F;--deep:#1C1D1F;--deeper:#151617;--yellow:#FCDC04;--red:#D90000;--paint:#F2F2EE;--grey:#A3A6AB;--line:#3E4146;--ok:#3DBE6A;--warn:#FFB020;--r:12px;--skew:skewX(-8deg)}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--asphalt) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");color:var(--paint);font:400 16px/1.55 Saira,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
svg.i{width:18px;height:18px;flex:none}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1340px;margin:0 auto;padding:0 40px}
.d{font-family:SX,Saira,sans-serif;font-weight:800;letter-spacing:-.2px;line-height:.92}
.sk{display:inline-block;transform:var(--skew);transform-origin:left bottom}
.muted{color:var(--grey)}
.y{color:var(--yellow)}
.flag{height:6px;background:linear-gradient(#000 0 33.3%,var(--yellow) 33.3% 66.6%,var(--red) 66.6%)}
.kerb{height:16px;background:repeating-linear-gradient(90deg,var(--red) 0 40px,var(--paint) 40px 80px)}

/* announcement */
.ann{background:var(--yellow);color:#000;font-weight:600;font-size:14px;text-align:center;padding:8px 16px}
.ann b{font-family:SX;font-weight:800;font-size:16px}
.ann[hidden]{display:none}

/* header */
.hd{position:sticky;top:0;z-index:30;background:rgba(28,29,31,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;height:72px;gap:28px}
.logo{background:#fff;border-radius:10px;padding:5px 9px;display:block;flex:none}
.logo img{height:32px;width:auto}
.nav{display:flex;gap:24px;font:600 18px/1 SX,sans-serif;letter-spacing:.3px;color:#d3d4d0}
.nav a:hover,.nav a[aria-current=page]{color:var(--yellow)}
.hd-r{margin-left:auto;display:flex;gap:10px;align-items:center}
.pill{height:44px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border:1.5px solid var(--line);white-space:nowrap}
.pill.yel{background:var(--yellow);color:#000;border-color:var(--yellow)}
.pill .ct{background:var(--red);color:#fff;border-radius:6px;padding:0 7px;font-size:13px;min-width:22px;text-align:center}
.burger{display:none;width:44px;height:44px;border-radius:9px;border:1.5px solid var(--line);align-items:center;justify-content:center}
.mnav{display:none}

/* buttons */
.btn{height:54px;padding:0 26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 21px/1 SX,sans-serif;letter-spacing:.4px;border:2px solid transparent;transition:transform .12s ease,background .12s}
.btn:active{transform:translateY(1px)}
.btn.yel{background:var(--yellow);color:#000}
.btn.yel:hover{background:#ffe94d}
.btn.out{border-color:var(--paint)}
.btn.out:hover{background:rgba(255,255,255,.06)}
.btn.red{background:var(--red);color:#fff}
.btn.blk{background:#000;color:#fff}
.btn.wa{background:#25D366;color:#062b14}
.btn.sm{height:42px;padding:0 16px;font-size:18px}
.btn.full{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .lanes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 268px,rgba(242,242,238,.08) 268px 271px);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:'copy stage' 'after stage';align-content:center;min-height:640px;column-gap:20px;padding-top:40px;padding-bottom:40px}
.hero .hcopy{grid-area:copy;align-self:end}
.hero .stage{grid-area:stage;align-self:center}
.hero .after{grid-area:after;align-self:start}
.hero h1{font-size:clamp(64px,8vw,116px)}
.hero h1 .sk{display:block}
.hero .lede{margin:22px 0 30px;max-width:450px;color:#cfd0cc;font-size:18px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.trust{display:flex;gap:30px;margin-top:38px;color:var(--grey);font-size:14px}
.trust b{display:block;color:var(--paint);font:800 26px/1 SX,sans-serif}
.stage{position:relative;height:560px}
.r256{position:absolute;right:4%;top:20px;width:min(520px,90%);aspect-ratio:1;border-radius:50%;background:var(--yellow);display:grid;place-items:center;overflow:hidden}
.r256 span{font:800 clamp(160px,21vw,300px)/1 SX,sans-serif;color:#000;letter-spacing:-6px;transform:skewX(-8deg) translateY(-6%)}
.stage .car{position:absolute;right:-2%;bottom:30px;width:104%;max-width:none;filter:drop-shadow(0 30px 24px rgba(0,0,0,.6));animation:roll .9s cubic-bezier(.2,.8,.2,1) both}
.gridbox{position:absolute;border:4px solid rgba(242,242,238,.8);border-bottom:none;width:220px;height:90px;pointer-events:none}
@keyframes roll{from{transform:translateX(18%);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.stage .car{animation:none}html{scroll-behavior:auto}}

/* sections */
.sec{padding:88px 0 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.sh h2{font-size:clamp(46px,5.4vw,76px)}
.sh p{max-width:430px;color:var(--grey)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.filters{grid-template-columns:2fr 1fr 1fr;margin-bottom:16px}
.chip{border:1.5px solid var(--line);border-radius:9px;padding:8px 15px;font-weight:600;font-size:15px;white-space:nowrap}
.chip[aria-pressed=true]{background:var(--paint);color:#000;border-color:var(--paint)}

/* product grid + card */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:var(--deep);border-radius:14px;padding:14px 14px 16px;position:relative;display:flex;flex-direction:column}
.slot{position:relative;aspect-ratio:4/3;border:3px solid rgba(242,242,238,.65);border-bottom:none;border-radius:2px;margin-bottom:14px;display:grid;place-items:center;overflow:hidden}
.slot img{width:88%;height:80%;object-fit:contain;filter:drop-shadow(0 14px 10px rgba(0,0,0,.6));margin-top:12%;transition:transform .25s ease}
.card:hover .slot img{transform:scale(1.04)}
.rnd{position:absolute;top:9px;left:9px;width:54px;height:54px;border-radius:50%;background:var(--paint);color:#000;display:grid;place-items:center;font:800 19px/1 SX,sans-serif;z-index:1;text-align:center}
.rnd.long{font-size:14px}
.tag{position:absolute;top:10px;right:10px;background:var(--red);color:#fff;border-radius:7px;padding:4px 9px;font:800 16px/1 SX,sans-serif;z-index:1}
.tag.out{background:#000;color:var(--grey)}
.card h3{font:800 25px/1 SX,sans-serif}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:0}
.card .ds{color:var(--grey);font-size:14px;margin-top:4px;flex:1}
.buy{display:flex;align-items:center;gap:8px;margin-top:14px;position:relative;z-index:2}
.price{font:800 23px/1 SX,sans-serif;color:var(--yellow);margin-right:auto}
.price s{display:block;color:var(--grey);font-size:15px;font-weight:600;text-decoration-thickness:1.5px}
.add{background:var(--paint);color:#000;border-radius:8px;height:40px;padding:0 13px;font-weight:600;font-size:14px;white-space:nowrap}
.add:hover{background:#fff}
.add[disabled]{background:#3a3c40;color:var(--grey);cursor:not-allowed}
.waic{width:40px;height:40px;border-radius:8px;border:1.5px solid var(--line);display:grid;place-items:center}
.empty{grid-column:1/-1;background:var(--deep);border-radius:14px;padding:40px;text-align:center;color:var(--grey)}

/* race band */
.race{background:var(--red);margin-top:88px;overflow:hidden}
.race .wrap{display:grid;grid-template-columns:5fr 7fr;gap:30px;padding-top:70px;padding-bottom:70px;align-items:center}
.race h2{font-size:clamp(54px,6vw,88px)}
.race p{color:#ffe0e0;margin:16px 0 26px;max-width:430px;font-size:17px}
.race .st{position:relative;height:400px}
.race .st img{position:absolute;filter:drop-shadow(0 24px 18px rgba(0,0,0,.45))}
.race .lbl{position:absolute;background:#000;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px}
.race .lbl b{color:var(--yellow);font:800 20px/1 SX,sans-serif;display:block}

/* categories */
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.cat{background:var(--deep);border-radius:14px;padding:16px;min-height:170px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.cat img{position:absolute;right:-12%;top:10px;width:92%;filter:drop-shadow(0 10px 8px rgba(0,0,0,.5));transition:transform .25s}
.cat:hover img{transform:translateX(-4%)}
.cat b{font:800 24px/1 SX,sans-serif;position:relative}
.cat span{font-size:13px;color:var(--grey);position:relative}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{border-top:4px solid var(--yellow);background:var(--deep);border-radius:0 0 14px 14px;padding:26px}
.step i{font:800 60px/1 SX,sans-serif;font-style:normal;color:var(--yellow);display:block;transform:var(--skew)}
.step h3{font:800 30px/1 SX,sans-serif;margin:10px 0 8px}
.step p{color:var(--grey);font-size:15px}
.paym{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.paym span{border:1.5px solid var(--line);border-radius:6px;padding:3px 9px;font-size:13px;font-weight:600}

/* gift band */
.giftb{display:grid;grid-template-columns:1fr 1fr;background:var(--paint);color:#000;border-radius:18px;overflow:hidden}
.giftb .im{background:radial-gradient(70% 70% at 50% 50%,#fff,#dcdcd6);display:grid;place-items:center;min-height:380px;padding:30px}
.giftb .im img{width:82%;filter:drop-shadow(0 20px 16px rgba(0,0,0,.3))}
.giftb .tx{padding:52px}
.giftb h2{font-size:clamp(44px,4.6vw,66px)}
.giftb p{color:#444;margin:14px 0 22px;max-width:440px}
.giftb ul{list-style:none;margin-bottom:26px;display:grid;gap:8px}
.giftb li{display:flex;gap:10px;align-items:center;font-weight:600}
.giftb li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--red);flex:none}

/* request form */
.req{display:grid;grid-template-columns:5fr 7fr;gap:40px;background:var(--deep);border-radius:18px;padding:40px}
.req h2{font-size:clamp(42px,4.4vw,62px)}
.req p{color:var(--grey);margin-top:12px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full,.form .btn{grid-column:1/-1}
.fld{display:grid;gap:6px;font-size:14px;color:#cfd0cc}
.fld>span{font-weight:600}
.in{height:50px;border:1.5px solid var(--line);background:var(--deeper);border-radius:9px;padding:0 14px;width:100%;color:var(--paint)}
textarea.in{height:auto;min-height:92px;padding:12px 14px;resize:vertical}
select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--grey) 50%),linear-gradient(135deg,var(--grey) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.in:focus{border-color:var(--yellow);outline:none}
.in[aria-invalid=true]{border-color:#ff5a5a}
.hint{font-size:13px;color:var(--grey)}
.ferr{font-size:13px;color:#ff8080;min-height:0}
.ok-msg{background:rgba(61,190,106,.12);border:1.5px solid var(--ok);border-radius:10px;padding:14px 16px;color:#bff0cf}
.err-msg{background:rgba(255,90,90,.1);border:1.5px solid #ff5a5a;border-radius:10px;padding:14px 16px;color:#ffc9c9}

/* visit */
.meet{display:grid;grid-template-columns:7fr 5fr;gap:18px}
.map{background:var(--deep);border-radius:14px;min-height:340px;position:relative;overflow:hidden;display:block}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;left:46%;top:40%;background:var(--yellow);color:#000;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.pin b{font:800 22px/1 SX,sans-serif;display:block}
.info{background:var(--paint);color:#000;border-radius:14px;padding:30px}
.info h3{font-size:42px}
.info dl{margin:20px 0;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:15px}
.info dt{color:#666}
.evs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.evs span{background:#e3e3df;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}

/* footer */
.ft{margin-top:88px;background:var(--deeper)}
.ft .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-top:44px;padding-bottom:34px}
.ft h4{font:800 22px/1 SX,sans-serif;margin-bottom:12px}
.ft ul{list-style:none;display:grid;gap:8px;font-size:15px;color:#cfd0cc}
.ft a:hover{color:var(--yellow)}
.ft .base{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;padding-bottom:22px;color:var(--grey);font-size:13px;grid-template-columns:none}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--deep);z-index:61;transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;border-left:3px solid var(--yellow)}
.drawer.on{transform:none}
.drawer .dh{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer .dh h2{font-size:38px}
.x{width:42px;height:42px;border-radius:9px;border:1.5px solid var(--line);display:grid;place-items:center}
.lines{flex:1;overflow:auto;padding:8px 20px}
.ln{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.ln img{width:76px;height:56px;object-fit:contain;background:var(--deeper);border-radius:8px;padding:4px}
.ln b{font:800 19px/1.05 SX,sans-serif;display:block}
.ln small{color:var(--grey);font-size:13px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;margin-top:6px}
.qty button{width:32px;height:30px;font-weight:600;font-size:18px}
.qty span{min-width:22px;text-align:center;font-weight:600}
.ln .rm{font-size:13px;color:var(--grey);text-decoration:underline;margin-left:10px}
.ln .lp{text-align:right;font:800 19px/1 SX,sans-serif;color:var(--yellow)}
.df{padding:18px 20px 22px;border-top:1px solid var(--line);display:grid;gap:12px;background:var(--deeper)}
.row{display:flex;justify-content:space-between;gap:10px}
.row.big{font:800 26px/1 SX,sans-serif}
.dempty{padding:40px 20px;text-align:center;color:var(--grey)}
.dempty b{display:block;font:800 30px/1 SX,sans-serif;color:var(--paint);margin-bottom:8px}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--paint);color:#000;border-radius:10px;padding:12px 18px;font-weight:600;z-index:80;transition:transform .25s;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:calc(100% - 32px)}
.toast.on{transform:translate(-50%,0)}

/* mobile bar */
.mbar{display:none}

/* breadcrumbs + product page */
.crumb{font-size:14px;color:var(--grey);padding:22px 0 10px}
.crumb a:hover{color:var(--yellow)}
.pdp{display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:start}
.gal{background:var(--deep);border-radius:18px;padding:18px}
.gal .main{aspect-ratio:4/3;border:3px solid rgba(242,242,238,.6);border-bottom:none;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:2px}
.gal .main img{width:90%;height:86%;object-fit:contain;filter:drop-shadow(0 22px 16px rgba(0,0,0,.55))}
.gal .main img.photo{width:100%;height:100%;object-fit:cover;filter:none}
.thumbs{display:flex;gap:10px;margin-top:14px}
.thumbs button{width:84px;height:64px;border-radius:9px;border:2px solid var(--line);background:var(--deeper);overflow:hidden;padding:4px}
.thumbs button[aria-pressed=true]{border-color:var(--yellow)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.pinfo h1{font-size:clamp(46px,4.6vw,68px)}
.pinfo .meta{display:flex;gap:10px;margin:14px 0 18px;flex-wrap:wrap}
.badge{border:1.5px solid var(--line);border-radius:7px;padding:4px 10px;font-weight:600;font-size:14px}
.badge.y{background:var(--yellow);color:#000;border-color:var(--yellow)}
.badge.r{background:var(--red);color:#fff;border-color:var(--red)}
.pprice{font:800 46px/1 SX,sans-serif;color:var(--yellow)}
.pprice s{font-size:24px;color:var(--grey);margin-left:10px}
.countdown{font-size:14px;color:#ffd0d0;margin-top:6px}
.pinfo .desc{color:#d3d4d0;margin:18px 0}
.stock{font-weight:600;font-size:15px}
.stock.low{color:var(--warn)}
.stock.no{color:#ff8080}
.pbuy{display:grid;gap:10px;margin-top:20px}
.pbuy .two{display:grid;grid-template-columns:auto 1fr;gap:10px}
.qbig{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;height:54px}
.qbig button{width:46px;height:52px;font-size:22px;font-weight:600}
.qbig span{min-width:30px;text-align:center;font:800 22px/1 SX,sans-serif}
.perks{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:15px}
.perks div{display:flex;gap:10px;align-items:flex-start}
.perks svg{color:var(--yellow);margin-top:3px}

/* checkout */
.co{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:30px;align-items:start;padding-top:10px}
.panel{background:var(--deep);border-radius:16px;padding:26px;margin-bottom:16px}
.panel h2{font-size:34px;margin-bottom:16px}
.opts{display:grid;gap:10px}
.opt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;cursor:pointer;background:var(--deeper)}
.opt input{width:20px;height:20px;accent-color:var(--yellow)}
.opt b{display:block;font-weight:600}
.opt small{color:var(--grey);font-size:13px}
.opt .fee{font:800 19px/1 SX,sans-serif;color:var(--yellow);white-space:nowrap}
.opt:has(input:checked){border-color:var(--yellow);background:rgba(252,220,4,.06)}
.opt.off{opacity:.45;cursor:not-allowed}
.switch{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.switch input{appearance:none;width:52px;height:30px;border-radius:999px;background:#4a4d52;position:relative;transition:background .15s;flex:none;cursor:pointer}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}
.switch input:checked{background:var(--yellow)}
.switch input:checked::after{left:25px}
.gbox{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
.gbox[hidden]{display:none}
.sum{position:sticky;top:96px}
.sum .ln{grid-template-columns:64px 1fr auto}
.sum .ln img{width:64px;height:48px}
.promo{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0 4px}
.tot{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:15px}
.tot .disc{color:var(--ok)}
.fine{font-size:13px;color:var(--grey);margin-top:12px}

/* order tracking */
.otop{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin:10px 0 24px}
.otop h1{font-size:clamp(48px,5vw,76px)}
.status-pill{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#000;border-radius:9px;padding:8px 14px;font:800 20px/1 SX,sans-serif}
.status-pill.cx{background:#000;color:#ff8080}
.ogrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
.tl{list-style:none;position:relative;display:grid;gap:0}
.tl li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding-bottom:22px;position:relative}
.tl li::before{content:"";position:absolute;left:19px;top:34px;bottom:0;width:3px;background:var(--line)}
.tl li:last-child::before{display:none}
.tl li.done::before{background:var(--yellow)}
.tl .dot{width:40px;height:40px;border-radius:50%;border:3px solid var(--line);display:grid;place-items:center;background:var(--deeper);font:800 18px/1 SX,sans-serif;color:var(--grey)}
.tl li.done .dot{background:var(--yellow);border-color:var(--yellow);color:#000}
.tl li.current .dot{box-shadow:0 0 0 6px rgba(252,220,4,.2)}
.tl b{font:800 24px/1.1 SX,sans-serif;display:block;padding-top:6px}
.tl small{color:var(--grey);font-size:13px}
.paybox{border:2px solid var(--yellow);border-radius:14px;padding:22px;background:rgba(252,220,4,.05)}
.paybox h3{font:800 30px/1 SX,sans-serif;margin-bottom:8px}
.code{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--deeper);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px}
.code b{font:800 26px/1 SX,sans-serif;letter-spacing:1px}
.copy{border:1.5px solid var(--line);border-radius:7px;padding:6px 10px;font-size:13px;font-weight:600}
.tabs{display:flex;gap:8px;margin:12px 0}
.note-l{list-style:none;display:grid;gap:8px;margin-top:10px}
.note-l li{background:var(--deeper);border-radius:9px;padding:10px 12px;font-size:14px}
.note-l small{display:block;color:var(--grey);font-size:12px}

/* lookup & simple pages */
.narrow{max-width:620px;margin:0 auto}
.prose{max-width:760px}
.prose h2{font:800 34px/1 SX,sans-serif;margin:30px 0 10px}
.prose p,.prose li{color:#d3d4d0;margin-bottom:10px}
.prose ul{padding-left:20px}

/* skeleton */
.skel{background:linear-gradient(90deg,#26282b 0,#303236 50%,#26282b 100%);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:10px}
@keyframes sh{to{background-position:-200% 0}}

@media (max-width:1100px){
 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .nav{gap:16px;font-size:16px}
}
@media (max-width:860px){
 .wrap{padding:0 16px}
 .nav,.hd-r .wa-pill{display:none}
 .burger{display:inline-flex}
 .hd .wrap{height:62px;gap:10px}
 .logo img{height:26px}
 .mnav{display:block;position:fixed;inset:62px 0 auto 0;background:var(--deep);z-index:29;border-bottom:3px solid var(--yellow);transform:translateY(-120%);transition:transform .2s;padding:10px 16px 18px}
 .mnav.on{transform:none}
 .mnav a{display:block;font:800 30px/1 SX,sans-serif;padding:12px 0;border-bottom:1px solid var(--line)}
 .hero .wrap{grid-template-columns:1fr;grid-template-areas:'copy' 'stage' 'after';min-height:0;padding-top:28px;padding-bottom:26px;gap:0}
 .hero .lanes{background:repeating-linear-gradient(90deg,transparent 0 128px,rgba(242,242,238,.08) 128px 131px)}
 .hero h1{font-size:64px}
 .stage{height:330px;order:2;margin:0 -16px}
 .r256{width:300px;right:-10px;top:0}
 .r256 span{font-size:170px}
 .stage .car{width:118%;right:-14%;bottom:10px}
 .gridbox{display:none}
 .hero .hcopy{order:1}
 .hero .after{order:3}
 .hero .lede{margin:14px 0 0;font-size:16px}
 .trust{gap:20px;margin-top:22px}
 .sec{padding-top:56px}
 .sh{display:block;margin-bottom:18px}
 .sh h2{font-size:50px}
 .sh p{margin-top:8px}
 .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 18px;padding:0 16px;scrollbar-width:none}
 .chips::-webkit-scrollbar{display:none}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .card{padding:10px 10px 12px}
 .slot{margin-bottom:10px}
 .rnd{width:40px;height:40px;font-size:15px;top:6px;left:6px}
 .rnd.long{font-size:11px}
 .tag{font-size:13px;top:6px;right:6px;padding:3px 7px}
 .card h3{font-size:20px}
 .card .ds{font-size:13px}
 .buy{flex-wrap:wrap;gap:6px}
 .price{width:100%;font-size:21px}
 .add{flex:1;height:38px;padding:0 8px}
 .waic{width:38px;height:38px}
 .race{margin-top:56px}
 .race .wrap{grid-template-columns:1fr;padding-top:44px;padding-bottom:30px}
 .race h2{font-size:58px}
 .race .st{height:300px}
 .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:1fr}
 .giftb{grid-template-columns:1fr}
 .giftb .im{min-height:240px}
 .giftb .tx{padding:26px}
 .req{grid-template-columns:1fr;padding:22px;gap:20px}
 .form{grid-template-columns:1fr}
 .form.filters{grid-template-columns:1fr 1fr}
 .form.filters .fld:first-child{grid-column:1/-1}
 .meet{grid-template-columns:1fr}
 .map{min-height:220px}
 .ft{margin-top:56px;padding-bottom:84px}
 .ft .wrap{grid-template-columns:1fr 1fr}
 .ft .wrap>div:first-child{grid-column:1/-1}
 .ft .base{flex-direction:column;gap:6px}
 .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(21,22,23,.97);padding:10px 12px calc(12px + env(safe-area-inset-bottom));gap:8px;border-top:3px solid var(--yellow)}
 .mbar a,.mbar button{flex:1;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font:800 20px/1 SX,sans-serif}
 .mbar .b1{border:2px solid var(--paint)}
 .mbar .b2{background:var(--yellow);color:#000}
 .toast{bottom:86px}
 .drawer.on~.toast,.toast.top{bottom:auto;top:16px;transform:translate(-50%,-160%)}
 .toast.top.on{transform:translate(-50%,0)}
 .pdp{grid-template-columns:1fr;gap:18px}
 .gal{padding:10px;margin:0 -6px}
 .pinfo h1{font-size:48px}
 .pprice{font-size:40px}
 .co,.ogrid{grid-template-columns:1fr;gap:0}
 .panel{padding:18px;border-radius:14px}
 .panel h2{font-size:30px}
 .sum{position:static}
 .otop h1{font-size:54px}
}
@media print{.hd,.ft,.mbar,.ann,.flag,.kerb{display:none!important}body{background:#fff;color:#000}}
.pre .price,.pre .add,.pre .tag{visibility:hidden}