:root{--red:#d00000;--red-h:#a80000;--red-l:#ff4d43;--glow:#e1060066;--bg:#0b0b0c;--bg2:#141416;--card:#19191b;--tx:#f8f8f8;--mut:#b0a9a9;--line:#ffffff1f;--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--bg);color:var(--tx);font-family:Heebo,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
/* accessibility */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:#fff;color:#000;padding:10px 16px;font-weight:700;border-radius:0 0 6px 6px}
.skip:focus{top:0}
:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}
.q:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:1px}
/* LED strip - the one signature motif */
.led{height:2px;background:linear-gradient(90deg,transparent,var(--red) 18%,var(--red-l) 50%,var(--red) 82%,transparent);box-shadow:0 0 14px var(--glow);transform-origin:center;animation:ledin 1.4s var(--ease) both}
.led.s{animation:none;box-shadow:none;opacity:.55;height:1px}
@keyframes ledin{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
/* glass header */
.top{position:sticky;top:0;z-index:30;background:rgba(11,11,12,.78);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.top .wrap{display:flex;align-items:center;gap:14px;height:64px}
.top .grow{flex:1}
.top .q{flex:1;min-width:0;height:42px;border-radius:99px;border:1px solid var(--line);background:#ffffff12;padding:0 18px}
.top .q::placeholder{color:#a9a2a2}
.top .q:focus{border-color:var(--red-l)}
.top nav{display:none;gap:22px;font-weight:500;color:#e2dcdc}
.top nav a{padding:8px 2px}.top nav a:hover{color:var(--red-l)}
.logo img{display:block;height:36px;width:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:0;background:var(--red);color:#fff;font-weight:700;cursor:pointer;border-radius:6px;transition:box-shadow .25s var(--ease),transform .25s var(--ease),background .25s}
.btn:hover{background:var(--red-h);box-shadow:0 6px 24px var(--glow);transform:translateY(-1px)}
.btn.ghost{background:transparent;border:1px solid #ffffff55;color:var(--tx)}
.btn.ghost:hover{border-color:#fff;background:#ffffff12;box-shadow:none}
.btn.wa{background:#0f7a3b}.btn.wa:hover{background:#0b6230;box-shadow:0 6px 20px #0f7a3b66}
.btn.big{min-height:54px;padding:0 30px;font-size:18px}
/* hero: pure CSS */
.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(900px 420px at 85% -10%,#d0000033,transparent 70%),repeating-linear-gradient(115deg,#ffffff06 0 2px,transparent 2px 22px),linear-gradient(180deg,#0b0b0c,#151517)}
.hero::after{content:"";position:absolute;inset:auto -10% -45% -10%;height:90%;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#d0000055,transparent 65%)}
.hero .in{padding:44px 0 64px;animation:up .8s var(--ease) both .1s}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.eyebrow{font-size:14px;font-weight:500;letter-spacing:.14em;color:var(--red-l);margin-bottom:12px}
.hero h1{font-size:clamp(40px,10.5vw,80px);font-weight:900;line-height:1;letter-spacing:-.02em}
.hero h1 small{display:block;font-size:clamp(17px,4.4vw,26px);font-weight:400;letter-spacing:0;color:#e8e2e2;margin-top:16px;line-height:1.4;max-width:30em}
.hero .cta{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.nums{display:flex;gap:28px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}
.nums div{font-size:13px;color:var(--mut);line-height:1.2}
.nums b{display:block;font-size:26px;font-weight:800;color:var(--tx);font-variant-numeric:tabular-nums;min-width:2ch}
/* search panel overlaps hero */
.panel{position:relative;margin-top:-38px;z-index:5;background:var(--card);border:1px solid var(--line);border-top:2px solid var(--red);padding:16px;border-radius:0 0 8px 8px}
.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.filters label{display:block;font-size:13px;color:var(--mut);margin-bottom:4px}
.filters select{height:48px;border:1px solid var(--line);background-color:#ffffff0d;padding:0 12px;width:100%;border-radius:6px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#bbb 50%),linear-gradient(135deg,#bbb 50%,transparent 50%);background-position:16px 21px,21px 21px;background-size:5px 5px;background-repeat:no-repeat}
.filters select option{background:#19191b;color:#fff}
.filters .btn{min-height:48px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:44px;padding:0 18px;border:1px solid #ffffff40;background:transparent;cursor:pointer;border-radius:99px;transition:all .2s}
.chip:hover{border-color:#fff}
.chip.on{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.band{padding:32px 0}.band.tight{padding-bottom:6px}
@media(min-width:720px){.band{padding:54px 0}.band.tight{padding-bottom:10px}}
@media(min-width:1024px){.brands{flex-wrap:wrap;overflow:visible}}
.alt{background:var(--bg2)}
.h2{font-size:clamp(26px,6vw,40px);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin-bottom:6px}
.sub{color:var(--mut);margin-bottom:16px}
@media(min-width:720px){.sub{margin-bottom:24px}}
.meta{font-size:14px}
.brands{display:flex;overflow-x:auto;scrollbar-width:none;border-block:1px solid var(--line)}
.brands::-webkit-scrollbar{display:none}
.brand{flex:none;min-height:56px;padding:14px 22px;background:none;border:0;border-inline-start:1px solid var(--line);cursor:pointer;font-weight:600;font-size:18px;transition:color .2s,background .2s}
.brand em{font-style:normal;color:var(--red-l);font-size:13px;margin-inline-start:8px;vertical-align:super}
.brand:hover,.brand.on{background:#ffffff10;color:var(--red-l)}
/* cards */
.grid{display:grid;grid-template-columns:1fr;gap:26px 18px}
.feat-row{display:grid;grid-template-columns:1fr;gap:18px}
.card{display:flex;flex-direction:column;position:relative;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.card:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 14px 34px #0009}
.ph{position:relative;display:block;aspect-ratio:4/3;background:#202023;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.card:hover .ph img{transform:scale(1.06)}
.tag{position:absolute;inset-inline-start:0;bottom:0;background:var(--red);padding:8px 18px 8px 26px;font-weight:800;font-size:20px;clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px));font-variant-numeric:tabular-nums}
.tag.ask{background:#000000cc;font-size:15px;font-weight:600}
.cb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.cb h3{font-size:20px;font-weight:700;line-height:1.2}
.sp{display:flex;flex-wrap:wrap;color:var(--mut);font-size:14px;min-height:21px}
.sp span+span::before{content:"";display:inline-block;width:1px;height:11px;background:#ffffff55;margin:0 10px;vertical-align:-1px}
.acts{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.acts .btn{flex:1;min-height:46px;padding:0 10px}
.empty{padding:50px 0;text-align:center;color:var(--mut)}
.empty a{color:var(--red-l);text-decoration:underline}
/* skeleton */
.sk{aspect-ratio:4/5;border-radius:8px;background:linear-gradient(100deg,#19191b 30%,#26262a 50%,#19191b 70%);background-size:300% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{from{background-position:100% 0}to{background-position:-100% 0}}
.rows{list-style:none;padding:0}
.rows li{display:grid;grid-template-columns:64px 1fr;gap:6px 14px;padding:16px 0 18px;align-items:baseline}
.rows i{font-style:normal;font-size:34px;font-weight:900;color:transparent;-webkit-text-stroke:1px var(--red-l);line-height:1}
.rows b{font-size:20px}.rows span{grid-column:2;color:var(--mut)}
.fin{display:flex;flex-direction:column;gap:20px;align-items:flex-start;border:1px solid var(--line);border-top:2px solid var(--red);border-radius:0 0 8px 8px;padding:28px 22px;background:var(--card)}
.revs{display:grid;gap:14px}
.rev{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--card)}.rev b{display:block;margin-top:8px;color:var(--mut);font-weight:500}
.phone{font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:900;direction:ltr;display:inline-block;letter-spacing:-.01em}
.contact .btns{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.addr{color:var(--mut)}
.note{color:var(--mut);font-size:14px;margin-top:6px}.note a{text-decoration:underline}
.foot{padding:26px 0 40px;color:var(--mut);font-size:14px}
.foot .wrap{display:flex;flex-direction:column;gap:10px}
.foot img{width:88px;height:auto}
.foot a{text-decoration:underline;padding:4px 0;display:inline-block}
/* car page */
.carpage{padding-bottom:84px}
.back{display:inline-block;padding:16px 0;color:var(--mut)}.back:hover{color:#fff}
.gal-main{position:relative;aspect-ratio:4/3;background:#202023;overflow:hidden;touch-action:pan-y;border-radius:8px}
.gal-main img{width:100%;height:100%;object-fit:cover;display:block}
.gal-main .cnt{position:absolute;inset-inline-end:10px;top:10px;background:#000000b3;padding:2px 10px;font-size:13px;border-radius:99px}
.gal-main .nv{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#000000a6;color:#fff;font-size:22px;cursor:pointer}
.gal-main .nv:hover{background:#000}
.gal-main .nv.prev{inset-inline-start:10px}.gal-main .nv.next{inset-inline-end:10px}
.thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:none;width:78px;aspect-ratio:4/3;overflow:hidden;border:2px solid transparent;padding:0;background:#202023;cursor:pointer;opacity:.65;transition:opacity .2s;border-radius:4px}
.thumbs button.on{border-color:var(--red-l);opacity:1}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.ct h1{font-size:clamp(28px,7vw,40px);font-weight:900;line-height:1.1;margin:8px 0 12px;letter-spacing:-.01em}
.bigp{display:inline-block;background:var(--red);padding:8px 22px 8px 30px;font-size:30px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px));margin-bottom:18px;font-variant-numeric:tabular-nums}
.bigp.ask{background:#ffffff1c;font-size:22px;font-weight:700}
.specs{border-top:1px solid var(--line);margin:6px 0 18px}
.specs div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.specs small{color:var(--mut);font-size:14px}.specs b{font-weight:600}
.desc{color:#e2dcdc;white-space:pre-line}
.bar{position:fixed;inset-inline:0;bottom:0;z-index:40;background:rgba(9,9,10,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.bar .wrap{display:flex;gap:10px;padding:0}.bar .btn{flex:1}
/* legal pages */
.legal{max-width:820px;padding:28px 18px 60px}
.legal h1{font-size:clamp(28px,7vw,40px);font-weight:900;line-height:1.15;margin:10px 0 6px}
.legal h2{font-size:22px;font-weight:800;margin:30px 0 8px}
.legal p,.legal li{color:#e2dcdc;margin-bottom:8px}
.legal ul{padding-inline-start:22px}
.legal a{text-decoration:underline;color:#fff}
.legal .upd{color:var(--mut);font-size:14px}
@media(min-width:720px){.logo img{height:44px}.grid,.feat-row{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr 1fr auto}.top nav{display:flex}.rows li{grid-template-columns:80px 1fr 1.4fr}.rows span{grid-column:auto}.nums b{font-size:34px}.fin{flex-direction:row;align-items:center;justify-content:space-between;padding:34px}.revs{grid-template-columns:repeat(2,1fr)}.foot .wrap{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}}
@media(min-width:1000px){.grid,.feat-row{grid-template-columns:repeat(3,1fr)}.cargrid{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:start}.panel{padding:22px}.revs{grid-template-columns:repeat(3,1fr)}}
/* ===== t87: badges, favorites, compare, calculator, trade-in, official data, location ===== */
.bdgs{display:inline-flex;gap:6px;flex-wrap:wrap}
.ph .bdgs{position:absolute;inset-inline-start:10px;top:10px}
.bdg{display:inline-block;padding:3px 10px;border-radius:99px;font-size:13px;font-weight:700;line-height:1.4;color:#fff;background:#000000d9;border:1px solid #ffffff55}
.bdg.new{background:var(--red);border-color:var(--red)}
.bdg.war{background:#0f7a3b;border-color:#0f7a3b}
.bdgrow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;min-height:0}
.fav{position:absolute;inset-inline-end:10px;top:10px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff55;background:#000000b3;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .2s var(--ease)}
.fav:hover{background:#000;transform:scale(1.06)}
.fav[aria-pressed=true]{color:var(--red-l);border-color:var(--red-l)}
.fav.inl{position:static;width:auto;min-height:46px;border-radius:6px;padding:0 18px;gap:8px;font-size:20px;background:transparent}
.fav.inl i{font-style:normal;font-size:16px;font-weight:700}
.ctacts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.cmpb[aria-pressed=true]{border-color:var(--red-l);color:#fff;background:#d0000033}
.acts .cmpb{flex:none}
.cmpbar{position:fixed;inset-inline:0;bottom:0;z-index:45;background:rgba(9,9,10,.96);border-top:2px solid var(--red);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
.cmpbar[hidden]{display:none}
.cmpbar .wrap{display:flex;gap:10px;align-items:center}
.cmpbar span{flex:1;font-weight:600}
.cmpbar .btn{min-height:44px}.cmpbar .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.carpage .cmpbar{bottom:72px}
.cmpdlg{border:1px solid var(--line);border-top:2px solid var(--red);border-radius:0 0 8px 8px;background:var(--bg2);color:var(--tx);padding:0;width:min(1000px,96vw);max-height:92vh}
.cmpdlg::backdrop{background:#000000cc}
.cmphead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.cmphead h2{font-size:22px;font-weight:800}
.cmpscroll{overflow:auto;max-height:calc(92vh - 70px);padding:0 0 12px}
.cmpt{border-collapse:collapse;width:100%;min-width:560px}
.cmpt th,.cmpt td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.cmpt tbody th{color:var(--mut);font-weight:500;font-size:14px;white-space:nowrap;position:sticky;inset-inline-start:0;background:var(--bg2)}
.cmpt thead th{min-width:170px}
.cmpt thead img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin-bottom:8px}
.cmpt thead a span{font-weight:700;display:block}
.cmpt .rm{margin-top:8px;background:none;border:1px solid #ffffff55;border-radius:6px;min-height:40px;padding:0 14px;cursor:pointer}
.cmpt .rm:hover{border-color:#fff}
.calc,.official{border:1px solid var(--line);border-top:2px solid var(--red);border-radius:0 0 8px 8px;background:var(--card);padding:20px 18px;margin-top:22px}
.calc h2,.official h2{font-size:22px;font-weight:800;margin-bottom:12px}
.official h3{font-size:17px;margin:16px 0 8px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld label{display:block;font-size:14px;color:var(--mut);margin-bottom:4px}
.fld input[type=number],.fld input[type=text]{width:100%;height:48px;border:1px solid #ffffff55;background:#ffffff0d;border-radius:6px;padding:0 12px}
.fld input[type=number]:focus,.fld input[type=text]:focus{border-color:var(--red-l)}
.fld input[type=range]{width:100%;margin-top:8px;accent-color:var(--red-l);height:28px}
.res{margin-top:16px;font-size:18px}
.res b{font-size:28px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;display:block}
.disc{margin:8px 0 14px;color:var(--mut);font-size:14px}
.odl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0}
.odl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.odl dt{color:var(--mut);font-size:14px}.odl dd{margin:0;font-weight:600;text-align:end}
.sfl{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;color:#e2dcdc;font-size:15px}
.sfl li::before{content:"✓";color:var(--red-l);margin-inline-end:6px}
.tiform{display:grid;grid-template-columns:1fr;gap:12px;align-items:end;max-width:760px}
.tires{margin-top:18px;max-width:760px}
.tires h3{font-size:20px;margin-bottom:8px}
.tires .btn{margin-top:16px}
.err{color:#ffb4ae}
.locgrid{display:grid;grid-template-columns:1fr;gap:20px}
.mapbox{height:220px;max-height:220px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#202023}
@media(min-width:720px){.mapbox{height:280px;max-height:280px}}
.mapbox iframe{width:100%;height:100%;border:0;display:block}
.locinfo address{font-style:normal;font-size:20px;font-weight:700;margin-bottom:6px}
.phone.sm{font-size:30px}
.locinfo .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(min-width:720px){.tiform{grid-template-columns:1fr 1fr auto}.locgrid{grid-template-columns:1.4fr 1fr;align-items:start}}
@media(max-width:420px){.cgrid,.odl{grid-template-columns:1fr}}
/* ===== t91: softer shapes, gradient CTAs, scroll reveal, free-typing filters, lead form ===== */
.panel{border-radius:22px;border-top-width:1px;box-shadow:0 18px 40px #0007}
.filters .cb-in{height:48px;width:100%;border:1px solid var(--line);background:#ffffff0d;padding:0 14px;border-radius:99px}
.filters .cb-in::placeholder{color:#a9a2a2}
.filters .cb-in:focus{border-color:var(--red-l)}
.filters select{border-radius:99px}
.filters .btn{border-radius:99px}
.btn{border-radius:99px}
.btn:active{transform:translateY(1px) scale(.98)}
.btn:not(.ghost):not(.wa){background:linear-gradient(135deg,#e10600,#8f0000)}
.btn:not(.ghost):not(.wa):hover{background:linear-gradient(135deg,#ff2a1f,#a80000)}
.btn.wa{background:linear-gradient(135deg,#12994a,#0b5f2d)}
.card{border-radius:20px}
.gal-main,.calc,.official,.cmpdlg{border-radius:20px}
.calc,.official{border-top-width:1px}
.band .rows li{border-radius:0}
.cta-card,.fin{position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff22;border-radius:28px;padding:30px 24px;background:radial-gradient(520px 240px at 100% 0,#d0000044,transparent 70%),linear-gradient(135deg,#1c1c1f,#0b0b0c);box-shadow:0 20px 50px #0008;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.cta-card:hover,.fin:hover{transform:translateY(-3px);box-shadow:0 26px 60px #000a,0 0 0 1px #ff4d4333}
.fin{border-top-width:1px;flex-direction:column}
.cta-card .tiform .fld input{border-radius:99px;padding:0 18px}
.cta-card .tiform .btn{border-radius:99px}
.fin .btn.big{animation:pulse 3.2s ease-in-out 1.5s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #12994a00}50%{box-shadow:0 0 0 10px #12994a22}}
.rows li{transition:background .3s}
/* scroll reveal - only active when JS added .rv-on (so no-JS / reduced-motion users see everything) */
.rv-on .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease) var(--d,0ms),transform .7s var(--ease) var(--d,0ms)}
.rv-on .rv.in{opacity:1;transform:none}
.rv-on .cta-card.rv.in:hover,.rv-on .fin.rv.in:hover{transform:translateY(-3px)}
/* lead form */
.leadform{margin-top:26px;max-width:720px;padding:24px 22px;border:1px solid #ffffff22;border-radius:26px;background:linear-gradient(160deg,#19191b,#101012)}
.leadform h3{font-size:20px;font-weight:800;margin-bottom:14px}
.lf-grid{display:grid;grid-template-columns:1fr;gap:12px}
.lf-grid .wide{grid-column:1/-1}
.leadform input[type=text],.leadform input[type=tel],.leadform textarea{width:100%;border:1px solid #ffffff55;background:#ffffff0d;border-radius:16px;padding:12px 16px;min-height:48px;resize:vertical}
.leadform input:focus,.leadform textarea:focus{border-color:var(--red-l)}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;color:#e2dcdc;line-height:1.5}
.chk input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--red-l)}
.chk a{text-decoration:underline}
.lf-act{margin-top:16px}
@media(min-width:720px){.lf-grid{grid-template-columns:1fr 1fr}.cta-card,.fin{padding:38px 40px}.fin{flex-direction:row}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.rv-on .rv{opacity:1;transform:none}}
/* t92: slim "new in stock" carousel + results header */
.band.feat-slim{padding:14px 0 6px}
.feat-slim[hidden],#brandsec[hidden]{display:none}
.feat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.feat-head h2{font-size:17px;font-weight:800}
.feat-nav{display:flex;gap:6px}
.feat-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff40;background:transparent;color:var(--tx);font-size:22px;line-height:1;cursor:pointer}
.feat-nav button:hover{border-color:#fff;background:#ffffff14}
.feat-car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.feat-car::-webkit-scrollbar{display:none}
.mc{flex:none;width:152px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:8px}
.mc:hover{border-color:#ffffff55}
.mph{display:block;aspect-ratio:4/3;background:#202023;overflow:hidden}
.mph img{width:100%;height:100%;object-fit:cover;display:block}
.mn{font-size:13px;font-weight:700;line-height:1.25;padding:2px 8px 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.mm{display:flex;justify-content:space-between;gap:6px;padding:0 8px;font-size:12px;color:var(--mut)}
.mm b{color:var(--tx);font-size:13px;font-variant-numeric:tabular-nums}
@media(min-width:720px){.mc{width:170px}}
.res-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.res-head .btn[hidden]{display:none}
.res-head .btn{min-height:44px}
/* t93: attach hint, rate note, social row, happy-customers marquee */
.attach-hint{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;border:1px dashed #ffffff33;border-radius:99px;color:var(--mut);font-size:14px;background:#ffffff08}
.rate-line{margin-top:10px;color:var(--mut);font-size:14px}
.rate-line b{color:var(--tx)}
.social{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#ffffff0a;color:var(--tx);transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
.social a:hover,.social a:focus-visible{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
#happy.band{padding:32px 0 28px}
#happy .sub{margin-bottom:0}
@media(min-width:720px){#happy.band{padding:54px 0 44px}}
.hp-marq{overflow-x:auto;overflow-y:hidden;margin-top:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 0 10px}
.hp-marq::-webkit-scrollbar{display:none}
.hp-track{display:flex;gap:10px;width:max-content;padding:0 16px}
.hp-i{flex:0 0 auto;width:150px;height:150px;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #0006;background:var(--card);cursor:zoom-in}
.hp-i img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}
.hp-lb{position:fixed;inset:0;z-index:9999;background:#000d;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.hp-lb img{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain}
.hp-marq.static{overflow-x:auto;scroll-snap-type:x proximity}.hp-marq.static .hp-i{scroll-snap-align:center}
@media(min-width:720px){.hp-i{width:190px;height:190px}.hp-track{gap:12px}}
/* t94: carousel height reserved before the cars load (CLS) */
.feat-car{min-height:170px}
@media(min-width:720px){.feat-car{min-height:184px}}
/* t94: brand-coloured round social buttons - lift + shine sweep */
.social a{position:relative;overflow:hidden;border:0;color:#fff;box-shadow:0 3px 12px #0007;transition:transform .3s var(--ease),box-shadow .3s var(--ease),filter .3s var(--ease)}
.social a.s-fb{background:#1877F2}
.social a.s-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.social a.s-tt{background:#000;box-shadow:0 3px 12px #0007,inset 0 0 0 1px #ffffff26}
.social a.s-tt svg{filter:drop-shadow(-1.3px -1px 0 #25F4EE) drop-shadow(1.3px 1px 0 #FE2C55)}
.social a:hover,.social a:focus-visible{border:0;transform:translateY(-3px);box-shadow:0 8px 20px #000a;filter:brightness(1.08)}
.social a.s-fb:hover,.social a.s-fb:focus-visible{background:#1877F2}
.social a.s-ig:hover,.social a.s-ig:focus-visible{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.social a.s-tt:hover,.social a.s-tt:focus-visible{background:#000}
.social a:active{transform:translateY(0) scale(.94);box-shadow:0 2px 8px #000a}
.social a::after,.btn:not(.ghost)::after{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;background:linear-gradient(105deg,transparent,#ffffff55,transparent);transform:translateX(-150%) skewX(-18deg);pointer-events:none;opacity:0}
.social a:hover::after,.social a:focus-visible::after{opacity:1;transform:translateX(320%) skewX(-18deg);transition:transform .7s var(--ease),opacity .2s}
/* main WhatsApp / call buttons: subtle shine */
.btn:not(.ghost){position:relative;overflow:hidden}
.btn:not(.ghost):hover::after,.btn:not(.ghost):focus-visible::after{opacity:.55;transform:translateX(320%) skewX(-18deg);transition:transform .8s var(--ease),opacity .2s}
/* t94: "install as app" button + iPhone instructions sheet */
.pwa-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;margin-top:14px;border:1px solid #ffffff44;border-radius:99px;background:#ffffff0d;color:var(--tx);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}
.pwa-btn:hover,.pwa-btn:focus-visible{border-color:var(--red-l);background:#ffffff18;transform:translateY(-1px)}
.pwa-btn[hidden]{display:none}
.pwa-sheet{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;background:#000a}
.pwa-card{width:min(100%,460px);background:#141416;border:1px solid var(--line);border-radius:20px 20px 0 0;padding:24px 22px calc(26px + env(safe-area-inset-bottom));text-align:center;animation:pwaUp .35s var(--ease)}
.pwa-card h2{font-size:20px;font-weight:900;margin-bottom:10px}
.pwa-card p{margin:6px 0;line-height:1.6}
.pwa-card .pwa-sub{color:var(--mut);font-size:14px;margin-bottom:16px}
@keyframes pwaUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.social a,.pwa-btn{transition:none!important}.social a:hover,.social a:focus-visible,.pwa-btn:hover{transform:none}.social a::after,.btn:not(.ghost)::after{display:none}}
/* t94c: 4 hero stats - 2x2 grid on narrow screens */
@media(max-width:560px){.nums{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}}