/* KuKirin US store v3 (kk3). Ported from the approved Claude Design prototype, 15.10.2026. */
:root{--night:#0D1014;--night2:#151A20;--night3:#1D242C;--paper:#F4F2EE;--card:#FFFFFF;--ink:#111417;--mute:#5D646C;--mute2:#9AA1A9;--line:rgba(17,20,23,.12);--lined:rgba(255,255,255,.14);--or:#F06A13;--ord:#C4520A;--r:14px;--kk-annc-h:36px;--kk-hbar-h:68px}
@media (max-width:760px){:root{--kk-hbar-h:60px}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink)}
body.kk3{font:400 16px/1.55 Manrope,'Manrope Fallback',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
:where(.kk3) a{color:inherit;text-decoration:none;cursor:pointer}
:where(.kk3) a:where(:hover){color:var(--or)}
:where(.kk3) button{font-family:inherit;cursor:pointer;color:inherit}
:where(.kk3) img{display:block;max-width:100%;height:auto}
:where(.kk3) :where(h1,h2,h3){margin:0}
:where(.kk3) summary{list-style:none}
:where(.kk3) summary::-webkit-details-marker{display:none}
.kk-skip{position:absolute;left:-9999px}
.kk-skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border-radius:8px}
.kk-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.kick{font:700 13px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.kick.or{color:var(--or)}
.h1{font:800 clamp(52px,7.4vw,118px)/.88 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.005em;margin:0;color:#fff;text-wrap:balance}
.h1 em{font-style:normal;color:var(--or)}
.h1.sm{font-size:clamp(44px,5.6vw,84px)}
.h2{font:800 clamp(36px,4.4vw,64px)/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;text-wrap:balance}
.h2.light,.h1.light{color:#fff}
.lede{font-size:19px;line-height:1.55;color:rgba(255,255,255,.86);max-width:560px;margin:22px 0 0;text-wrap:pretty}
.sub{font-size:17px;line-height:1.6;color:var(--mute);margin:18px 0 26px;max-width:560px}
.sub.light{color:rgba(255,255,255,.75)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.sec-sub{font-size:16px;color:var(--mute);max-width:420px;margin:0}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;border-bottom:2px solid currentColor;padding-bottom:2px;white-space:nowrap}
.lnk.light{color:#fff}
.lnk.dark{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border:0;border-radius:999px;background:var(--or);color:#fff!important;font:700 15px Manrope,sans-serif;letter-spacing:.01em;white-space:nowrap;transition:transform .15s,background .15s;text-decoration:none}
.btn:hover{background:#FF7B26;transform:translateY(-1px)}
.btn.lg{height:60px;padding:0 32px;font-size:16px}
.btn.sm{height:42px;padding:0 18px;font-size:14px}
.btn.full{width:100%}
.btn.ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)!important}
.btn.ghost:hover{background:var(--ink);color:#fff!important}
.btn.ghost.light{border-color:rgba(255,255,255,.7);color:#fff!important}
.btn.ghost.light:hover{background:#fff;color:var(--ink)!important}
.btn:disabled,.btn[aria-busy=true]{opacity:.5;cursor:default;transform:none}
.ib{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;border-radius:50%;color:inherit}
.ib:hover{background:rgba(127,127,127,.15)}
.mob-only{display:none}
/* header. W39: the orange announcement line scrolls away with the page and the header bar stays on top (it was all
   fixed: 96px of a phone). The section wrapper is sticky at minus the line's height (--kk-annc-h, measured by kk3.js)
   with no height of its own, so the header still overlays the page like before. Offsets that only matter once the page
   has scrolled (sticky columns, anchor jumps) use the bar's height, --kk-hbar-h. */
#shopify-section-kk3-header{position:sticky;top:calc(-1 * var(--kk-annc-h));z-index:50;height:0}
.hdr{position:absolute;top:0;left:0;right:0;z-index:50;transition:background .25s,color .25s;color:#fff}
.hdr.clear{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.hdr.solid{background:rgba(13,16,20,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--lined)}
.annc{min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--or);color:#fff;font-size:13px;padding:6px 16px;text-align:center;flex-wrap:wrap}
.annc a{text-decoration:underline;color:#fff}.annc-m{display:none}@keyframes anncA{0%,49.99%{opacity:1;visibility:visible}50%,100%{opacity:0;visibility:hidden}}@keyframes anncB{0%,49.99%{opacity:0;visibility:hidden}50%,100%{opacity:1;visibility:visible}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.annc .annc-1.annc-1,.annc .annc-m.annc-m{animation:none}.annc .annc-m.annc-m{display:none}}
.hbar{display:flex;align-items:center;gap:28px;height:68px;padding:0 32px;max-width:1440px;margin:0 auto}
.logo{display:flex;align-items:flex-end;gap:6px}
.logo img{height:26px;width:auto}
.logo .us{font:700 11px Manrope;letter-spacing:.12em;opacity:.7;margin-bottom:-2px}
.hnav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.hnav>a,.hnav>button{font:600 14.5px Manrope;padding:10px 14px;border-radius:999px;border:0;background:transparent;color:inherit;white-space:nowrap}
.hnav>a:hover,.hnav>button:hover,.hnav>button[aria-expanded=true]{background:rgba(255,255,255,.12);color:#fff}
.hact{display:flex;gap:4px}
.cartbtn{position:relative}
.cc{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--or);color:#fff;font:800 11px/18px Manrope;text-align:center;padding:0 4px}
.cc[hidden]{display:none}
.mega{background:rgba(13,16,20,.98);border-top:1px solid var(--lined);color:#fff}
.mega[hidden]{display:none}
.mega-in{max-width:1320px;margin:0 auto;padding:28px 32px 34px;display:grid;grid-template-columns:1fr 300px;gap:36px}
.mega-models{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mm{border-radius:var(--r);padding:12px;background:var(--night3);transition:background .15s;display:block}
.mm:hover{background:#28313B;color:#fff!important}
.mm-img{background:#fff;border-radius:10px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.mm-img img{width:84%;height:84%;object-fit:contain}
.mm-role{font-size:12px;color:var(--mute2)}
.mm-name{font:800 24px/1.05 'Barlow Condensed';text-transform:uppercase}
.mm-meta{font-size:13px;color:#C9CED4;margin-top:4px}
.mm-pre{white-space:nowrap}
.mega-side{display:flex;flex-direction:column;gap:4px}
.ms-k{font:700 12px Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--mute2);margin-bottom:6px}
.mega-side>a{display:flex;flex-direction:column;padding:12px 14px;border-radius:10px;font:800 22px/1.1 'Barlow Condensed';text-transform:uppercase}
.mega-side>a>span{font:500 13px Manrope;text-transform:none;color:var(--mute2)}
.mega-side>a:hover{background:var(--night3);color:#fff!important}
.mega-side>a.ms-cta{flex-direction:row;align-items:center;gap:8px;font:700 14px Manrope;text-transform:none;color:var(--or)}
.mobnav{position:fixed;inset:0;background:var(--night);color:#fff;z-index:60;overflow:auto;padding:16px}
.mobnav[hidden]{display:none}
.mobnav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mobnav-top img{height:24px;width:auto}
.mob-k{font:700 12px Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--mute2);margin:18px 0 8px}
.mobnav>a{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--lined)}
.mobnav>a>img{width:56px;height:56px;background:#fff;border-radius:8px;object-fit:contain}
.mobnav>a>span{display:flex;flex-direction:column}
.mobnav>a>span>b{font:800 22px 'Barlow Condensed';text-transform:uppercase}
.mobnav>a>span>i{font-style:normal;font-size:13px;color:var(--mute2)}
.mobnav>a.plain{font:800 24px 'Barlow Condensed';text-transform:uppercase;padding:12px 0}
/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--night)}
.hero-ph{position:absolute;top:0;right:0;bottom:0;width:64%;overflow:hidden;margin:0}
.hero-ph img{width:100%;height:100%;object-fit:cover;object-position:38% 55%}
.hv-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0D1014 0%,#0D1014 34%,rgba(13,16,20,.75) 44%,rgba(13,16,20,0) 62%),linear-gradient(0deg,rgba(13,16,20,.85) 0%,rgba(13,16,20,0) 30%)}
.hero-in{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:64px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;align-items:center}
.hero-proof{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.88);font-size:14.5px;font-weight:600}
.hero-proof>span{display:inline-flex;align-items:center;gap:8px}
.hero-proof svg{color:var(--or)}
.film{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 6px;border:0;background:transparent;color:#fff;font:700 15px Manrope;white-space:nowrap}
.film-i{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.film:hover .film-i{background:var(--or)}
.stars{display:inline-flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}
.stars .st{color:var(--or);letter-spacing:1px}
.stars b{font-weight:800}
.stars .sc{color:var(--mute)}
.stars.light .sc{color:rgba(255,255,255,.7)}
.marquee{background:var(--or);color:#fff;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(0,0,0,.08)}
.mq-track{display:inline-flex;gap:44px;padding:16px 0;animation:mq 38s linear infinite;font:800 20px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.04em}
.mq-track>span{display:inline-flex;align-items:center;gap:14px}
.mq-track .dot{display:inline-block;width:7px;height:7px;background:#fff;border-radius:50%}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}
/* rides */
.rides{padding:110px 0}
.ride-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ride-grid.three{grid-template-columns:repeat(3,1fr)}
.ride{position:relative;aspect-ratio:3/4.1;border-radius:var(--r);overflow:hidden;color:#fff;display:block}
.ride>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ride:hover>img{transform:scale(1.06)}
.ride:hover{color:#fff!important}
.ride-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.9) 100%)}
.ride-c{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:4px}
.ride-k{font:700 12px Manrope;letter-spacing:.14em;text-transform:uppercase;color:#FF9A57}
.ride-c>b{font:800 56px/.9 'Barlow Condensed';text-transform:uppercase}
.ride-m{font-size:14px;color:rgba(255,255,255,.85)}
.ride-go{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-top:10px}
/* switcher */
.switch{background:var(--night);color:#fff;padding:110px 0 100px;overflow:hidden}
.sw-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.sw-head .lnk{flex:none}
.sw-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;border-bottom:1px solid var(--lined)}
.sw-tabs>button{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px 16px;border:0;background:transparent;color:rgba(255,255,255,.6);border-bottom:3px solid transparent;margin-bottom:-1px}
.sw-tabs>button>b{font:800 28px/1 'Barlow Condensed';text-transform:uppercase}
.sw-tabs>button>span{font-size:13px}
.sw-tabs>button[aria-selected=true]{color:#fff;border-bottom-color:var(--or)}
.sw-stage{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:30px;animation:fadein .5s ease}
.sw-stage[hidden]{display:none}
@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sw-img{position:relative;aspect-ratio:4/3.6;border-radius:20px;overflow:hidden;background:#000;display:block}
.sw-img>img.sw-life{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.sw-cut{position:absolute;right:16px;bottom:16px;width:30%;aspect-ratio:1/1;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.sw-cut>img{width:86%;height:86%;object-fit:contain}
.sw-role{font:700 13px Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
.sw-name{font:800 clamp(48px,5vw,76px)/.9 'Barlow Condensed';text-transform:uppercase;margin:8px 0 14px}
.sw-pitch{color:rgba(255,255,255,.8);font-size:17px;margin:0 0 26px;max-width:470px}
.sw-nums{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lined);border-bottom:1px solid var(--lined);margin-bottom:28px}
.sw-nums>div{padding:16px 0}
.sw-nums>div>b{display:block;font:800 40px/1 'Barlow Condensed'}
.sw-nums>div>span{font-size:12.5px;color:var(--mute2)}
/* W53 (QA52 P2-7): each number and its label read as one unit: 16px between the columns, and a label that wraps stays
   tight under its number instead of running into the next one ("mi rated range hill grade" on phones) */
.sw-nums{column-gap:16px}
.sw-nums>div>span{display:block;margin-top:5px;line-height:1.3}
.sw-cta{display:flex;flex-wrap:wrap;gap:12px}
.sw-note{margin-top:14px;font-size:13.5px;color:var(--mute2)}
/* shop */
.shop{padding:110px 0}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{background:var(--card);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--line);transition:box-shadow .2s,transform .2s}
.pcard:hover{box-shadow:0 22px 44px -18px rgba(17,20,23,.28);transform:translateY(-3px)}
.pc-media{position:relative;aspect-ratio:4/3.2;background:#fff;display:block;overflow:hidden;border-bottom:1px solid var(--line)}
.pc-cut{position:absolute;inset:6% 10%;width:80%;height:88%;object-fit:contain;transition:opacity .4s}
.pc-life{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:0;transition:opacity .45s,transform .9s;transform:scale(1.04)}
@media (hover:hover){.pcard:hover .pc-life{opacity:1;transform:scale(1)}.pcard:hover .pc-cut{opacity:0}}
.pc-badge{position:absolute;top:14px;left:14px;background:var(--ink);color:#fff;font:700 12px Manrope;padding:7px 11px;border-radius:999px;z-index:2}
.pc-badge.pre{background:var(--or)}
.pc-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.pc-role{font:700 12px Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--or)}
.pc-name{font:800 32px/1 'Barlow Condensed';text-transform:uppercase}
.pc-specs{display:flex;gap:14px;font-size:14px;color:var(--mute)}
.pc-specs b{color:var(--ink)}
.pc-buy{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.pc-price{font:800 30px/1 'Barlow Condensed';display:flex;flex-direction:column;gap:4px}
.pc-price>small{font:600 12px Manrope;color:var(--mute)}
.pcard.promo{background:var(--night);color:#fff}
.promo-in{padding:34px;display:flex;flex-direction:column;gap:12px;justify-content:center;height:100%}
.promo-in>b{font:800 46px/.92 'Barlow Condensed';text-transform:uppercase}
.promo-in>p{color:rgba(255,255,255,.75);margin:0 0 10px}
.promo-in .btn{align-self:flex-start}
/* why */
.why{background:var(--night);color:#fff;padding:110px 0}
.why-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.cmpt{width:100%;border-collapse:collapse;font-size:15px}
.cmpt th,.cmpt td{padding:17px 14px;border-bottom:1px solid var(--lined);text-align:left}
/* 'officialkukirin.store' may break only on the narrowest phones, where it would push the page past 320px (Shopify's
   layout, unbroken, from 360px up) */
@media (max-width:359px){.cmpt th,.cmpt td{overflow-wrap:anywhere}}
.cmpt th{font:700 12px Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--mute2)}
.cmpt td:first-child{color:var(--mute2)}
.cmpt td:nth-child(2){color:rgba(255,255,255,.55)}
.cmpt .us{color:#fff;font-weight:700}
.cmpt td.us svg{color:var(--or);vertical-align:-3px;margin-right:6px}
.cmpt th.us{color:var(--or)}
.why.slim{padding:80px 0}
.trust-g{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.tg svg{color:var(--or)}
.tg>b{display:block;font:800 26px/1 'Barlow Condensed';text-transform:uppercase;margin:16px 0 8px}
.tg>p{margin:0;color:rgba(255,255,255,.72);font-size:15px}
/* videos */
.vids{padding:110px 0}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.vcard{border:0;background:transparent;padding:0;text-align:left;color:var(--ink);display:block;width:100%}
.vc-thumb{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#111}
.vc-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vcard:hover .vc-thumb>img{transform:scale(1.05)}
.vc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--or);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.vc-play.big{width:84px;height:84px}
.vc-tag{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.7);color:#fff;font:700 12px Manrope;padding:6px 10px;border-radius:999px}
.vc-t{display:block;font:800 23px/1.05 'Barlow Condensed';text-transform:uppercase;margin-top:14px}
.vc-by{display:block;font-size:13.5px;color:var(--mute);margin-top:4px}
.vmodal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px}
.vmodal[hidden]{display:none}
.vm-box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.vm-box iframe{width:100%;height:100%;border:0}
.vm-x{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center}
/* reviews */
.revs{padding:110px 0;background:var(--card)}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.rv{margin:0;background:var(--paper);border-radius:var(--r);padding:26px}
.rv-s{color:var(--or);letter-spacing:2px}
.rv-s>span{color:#CFCBC4}
.rv blockquote{margin:12px 0 16px;font-size:16px;line-height:1.6}
.rv figcaption{font-size:13.5px;color:var(--mute);font-weight:600}
/* parts band */
.partsband{background:var(--night3);color:#fff;padding:100px 0}
.pb-g{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.pb-ph{border-radius:18px;overflow:hidden;aspect-ratio:4/5}
.pb-ph>img{width:100%;height:100%;object-fit:cover}
.pb-list{margin-top:6px}
.pb-list>a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--lined);font-size:16px}
.pb-list>a>b{font:800 28px/1 'Barlow Condensed'}
/* faq */
.faqs{padding:110px 0}
.faq-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.faq{border-top:2px solid var(--ink)}
.qa{border-bottom:1px solid var(--line)}
.q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;cursor:pointer;font:700 18px/1.35 Manrope}
.q>i{font-style:normal;font-size:24px;color:var(--or);font-weight:500}
.q>i:before{content:"+"}
.qa[open] .q>i:before{content:"\2212"}
.a{margin:0;padding:0 0 22px;color:var(--mute);font-size:16px;max-width:680px}
/* early */
.early{background:var(--or);color:#fff;padding:90px 0;scroll-margin-top:110px}
/* form posts come back to #<form id> (customer_posted / contact_posted): keep the result below the header bar */
form[id]{scroll-margin-top:calc(var(--kk-hbar-h) + 16px)}
/* W40b: review links (?rv_page=2#okk-reviews) land below the header bar too */
#okk-reviews{scroll-margin-top:calc(var(--kk-hbar-h) + 16px)}
.early .kick.or{color:#fff;opacity:.85}
.early .sub.light{color:rgba(255,255,255,.9)}
.early-g{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eform{display:flex;background:#fff;border-radius:999px;padding:6px;gap:6px}
.eform input[type=email]{flex:1;min-width:0;border:0;outline:none;padding:0 18px;font:500 16px Manrope;border-radius:999px;color:var(--ink);background:#fff}
.eform .btn{background:var(--ink)}
.eform .btn:hover{background:#000}
.enote{font-size:13px;margin-top:12px;opacity:.85}
.joined{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.18);padding:18px 20px;border-radius:14px;font-weight:700}
.eerr{margin-top:10px;font-weight:700}
/* footer */
.foot{background:var(--night);color:#fff;padding:80px 0 40px}
.ft-in{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ft-brand img{height:26px;width:auto;margin-bottom:16px}
.ft-brand>p{color:var(--mute2);font-size:14.5px;max-width:340px}.ft-brand>p.ft-ig{margin-top:14px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.ft-ig-n{color:var(--mute2)}.ft-ig a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none}.ft-ig a:hover span{text-decoration:underline}
.ft-brand>a{font-size:14px;color:#fff}
.ft-in>div>b{display:block;font:700 12px Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--mute2);margin-bottom:12px}
.ft-in>div>a{display:block;padding:5px 0;color:rgba(255,255,255,.85);font-size:15px}
.ft-legal{max-width:1320px;margin:48px auto 0;padding:24px 32px 0;border-top:1px solid var(--lined);color:var(--mute2);font-size:13px;display:flex;flex-wrap:wrap;gap:6px 18px}
.ft-legal a{color:var(--mute2);text-decoration:underline}
/* drawer (W34): header, one scrolling body (shipping, lines, upsells, warranty, Miles), a compact footer that never
   covers the lines. .is-busy: opened at the tap, before the cart answers (kk3.js) */
.drawer{position:fixed;inset:0;z-index:70;pointer-events:none;visibility:hidden;overflow:hidden}
.dr-bg{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.dr{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.drawer.open{pointer-events:auto;visibility:visible}
.drawer.open .dr-bg{opacity:1}
.drawer.open .dr{transform:none}
.dr-in{display:flex;flex-direction:column;height:100%;min-height:0}
.dr-h{flex:none;display:flex;justify-content:space-between;align-items:center;padding:8px 12px 6px 20px;font:800 24px 'Barlow Condensed';text-transform:uppercase}
.dr-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dr-ship{margin:0 20px 2px;padding:9px 12px;background:var(--paper);border-radius:10px;font-size:13px;line-height:1.4}
.dr-ship svg{vertical-align:-3px;color:var(--or)}
.bar{height:4px;border-radius:2px;background:#E3DFD8;margin-top:7px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--or)}
.dr-lines{padding:0 20px}
.dr-empty{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:30px 0;color:var(--mute)}
.dr-empty[hidden]{display:none}
.dl{display:grid;grid-template-columns:68px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.dl>img{width:68px;height:68px;object-fit:contain;background:var(--paper);border-radius:10px}
.dl-m{display:flex;flex-direction:column;gap:1px;font-size:14px;min-width:0}
.dl-m>a{font-weight:700}
.dl-m>span{color:var(--mute);font-size:13px}
.dl-p{font-weight:700;text-align:right;font-size:14.5px;white-space:nowrap}
.dl-p>s{display:block;font-weight:500;color:var(--mute);font-size:12px}
.dl.is-adding{opacity:.65}
.dl.is-adding>i{display:block;width:68px;height:68px;border-radius:10px;background:var(--paper)}
.dl.is-adding .dl-m>b{display:block;width:60%;height:12px;margin:6px 0 8px;border-radius:6px;background:var(--paper)}
.dl.is-adding .dl-m>b:not(:empty){width:auto;height:auto;margin:0;background:none;font-weight:700}
.qty{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:1px;margin-top:6px;width:max-content}
.qty>button{position:relative;width:32px;height:32px;border:0;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center}
.qty>button::after{content:"";position:absolute;inset:-6px}
.dr-pay a{display:inline-block;padding:14px 8px;margin:-14px -8px}
.up .btn.sm{position:relative;z-index:1}
.up .btn.sm::after{content:"";position:absolute;inset:-6px -2px}
.dl-m>a{position:relative}
.dl-m>a::after{content:"";position:absolute;inset:-11px 0}
.qty>button:hover{background:var(--paper)}
.dr-up{padding:10px 20px 4px}
.dr-k{font:700 11.5px Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.up{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:5px 0;font-size:13.5px}
.up>img{width:40px;height:40px;object-fit:cover;border-radius:8px;background:var(--paper)}
.up>span{display:flex;flex-direction:column}
.up .btn.sm{height:34px;padding:0 14px;font-size:13px}
.dr-more{padding:10px 20px 14px}
.dr-more .okk-cm{margin:0}
.dr-f{flex:none;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fff}
.dr-assure{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);margin-bottom:8px}
.dr-assure svg{color:var(--or);flex:none}
.dr-disc{display:flex;justify-content:space-between;font-size:14px;color:#17633F;font-weight:700;margin-bottom:4px}
.dr-sub{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin-bottom:10px}
.dr-sub>b{font:800 24px 'Barlow Condensed'}
.dr-f .btn.full{height:50px}
.dr-pay{text-align:center;font-size:12px;color:var(--mute);margin-top:8px}
.dr-note{margin:0 0 8px;font-size:12.5px;color:var(--mute)}
.dr-block{background:#FFE8D6;color:var(--ord);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0 0 10px}
.drawer.is-busy .dr-f .btn.full{opacity:.6;pointer-events:none}
/* W41: one loading state. Until the cart answers no total is shown (no $0.00, no price before the sale) */
.drawer.is-busy .dr-disc,.drawer.is-busy .dr-note,.drawer.is-busy .dr-co-amt{display:none}
.drawer.is-busy .dr-sub>b{color:transparent;min-width:96px;border-radius:6px;background:var(--paper)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:90;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3);white-space:nowrap}
.toast[hidden]{display:none}
/* W41b: a cart action that failed, said in the drawer */
.dr-err{display:flex;gap:8px;align-items:flex-start;margin:12px 16px 0;padding:10px 12px;border-radius:10px;background:#fdecea;color:#a1260d;font-size:13.5px;font-weight:600;line-height:1.4}
.dr-err svg{flex:none;margin-top:1px}
.toast svg{color:var(--or)}
/* PDP */
/* W39: the page starts below the header at the top; when the announcement wraps to two lines (about 761-880px wide) the
   header is 128px, not 104 */
.pdp,.cmp{padding-top:max(104px,calc(var(--kk-annc-h) + var(--kk-hbar-h)))}
.crumb{font-size:13px;color:var(--mute);padding:20px 0}
.crumb>a:hover{color:var(--or)}
.pdp-top{display:grid;grid-template-columns:1.18fr .82fr;gap:44px;align-items:start;padding-bottom:70px}
.pdp-top>*{min-width:0}
.gal{min-width:0}
.gal-main{position:relative;background:#fff;border-radius:18px;aspect-ratio:1/1;overflow:hidden}
.gal-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gal-slide[hidden]{display:none}
.gal-slide>img{width:86%;height:86%;object-fit:contain}
.gal-slide.cover>img{width:100%;height:100%;object-fit:cover}
.gal-vid{position:absolute;inset:0;border:0;padding:0;background:#000;width:100%}
.gal-vid>img{width:100%;height:100%;object-fit:cover;opacity:.85}
.gal-vt{position:absolute;left:18px;bottom:18px;color:#fff;font:800 24px 'Barlow Condensed';text-transform:uppercase}
.gal-nav{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border-radius:999px;padding:4px;font-size:13px;font-weight:700;color:var(--ink)}
.gal-nav>button{width:34px;height:34px;border-radius:50%;border:0;background:transparent;font-size:22px;line-height:1}
.gal-nav>button:hover{background:var(--paper)}
.gal-th{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:10px}
.gal-th>button{aspect-ratio:1/1;border-radius:10px;border:2px solid transparent;background:#fff;padding:0;overflow:hidden;position:relative}
.gal-th>button[aria-current=true]{border-color:var(--or)}
.gal-th img{width:100%;height:100%;object-fit:cover}
.gal-th svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.buy{position:sticky;top:calc(var(--kk-hbar-h) + 18px)}
.buy-badges{display:flex;flex-wrap:wrap;gap:8px}
.bdg{font:700 12.5px Manrope;padding:7px 12px;border-radius:999px;background:#E6F2EA;color:#17633F}
.bdg.pre{background:#FFE8D6;color:var(--ord)}
.bdg.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.buy-h{font:800 clamp(46px,4.4vw,68px)/.9 'Barlow Condensed';text-transform:uppercase;margin:16px 0 10px!important}
.buy-r{display:flex;align-items:center;gap:12px;font-size:14px}
.buy-r>a{text-decoration:underline}
.buy-p{color:var(--mute);margin:14px 0 18px;font-size:16px}
.buy-specs{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:12px;padding:12px 4px}
.buy-specs>div{text-align:center;border-right:1px solid var(--line)}
.buy-specs>div:last-child{border:0}
.buy-specs>div>b{display:block;font:800 24px/1.1 'Barlow Condensed'}
.buy-specs>div>span{font-size:12px;color:var(--mute)}
.buy-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:22px 0 14px}
.buy-price>b{font:800 52px/1 'Barlow Condensed'}
.buy-price>span{font-size:14px;color:#17633F;font-weight:700}
.buy-hlw{margin:-4px 0 14px;font-size:14px;font-weight:700;color:#A3430A}
.kits{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;border:0}
.kit{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;cursor:pointer}
.kit>input{position:absolute;opacity:0;pointer-events:none}
.kit>i{width:20px;height:20px;border-radius:50%;border:2px solid #B9B4AC}
.kit:has(input:checked){border-color:var(--ink)}
.kit:has(input:checked)>i{border:6px solid var(--or)}
.kit:has(input:focus-visible){outline:2px solid var(--or);outline-offset:2px}
.kit>span{display:block;min-width:0}
.kit>span>b{display:block;font-size:15px}
.kit>span>b>u{text-decoration:none;font-size:11px;background:var(--or);color:#fff;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:2px;white-space:nowrap;display:inline-block}
.kit>span>small{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.kit>em{font-style:normal;font-weight:800;white-space:nowrap}
.buy-eta{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--mute);flex-wrap:wrap}
.buy-eta svg{color:var(--or)}
.buy-eta>b{color:var(--ink)}
.buy-alt{margin-top:14px;font-size:14px;background:#FFF1E6;border-radius:12px;padding:12px 14px}
.buy-alt>a{font-weight:800;text-decoration:underline}
.buy-trust{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:14px}
.buy-trust>li{display:flex;gap:10px}
.buy-trust svg{flex:none;color:var(--or);margin-top:1px}
.pdp-nums{background:var(--night);color:#fff;padding:60px 0}
.pn-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pn-g>div{border-left:2px solid var(--or);padding-left:18px}
.pn-g>div>b{display:block;font:800 clamp(56px,6vw,96px)/.9 'Barlow Condensed'}
.pn-g>div>span{color:var(--mute2);font-size:14px}
.feat{padding:100px 0;display:block}
.frow{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;margin-bottom:70px}
.frow.rev .f-img{order:2}
.f-img{background:#fff;border-radius:18px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.f-img>img{width:100%;height:100%;object-fit:contain}
.f-img.cover>img{object-fit:cover}
.f-k{font:800 64px/.9 'Barlow Condensed';color:var(--or)}
.f-txt>.f-h{font:800 40px/.95 'Barlow Condensed';text-transform:uppercase;margin:10px 0 14px}
.f-txt>p{color:var(--mute);font-size:17px;margin:0}
.pvid{background:var(--night);color:#fff;padding:100px 0}
.pv-g{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.pv-big{position:relative;border:0;padding:0;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#000;width:100%}
.pv-big>img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .6s}
.pv-big:hover>img{transform:scale(1.04)}
.pv-t .h2{font-size:clamp(32px,3.4vw,50px)}
.fit{padding:100px 0;background:var(--card)}
.fit-g{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.fit-yes>ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px;font-size:17px}
.fit-yes li{display:flex;gap:10px;align-items:flex-start}
.fit-yes svg{color:var(--or);flex:none;margin-top:3px}
.fit-alt{display:flex;flex-direction:column;gap:12px;padding-top:30px}
.nb{display:grid;grid-template-columns:96px minmax(0,1fr) 24px;gap:16px;align-items:center;background:var(--paper);border-radius:var(--r);padding:14px}
.nb>img{width:96px;height:96px;background:#fff;border-radius:10px;object-fit:contain}
.nb>span{display:block;min-width:0}
.nb>span>small{display:block;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.nb>span>b{display:block;font:800 26px/1.05 'Barlow Condensed';text-transform:uppercase}
.nb>span>em{display:block;font-style:normal;color:var(--mute);font-size:14px;margin-top:2px}
.specs{padding:100px 0}
.sp-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.sp{margin:0;border-top:2px solid var(--ink)}
.sp>div{display:grid;grid-template-columns:1fr 1.2fr;column-gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.sp dt{color:var(--mute);font-weight:600}
.sp dd{margin:0;font-weight:700}
.pdp-rev{padding:100px 0;background:var(--card);scroll-margin-top:var(--kk-hbar-h)}
.pdp-rev .h2 .stars{font-size:28px;vertical-align:middle}
.pdp-parts{padding:100px 0}
.ppl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ppi{background:#fff;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:4px}
.ppi>span{font-size:12.5px;color:var(--mute)}
.ppi>b{font-size:17px}
.ppi>em{font:800 34px/1 'Barlow Condensed';font-style:normal;margin-top:8px}
.ppi .btn{align-self:flex-start;margin-top:10px}
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(13,16,20,.97);color:#fff;transform:translateY(110%);transition:transform .3s}
.sbar.on{transform:none}
.sbar-in{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px}
.sbar-in>img{width:52px;height:52px;background:#fff;border-radius:8px;object-fit:contain;flex:none}
.sb-n{flex:1;display:flex;flex-direction:column;min-width:0}
.sb-n>b{font:800 22px/1 'Barlow Condensed';text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-n>span{font-size:13px;color:var(--mute2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbar-in>.btn{flex:none}
.ul-note{font-size:13px;color:var(--mute);margin-top:6px}
/* ride */
.rhero{position:relative;overflow:hidden;background:var(--night);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:stretch;min-height:92vh}
.rhero>img{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-height:calc(92vh - 104px);margin-top:max(104px,calc(var(--kk-annc-h) + var(--kk-hbar-h)));object-fit:cover;object-position:50% 30%}
.rhero .rh-in{position:relative;z-index:2;grid-column:1;grid-row:1;align-self:end;padding:160px 48px 64px max(32px,calc((100vw - 1320px)/2 + 32px))}
.rhero .h1{font-size:clamp(48px,5.6vw,96px)}
.rhero.full{display:flex;align-items:flex-end;min-height:92vh}
.rhero.full>img{position:absolute;inset:0;margin:0;min-height:0;height:100%}
.rhero.full .rh-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,13,.85),rgba(8,10,13,.35) 60%,rgba(8,10,13,.1)),linear-gradient(0deg,rgba(8,10,13,.9),rgba(8,10,13,0) 50%)}
.rhero.full .rh-in{width:100%;max-width:1320px;margin:0 auto;padding:160px 32px 64px}
.reasons{background:var(--night);color:#fff;padding:80px 0}
.rs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.rs>b{display:block;font:800 clamp(64px,7vw,108px)/.9 'Barlow Condensed';color:var(--or)}
.rs>p{color:rgba(255,255,255,.78);font-size:17px;margin:12px 0 0;max-width:380px}
.pick{padding:100px 0}
.pick-g{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.pk{position:relative;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.pk.main{box-shadow:0 0 0 2px var(--or)}
.pk-top{position:absolute;top:16px;left:16px;z-index:2;background:var(--or);color:#fff;font:700 12.5px Manrope;padding:8px 13px;border-radius:999px}
.pk-img{background:#fff;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.pk-img>img{height:88%;object-fit:contain}
.pk-b{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pk-b>*{align-self:stretch}
.pk-b>.lnk{align-self:flex-start}
.pk-n{font:800 46px/.92 'Barlow Condensed';text-transform:uppercase}
.pk-nums{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:8px 0}
.pk-nums>div{padding:12px 0}
.pk-nums>div>b{display:block;font:800 30px/1 'Barlow Condensed'}
.pk-nums>div>span{font-size:12px;color:var(--mute)}
.pk-buy{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}
.endcta{background:var(--night);color:#fff;padding:90px 0}
.ec-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.ec-g>img{background:#fff;border-radius:18px;width:100%;aspect-ratio:1/1;object-fit:contain;padding:20px}
/* finder */
.finder{background:var(--night);color:#fff;padding:60px 0 90px}
.fd-g{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.fd-g>*{min-width:0}
.fd-steps{margin-top:34px;display:flex;flex-direction:column;gap:12px}
.fd-step{background:var(--night2);border:1px solid var(--lined);border-radius:var(--r);padding:20px;margin:0}
.fd-step.cur{border-color:var(--or)}
.fd-t{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;padding:0;float:left;width:100%}
.fd-o{clear:both}
.fd-t>i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;background:var(--night3);display:flex;align-items:center;justify-content:center;font-size:13px}
.fd-step.done .fd-t>i{background:var(--or)}
.fd-o{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fd-o>button{height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--lined);background:transparent;color:#fff;font-weight:600;font-size:14.5px}
.fd-o>button:hover{border-color:#fff}
.fd-o>button[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}
.fd-r{position:sticky;top:calc(var(--kk-hbar-h) + 20px);background:#fff;color:var(--ink);border-radius:18px;padding:24px}
.fd-r[hidden]{display:none}
.fd-k{font:700 12px Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.fd-img{background:#F7F6F3;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:12px 0 14px;aspect-ratio:4/3.4;overflow:hidden}
.fd-img>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.fd-n{font:800 40px/.95 'Barlow Condensed';text-transform:uppercase;display:flex;flex-direction:column}
.fd-n>span{font:600 14px Manrope;text-transform:none;color:var(--mute)}
.fd-why{color:var(--mute);font-size:15px}
.fd-buy{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.fd-buy>b{font:800 40px 'Barlow Condensed'}
.fd-alt{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.fd-alt>a{display:flex;align-items:center;gap:10px;margin-top:6px}
.fd-alt img{width:44px;height:44px;object-fit:contain;background:#F7F6F3;border-radius:8px}
.fd-alt b{color:var(--ink);font-size:14px}
.fd-lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:#F7F6F3;border-radius:12px;padding:18px 10px;margin:12px 0 14px}
.fd-lineup>img{width:100%;aspect-ratio:1/1.3;object-fit:contain}
.ctable{padding:100px 0}
.ct-wrap{overflow-x:auto;background:#fff;border-radius:18px;padding:8px 20px}
.ct{width:100%;min-width:900px;border-collapse:collapse;font-size:15px}
.ct th,.ct td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.ct th>img{width:110px;height:110px;object-fit:contain;margin-bottom:8px}
.ct th>a>b{display:block;font:800 26px 'Barlow Condensed';text-transform:uppercase}
.ct th>span{font-size:13px;color:var(--mute);font-weight:600}
.ct td:first-child{color:var(--mute);font-weight:600;width:150px}
.ct .soft{font-weight:600}
.ct .ok{color:#17633F;font-weight:700}
.ct-l{position:sticky;left:0;background:#fff;z-index:1;box-shadow:-20px 0 0 #fff}
.ct-hint{display:none;font-size:13px;color:var(--mute);margin-top:10px}
.steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.stp{margin:0;padding:0;list-style:none;counter-reset:s;border-top:2px solid var(--ink)}
.stp>li{counter-increment:s;display:grid;grid-template-columns:60px 1fr;gap:6px 14px;padding:20px 0;border-bottom:1px solid var(--line)}
.stp>li:before{content:counter(s,decimal-leading-zero);grid-row:span 2;font:800 36px/1 'Barlow Condensed';color:var(--or)}
.stp>li>b{font:800 26px/1 'Barlow Condensed';text-transform:uppercase}
.stp>li>span{color:var(--mute)}
.ul-band{display:flex;gap:16px;align-items:flex-start;background:var(--night2);border:1px solid var(--lined);border-radius:var(--r);padding:20px;margin-top:28px}
.ul-band svg{color:var(--or);flex:none}
.ul-band p{margin:4px 0 0;color:rgba(255,255,255,.72);font-size:14.5px}
@media (max-width:1100px){.hnav{display:none}.mob-only{display:inline-flex}.hbar{gap:12px}.logo{margin-right:auto}.pgrid{grid-template-columns:repeat(2,1fr)}.ride-grid{grid-template-columns:repeat(2,1fr)}.trust-g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
.wrap{padding:0 16px}.hbar{padding:0 8px;height:60px}.desk-only{display:none}.annc{font-size:12px;padding:7px 12px}.annc .annc-x{display:none}.annc{position:relative;overflow:hidden}.annc .annc-1,.annc .annc-m{animation:anncA 10s step-end infinite}.annc .annc-m{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:7px 12px;font-weight:700;text-decoration:none;animation-name:anncB}.annc .annc-m u{margin-left:4px}
.hero{align-items:flex-end}.hero-ph{width:100%}.hero-ph img{object-position:50% 20%}
.hv-shade{background:linear-gradient(0deg,#0D1014 0%,#0D1014 42%,rgba(13,16,20,.7) 58%,rgba(13,16,20,0) 75%)}
.hero-in{padding-top:58vh;padding-bottom:40px}.lede{font-size:17px}.hero-cta .btn{width:100%}.film{width:100%;justify-content:center}.hero-proof{gap:10px 18px;font-size:13.5px}
.rides,.shop,.vids,.revs,.faqs,.switch,.why,.feat,.pvid,.fit,.specs,.pdp-rev,.pdp-parts,.pick,.ctable{padding:64px 0}
.sec-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px}.sw-head{flex-direction:column;align-items:flex-start}
.ride-grid,.ride-grid.three{grid-template-columns:1fr}.ride{aspect-ratio:16/12}.ride-c>b{font-size:46px}
.sw-stage,.why-g,.pb-g,.faq-g,.early-g,.pdp-top,.frow,.pv-g,.fit-g,.sp-g,.pick-g,.fd-g,.steps,.ec-g{grid-template-columns:1fr;gap:28px}
.frow.rev .f-img{order:0}.frow{margin-bottom:44px}.sw-tabs>button{min-width:104px}.sw-tabs>button>b{font-size:22px}.sw-nums>div>b{font-size:30px}.sw-cut{width:36%}
.pgrid,.vgrid,.rgrid,.rs-g{grid-template-columns:1fr}.ppl{grid-template-columns:1fr 1fr}.trust-g{grid-template-columns:1fr}.pn-g{grid-template-columns:repeat(2,1fr)}
.buy{position:static}.gal-th{display:flex;overflow-x:auto}.gal-th>button{flex:0 0 62px;height:62px}.buy-specs>div>b{font-size:20px}
.ft-in{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}.eform{flex-direction:column;border-radius:16px}.eform input[type=email]{height:50px;flex:none}
.fd-r{position:static}.cmpt{font-size:13.5px}.cmpt th,.cmpt td{padding:12px 6px}.mq-track{font-size:17px}
.rhero{grid-template-columns:minmax(0,1fr);min-height:0}.rhero>img{grid-column:1;grid-row:1;min-height:0;height:58vh;margin-top:94px}.rhero .rh-in{grid-column:1;grid-row:2;padding:32px 16px 44px}
.rhero.full{min-height:86vh}.rhero.full .rh-in{padding:130px 16px 44px}
.pk-n{font-size:38px}.nb{grid-template-columns:72px minmax(0,1fr) 20px}.nb>img{width:72px;height:72px}.nb>span>b{font-size:22px}
.sb-n>b{font-size:16px;line-height:1.15}.sb-n>span{font-size:11px}.sbar-in{gap:10px}.sbar-in>img{width:44px;height:44px}.sbar-in>.btn{padding:0 18px}
.f-txt>.f-h{font-size:34px}.f-k{font-size:52px}.pb-ph{aspect-ratio:4/4.4}
.ct-hint{display:block}.ct td.ct-l,.ct th.ct-l{min-width:110px;box-shadow:-20px 0 0 #fff,6px 0 8px -6px rgba(0,0,0,.15)}.ct-wrap{scroll-padding-left:130px}.ec-g>img{max-width:320px}.endcta{padding:60px 0}
.toast{bottom:84px}
}
.ft-news{margin-top:22px;max-width:340px}
.ft-news>label{display:block;font:700 12px Manrope;letter-spacing:.12em;text-transform:uppercase;color:var(--mute2);margin-bottom:8px}
.ft-news>div{display:flex;gap:6px;background:var(--night3);border:1px solid var(--lined);border-radius:999px;padding:4px}
.ft-news input[type=email]{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:500 14px Manrope;padding:0 14px;outline:none}
.ft-news button{height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--or);color:#fff;font:700 14px Manrope}
.ft-ok{margin-top:18px;color:#fff;font-weight:700}.ft-err{margin:8px 0 0;color:#ffb38a;font:700 13px/1.4 Manrope}
.kit.ext{margin:-6px 0 14px}
.kit.ext>i{border-radius:6px}
.kit.ext:has(input:checked)>i{border:0;background:var(--or) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27/%3E%3C/svg%3E") center/14px no-repeat}
.rv-all{margin-top:28px}
/* 320px phones: keep the Halloween / Early Access line on one row (it wrapped to 2 and grew the fixed header) */
@media (max-width:340px){.annc{font-size:11px;padding:7px 8px}.annc .annc-m{padding:7px 8px}}
/* Video cards: .vc-thumb is a <span>, so without display:block Safari sized it as an inline box: no 16:9 box and the
   absolutely placed play button and tag landed at the card's left edge (half off screen on phones). Blink drew it right. */
.vc-thumb{display:block}
/* #early anchor (header "Join the list"): land the orange section right under the header bar (the announcement line has
   scrolled away by then) instead of 110px, which left a strip of the light FAQ section showing between them. */
.early{scroll-margin-top:var(--kk-hbar-h)}

/* W30: the fixed buy bar (.sbar) keeps 10px above and below its content on every width (.wrap's phone padding reset
   it) plus the iPhone home-indicator area, and the footer ends above it so the legal links stay readable. */
.sbar .sbar-in{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
/* W53: --kk-sbar-h is the bar's measured height (kk3.js, safe area included), so the footer still ends above it when the
   price line wraps to 3 rows (the G2 Master at 375 to 413px); without it the values are the W30 ones (bar 72px + safe area) */
body:has(.sbar) .foot{padding-bottom:calc(40px + var(--kk-sbar-h, 72px + env(safe-area-inset-bottom)))}
@media (max-width:760px){body:has(.sbar) .foot{padding-bottom:calc(32px + var(--kk-sbar-h, 72px + env(safe-area-inset-bottom)))}}
/* W50: the buy bar is solid (no page text through it), its button is laid out like the main one (the form is the flex
   item), and on phones the price and the Halloween price read in full: the button drops the total (the price line
   carries it), the name and the price line may wrap instead of being cut, and the shipping note gives way first */
.sbar{background:var(--night)}
.sbar-in>form{flex:none}
.sbar .btn{gap:0}
.sb-n .sb-hlw,.sb-n [data-kk-sb-price]{white-space:nowrap}
@media (max-width:760px){
  /* W51a: the button keeps its total and the price line its shipping note, as on Shopify.
     W53 (QA52 P2-5): the line wraps instead of being cut, so the G2's "ships early Nov" shows; the button padding (18 to
     10px) and the gap (10 to 8px) give it 20px, which keeps the bar at 72px for all 5 scooters on iPhones from 390px */
  .sbar .btn{padding:0 10px}
  .sbar-in{gap:8px}
  .sb-n>b{white-space:normal;overflow:visible}
  .sb-n>span{font-size:12.5px;line-height:1.3;color:#C3C8CE;white-space:normal;overflow:visible;text-overflow:clip}
}
/* W53: under 375px the bar's small product picture (alt="") gives its 52px to the name and the price line, which would
   otherwise wrap to 3 to 6 rows (bar 87 to 173px instead of 72px) */
@media (max-width:374px){.sbar-in>img{display:none}}
/* W50: a cart line without a product image (the 3-Year Warranty Extension) shows its number, as the /cart page does */
.dl>.dl-ph{display:flex;align-items:center;justify-content:center;width:68px;height:68px;background:var(--paper);border-radius:10px;font:800 30px/1 'Barlow Condensed',sans-serif;color:#D9D2C5}
@media (max-width:360px){.rhero .btn.lg{white-space:normal;height:auto;min-height:60px;padding:10px 24px;text-align:center;max-width:100%}}
/* W39: on phones the home hero's orange eyebrow sits on a bright part of the photo: a soft dark shadow behind that line only */
@media (max-width:760px){.hero-in>.kick{text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.6)}}
/* W40b: at 320 to 380px the eyebrow wraps over the brightest part of the photo and the shadow is not enough: a dark
   chip behind it (390px and up keep W39's shadow only) */
@media (max-width:380px){.hero-in>.kick{display:inline-block;max-width:100%;padding:6px 9px;border-radius:6px;background:rgba(13,16,20,.74);font-size:12px;letter-spacing:.1em;line-height:1.35;text-shadow:none}}