/* ============================================================
   car.tarifebi.ge — prototype shared stylesheet
   Tokens & header mirror live tarifebi.ge (design-tokens.css + th2 header)
   ============================================================ */
@font-face{font-family:'BPG Glaho Bold';src:url('../fonts/bpg-glaho-bold.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'BPG No9';src:url('../fonts/bpg-no9.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'BPG Arial Caps';src:url('../fonts/bpg-arial-caps.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{
  --gray-50:#f8fafc; --gray-100:#f1f5f9; --gray-200:#e2e8f0; --gray-300:#cbd5e1;
  --gray-400:#94a3b8; --gray-500:#64748b; --gray-600:#475569; --gray-700:#334155; --gray-900:#0f172a;
  --car-primary-50:#ecfdf5; --car-primary-100:#d1fae5; --car-primary-200:#a7f3d0;
  --car-primary:#059669; --car-primary-600:#047857; --car-primary-900:#064e3b;
  --car-deal:#059669; --car-fair:#64748b; --car-overpriced:#dc2626;
  --car-deal-tint:#ecfdf5; --car-deal-on:#047857;
  --car-fair-tint:#f1f5f9; --car-fair-on:#334155;
  --car-over-tint:#fee2e2; --car-over-on:#991b1b;
  --car-high-tint:#fef3c7; --car-high-on:#92400e;
  --car-dist-track:#e2e8f0; --car-dist-median:#0f172a; --car-dist-marker:#0f172a;
  --car-customs-cleared:#059669; --car-customs-cleared-tint:#ecfdf5;
  --car-customs-uncleared:#d97706; --car-customs-uncleared-tint:#fffbeb;
  --car-rhd:#7c3aed; --car-rhd-tint:#f5f3ff; --car-salvage:#b91c1c;
  --car-bg:var(--gray-50); --car-surface:#fff; --ink:var(--gray-900);
  --car-sh:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --car-sh-h:0 4px 12px -2px rgba(15,23,42,.10),0 2px 4px -2px rgba(15,23,42,.05);
  --font:'BPG Glaho Bold','Noto Sans Georgian',system-ui,sans-serif;
  --font-nav:'BPG No9','Noto Sans Georgian',sans-serif;
  --font-display:'BPG Arial Caps','BPG Glaho Bold',sans-serif;
  --font-num:'Inter','Segoe UI',Roboto,system-ui,sans-serif;
  --num:"tnum" 1,"lnum" 1;
}
*{box-sizing:border-box}
body{margin:0;background:var(--car-bg);color:var(--ink);font-family:var(--font-nav);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;}
.num{font-family:var(--font-num);font-feature-settings:var(--num);}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
a{color:var(--car-primary-600);text-decoration:none;}
.fbsm i,.chip i,.hnav i,.hstat i,.btn-go i{font-size:.92em;}

/* ===== HEADER ===== */
.hdr-top{background:linear-gradient(135deg,#064e3b 0,#047857 60%,#059669 100%);color:#fff;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.08);}
.hdr-top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding-top:6px;padding-bottom:6px;}
.hdr-top .tag{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.95);font-weight:500;}
.hdr-top .tag i{color:#6ee7b7;}
.hdr-top .ql{display:flex;gap:18px;align-items:center;}
.hdr-top .ql a{color:rgba(255,255,255,.9);font-weight:500;display:inline-flex;gap:6px;align-items:center;}
.hdr-top .ql a.mut{color:rgba(255,255,255,.62);}
.hdr-main{background:#fff;border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:50;}
.hdr-main .wrap{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px;}
.logo{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.logo .mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.logo .mark img{width:100%;height:100%;object-fit:contain;}
.logo .txt{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:.5px;color:var(--gray-900);}
.logo .dot{color:#047857;}
.logo .auto{margin-left:1px;background:var(--car-primary-50);color:var(--car-primary-600);border:1px solid var(--car-primary-200);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.3px;}
.hnav{display:flex;gap:2px;margin-left:6px;}
.hnav a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:50px;font-size:14px;font-weight:600;color:var(--gray-500);white-space:nowrap;transition:.16s;}
.hnav a.active{background:var(--car-primary);color:#fff;}
.hnav a:hover:not(.active){background:var(--car-primary-50);color:var(--car-primary-600);}
.hsearch{position:relative;flex:1;max-width:330px;margin-left:auto;}
.hsearch .si{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:14px;}
.hsearch input{width:100%;padding:11px 48px 11px 42px;border:2px solid var(--gray-200);border-radius:50px;font-size:14px;background:#f9fafb;outline:0;font-family:var(--font-nav);}
.hsearch input:focus{border-color:var(--car-primary);background:#fff;}
.hsearch .sbtn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(5,150,105,.3);cursor:pointer;}
.htail{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.hstat{display:inline-flex;align-items:center;gap:6px;background:var(--car-primary-50);color:var(--car-primary-600);font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;white-space:nowrap;}

/* ===== layout ===== */
.body{max-width:1280px;margin:0 auto;padding:24px;}
.bc{font-size:13px;color:var(--gray-500);margin-bottom:8px;}
.bc i{font-size:9px;margin:0 4px;vertical-align:1px;color:var(--gray-400);}
h1.m{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:.2px;margin:0 0 16px;line-height:1.15;}

/* chips */
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px;}
.chip{border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex;gap:6px;align-items:center;}
.chip-cohort{background:var(--car-primary-50);color:var(--car-primary-600);border:1px solid var(--car-primary-200);cursor:pointer;}
.chip-cohort i{font-size:9px;opacity:.7;}
.chip-sample{background:var(--car-deal-tint);color:var(--car-deal-on);border:1px solid #a7f3d0;}
.chip-soft{background:var(--gray-100);color:var(--gray-700);}
.chip-src{background:var(--gray-50);color:#475569;border:1px solid var(--gray-200);}
.chip-warn{background:var(--car-customs-uncleared-tint);color:var(--car-high-on);}

/* card */
.card{background:var(--car-surface);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--car-sh);padding:22px;margin-bottom:20px;}
.card h2{font-family:var(--font);font-size:16px;font-weight:700;margin:0 0 18px;}
.row{display:flex;gap:20px;}
.row>.card{flex:1;margin-bottom:0;}
.hrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap;}
.hrow h2{margin:0;}

/* band */
.band{position:relative;margin:8px 0 4px;padding-top:34px;}
.band .pin{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:var(--car-primary-600);text-align:center;line-height:1.15;}
.band .pin i{display:block;font-size:10px;color:var(--car-dist-marker);margin-top:2px;}
.band .bar{position:relative;height:60px;}
.band .hist{position:absolute;left:0;right:0;top:0;bottom:14px;display:flex;align-items:flex-end;gap:4px;opacity:.4;}
.band .hist span{flex:1;background:var(--car-primary-200);border-radius:3px 3px 0 0;}
.band .track{position:absolute;left:0;right:0;bottom:14px;height:10px;border-radius:5px;background:var(--car-dist-track);}
.band .fair{position:absolute;bottom:7px;height:24px;border-radius:6px;background:var(--car-deal-tint);border:1.5px solid var(--car-deal);}
.band .median{position:absolute;bottom:3px;width:3px;height:32px;border-radius:2px;background:var(--car-dist-median);transform:translateX(-50%);}
.band .dot{position:absolute;bottom:11.5px;width:15px;height:15px;border-radius:50%;background:var(--car-dist-marker);border:2px solid #fff;box-shadow:0 0 0 2px var(--car-dist-marker);transform:translateX(-50%);}
.band .axis{position:relative;height:18px;margin-top:10px;}
.band .axis span{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--gray-500);white-space:nowrap;font-family:var(--font-num);}
.band .axis span.b{font-weight:800;color:var(--gray-900);font-size:13px;}
.band .legend{display:flex;gap:18px;justify-content:center;margin-top:14px;font-size:11.5px;color:var(--gray-500);flex-wrap:wrap;}
.band .legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px;}

/* stats */
.stats{display:flex;gap:12px;margin-top:18px;}
.stat{flex:1;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;padding:14px 16px;}
.stat .l{font-size:12px;font-weight:600;color:var(--gray-500);}
.stat .v{font-size:21px;font-weight:800;margin-top:5px;font-family:var(--font-num);}

/* gauge */
.ginput{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.ginput .v{font-size:22px;font-weight:800;font-family:var(--font-num);}
.ginput .u{color:var(--gray-400);font-weight:700;}
.gbar{position:relative;height:26px;border-radius:7px;overflow:hidden;display:flex;margin-bottom:16px;}
.gbar i{display:block;height:100%;}
.gmark{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--car-dist-marker);}
.verdict{background:var(--car-deal-tint);border-radius:10px;padding:13px 15px;display:flex;gap:11px;align-items:center;}
.verdict .ic{width:30px;height:30px;border-radius:50%;background:var(--car-deal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.verdict .t1{font-weight:700;color:var(--car-deal-on);font-size:14px;}
.verdict .t2{font-size:12px;color:var(--gray-500);margin-top:2px;}

/* per-site */
.srow{margin-bottom:14px;}
.srow:last-child{margin-bottom:0;}
.srow .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.srow .lab{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:600;color:var(--gray-700);}
.dot8{width:8px;height:8px;border-radius:50%;background:var(--car-primary);}
.srow b{font-family:var(--font-num);}
.sbar{height:8px;border-radius:4px;background:var(--gray-100);overflow:hidden;}
.sbar i{display:block;height:100%;border-radius:4px;background:var(--car-primary);}
.sbar i.imp{background:var(--car-customs-uncleared);}

/* table */
table.lst{width:100%;border-collapse:collapse;font-size:13px;}
table.lst thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);padding:0 10px 12px;border-bottom:1px solid var(--gray-200);}
table.lst tbody td{padding:12px 10px;border-bottom:1px solid var(--gray-100);vertical-align:middle;}
table.lst tbody tr{cursor:pointer;}
table.lst tbody tr:hover{background:var(--gray-50);}
.tcar{display:flex;align-items:center;gap:11px;}
.thumb{width:64px;height:48px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:block;flex-shrink:0;}
.fbsm{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:7px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap;}
.b-deal{background:var(--car-deal-tint);color:var(--car-deal-on);}
.b-fair{background:var(--car-fair-tint);color:var(--car-fair-on);}
.b-over{background:var(--car-over-tint);color:var(--car-over-on);}
.b-nodata{background:var(--gray-100);color:var(--gray-500);}
.b-high{background:var(--car-high-tint);color:var(--car-high-on);}
.cust-cl{background:var(--car-customs-cleared-tint);color:var(--car-customs-cleared);}
.cust-un{background:var(--car-customs-uncleared-tint);color:var(--car-customs-uncleared);}
.pct{font-family:var(--font-num);font-weight:800;}
.pct-deal{color:var(--car-deal-on);} .pct-over{color:var(--car-over-on);} .pct-fair{color:var(--gray-700);}
.btn-go{background:var(--car-primary);color:#fff;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font-family:var(--font-nav);text-decoration:none;}
.btn-go:hover{background:var(--car-primary-600);}

/* ===== catalog ===== */
.cat{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;}
.rail{background:var(--car-surface);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--car-sh);padding:18px;position:sticky;top:78px;}
.rail .rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.rail .rh b{font-size:15px;font-family:var(--font);}
.fg{padding:13px 0;border-top:1px solid var(--gray-100);}
.fg .fl{font-size:12px;font-weight:700;color:var(--gray-700);margin-bottom:9px;display:flex;align-items:center;gap:6px;}
.fg .fl .warn{color:var(--car-customs-uncleared);}
.seg{display:flex;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;}
.seg button{flex:1;border:0;background:#fff;padding:8px 4px;font-size:12px;cursor:pointer;color:var(--gray-700);font-family:var(--font-nav);line-height:1.2;}
.seg button.on{background:var(--car-primary);color:#fff;font-weight:600;}
/* cleared/uncleared toggle on model page — anchors styled as segments */
.seg-cust a{display:flex;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;text-decoration:none;color:var(--gray-700);background:#fff;font-family:var(--font-nav);white-space:nowrap;border-right:1px solid var(--gray-200);}
.seg-cust a:last-child{border-right:0;}
.seg-cust a.on{background:var(--car-primary);color:#fff;font-weight:600;}
.seg-cust a i{font-size:11px;}
[data-theme="dark"] .seg-cust a{background:var(--car-surface);color:var(--gray-700);}
[data-theme="dark"] .seg-cust a.on{background:var(--car-primary);color:#fff;}
/* fair tri-toggle — stacked so labels never overflow */
.seg-v{flex-direction:column;}
.seg-v button{flex:none;text-align:left;display:flex;align-items:center;gap:7px;padding:9px 11px;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--gray-200);}
.seg-v button:last-child{border-bottom:0;}
.seg-v button i{width:14px;text-align:center;}
.seg-v button.on::after{content:"✓";margin-left:auto;font-weight:800;font-size:13px;}
.fband{background:var(--car-deal-tint);border:1px solid #a7f3d0;border-radius:10px;padding:11px;margin-bottom:4px;}
.fband .fl{color:var(--car-deal-on);}
.fband .seg{border-color:#a7f3d0;}
.range{display:flex;gap:8px;}
.range input{flex:1;border:1px solid var(--gray-200);border-radius:8px;padding:8px 9px;font-size:13px;width:100%;font-family:var(--font-num);background:var(--car-surface);color:var(--ink);}
.range input:focus,.sel:focus{border-color:var(--car-primary);outline:none;}
.sel{width:100%;border:1px solid var(--gray-200);border-radius:8px;padding:9px;font-size:13px;background:var(--car-surface);color:var(--ink);margin-bottom:7px;font-family:var(--font-nav);}
.cck{display:flex;flex-wrap:wrap;gap:6px;}
.cck span{border:1px solid var(--gray-200);border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer;}
.cck span.on{background:var(--car-primary-50);border-color:var(--car-primary);color:var(--car-primary-600);font-weight:600;}
.strip{background:var(--car-surface);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--car-sh);padding:13px 18px;display:flex;gap:26px;align-items:center;margin-bottom:18px;}
.strip .si{display:flex;flex-direction:column;}
.strip .si .l{font-size:11px;color:var(--gray-500);font-weight:600;}
.strip .si .v{font-size:16px;font-weight:800;font-family:var(--font-num);}
.strip .right{margin-left:auto;}
/* best-pick spotlight (show the best, keep the rest browsable) */
.best-pick{display:flex;gap:18px;background:linear-gradient(135deg,var(--car-deal-tint),var(--car-surface) 70%);border:1.5px solid var(--car-primary-200);border-radius:16px;padding:16px;margin-bottom:20px;align-items:center;box-shadow:var(--car-sh);}
.best-pick .bp-img{width:210px;flex:0 0 210px;aspect-ratio:4/3;border-radius:12px;object-fit:cover;cursor:pointer;}
.best-pick .bp-body{flex:1;min-width:0;}
.best-pick .bp-ribbon{display:inline-flex;align-items:center;gap:7px;background:var(--car-deal);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:10px;}
.best-pick .bp-title{font-family:var(--font);font-size:19px;font-weight:700;}
.best-pick .bp-price{display:flex;align-items:baseline;gap:10px;margin:6px 0 9px;}
.best-pick .bp-price .g{font-family:var(--font-num);font-size:27px;font-weight:800;}
.best-pick .bp-price .u{font-family:var(--font-num);color:var(--gray-400);font-size:14px;}
.best-pick .bp-why{font-size:13px;color:var(--gray-600);margin-bottom:11px;line-height:1.5;}
.best-pick .bp-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;}
.best-pick .bp-cta{display:inline-flex;}
.grid-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.grid-head h3{font-family:var(--font);font-size:15px;margin:0;font-weight:700;}
.grid-head .gh-sub{font-size:12.5px;color:var(--gray-500);font-weight:500;}
@media (max-width:620px){
  .best-pick{flex-direction:column;align-items:stretch;}
  .best-pick .bp-img{width:100%;flex:none;}
}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:16px;}

/* ===== car card + slider ===== */
.cc{background:var(--car-surface);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--car-sh);overflow:hidden;transition:.16s;display:block;color:inherit;}
.cc:hover{box-shadow:var(--car-sh-h);transform:translateY(-2px);border-color:var(--car-primary-200);}
.slider{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);}
.strack{display:flex;height:100%;transition:transform .28s ease;}
.strack img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;}
.s-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.85);color:#0f172a;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.15s;font-size:13px;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.cc:hover .s-nav{opacity:1;}
.s-prev{left:8px;} .s-next{right:8px;}
.s-dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:2;}
.s-dots b{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);transition:.15s;}
.s-dots b.on{background:#fff;width:16px;border-radius:3px;}
.ov-ph{position:absolute;top:9px;left:9px;background:rgba(15,23,42,.72);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;display:inline-flex;gap:5px;align-items:center;z-index:2;}
.ov-fb{position:absolute;top:9px;right:9px;z-index:2;}
.ov-fb .fbsm{box-shadow:0 1px 3px rgba(0,0,0,.14);}
.ov-src{position:absolute;bottom:9px;right:9px;background:#fff;color:#475569;font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;box-shadow:0 1px 3px rgba(0,0,0,.18);z-index:2;}
.cc .b{padding:13px;}
.cc .ti{font-family:var(--font);font-size:15px;font-weight:700;margin-bottom:7px;}
.cc .pr{display:flex;align-items:baseline;gap:8px;margin-bottom:9px;}
.cc .pr .g{font-size:21px;font-weight:800;font-family:var(--font-num);}
.cc .pr .u{font-size:13px;color:var(--gray-400);font-family:var(--font-num);}
.cc .sp{font-size:12px;color:var(--gray-500);margin-bottom:5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.cc .sp i{color:var(--gray-400);width:13px;text-align:center;}
.cc .ft{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-500);margin-top:9px;padding-top:9px;border-top:1px solid var(--gray-100);}
.cc .ft .icns{display:flex;gap:12px;color:var(--gray-400);font-size:14px;}

/* ===== listing detail ===== */
.detail{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:6px;}
.gallery .g-main{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#e2e8f0;box-shadow:var(--car-sh);}
.gallery .g-main img{width:100%;height:100%;object-fit:cover;}
.gallery .g-main .g-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);border:0;cursor:pointer;font-size:16px;color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.gallery .g-main .gp{left:12px;} .gallery .g-main .gn{right:12px;}
.gallery .g-main .g-count{position:absolute;bottom:12px;right:12px;background:rgba(15,23,42,.72);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:7px;font-family:var(--font-num);}
.gallery .g-main .g-src{position:absolute;top:12px;left:12px;background:rgba(15,23,42,.72);color:#fff;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:8px;display:inline-flex;gap:6px;align-items:center;}
.g-cap{margin-top:11px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--gray-500);}
.g-cap b{color:var(--gray-700);}
.g-cap .gsrc{display:inline-flex;gap:6px;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:999px;padding:4px 11px;font-size:11.5px;color:var(--gray-600);}
.g-cap .gsrc i{color:var(--car-primary);}
.g-thumbs img{position:relative;}
.g-thumbs .gt-wrap{position:relative;}
.g-thumbs .gt-wrap .gt-src{position:absolute;left:3px;bottom:3px;background:rgba(15,23,42,.7);color:#fff;font-size:8.5px;font-weight:700;padding:1px 5px;border-radius:4px;pointer-events:none;}
.gallery .g-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px;}
.gallery .g-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;opacity:.65;transition:.15s;}
.gallery .g-thumbs img.on{border-color:var(--car-primary);opacity:1;}
/* ===== custom dropdown (searchable, dots, thumbnails) ===== */
.dd{position:relative;font-family:var(--font-nav);}
.dd-trigger{width:100%;display:flex;align-items:center;gap:9px;background:var(--car-surface);border:1.5px solid var(--gray-200);border-radius:10px;padding:9px 12px;cursor:pointer;font-size:13.5px;color:var(--ink);text-align:left;font-family:var(--font-nav);}
.dd-trigger:hover{border-color:var(--car-primary-200);}
.dd.open .dd-trigger{border-color:var(--car-primary);}
.dd-cur{flex:1;min-width:0;display:flex;align-items:center;gap:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dd-cur span{overflow:hidden;text-overflow:ellipsis;}
.dd-caret{color:var(--gray-400);transition:.15s;font-size:12px;}
.dd.open .dd-caret{transform:rotate(180deg);}
.dd-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:70;background:var(--car-surface);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 14px 36px rgba(15,23,42,.18);padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.15s;max-height:330px;display:flex;flex-direction:column;}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none;}
.dd-search{position:relative;padding:4px 4px 6px;}
.dd-search i{position:absolute;left:15px;top:calc(50% - 1px);transform:translateY(-50%);color:var(--gray-400);font-size:12px;}
.dd-search input{width:100%;border:1px solid var(--gray-200);border-radius:8px;padding:8px 10px 8px 33px;font-size:13px;background:var(--car-bg);color:var(--ink);font-family:var(--font-nav);outline:0;}
.dd-search input:focus{border-color:var(--car-primary);}
.dd-list{overflow-y:auto;}
.dd-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--ink);}
.dd-opt:hover{background:var(--car-primary-50);}
.dd-opt.sel{background:var(--car-primary-50);color:var(--car-primary-600);}
.dd-thumb{width:42px;height:31px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--gray-200);}
.dd-dot{width:15px;height:15px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);}
.dd-lab{flex:1;min-width:0;}
.dd-lab b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dd-lab small{font-size:11.5px;color:var(--gray-500);font-family:var(--font-num);}
.dd-opt.sel .dd-lab small{color:var(--car-primary-600);}
.dd-badge{background:var(--car-deal);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px;font-family:var(--font-nav);}
.dd-check{margin-left:auto;color:var(--car-primary);opacity:0;font-size:12px;}
.dd-opt.sel .dd-check{opacity:1;}
.dd-empty{padding:16px;text-align:center;color:var(--gray-400);font-size:12.5px;}
.src-pick .dd{flex:1;max-width:440px;}

/* source picker — dropdown (switch/filter by platform) */
.src-pick{display:flex;align-items:center;gap:10px;margin:6px 0 18px;flex-wrap:wrap;}
.src-pick label{font-size:13px;font-weight:700;color:var(--gray-700);display:inline-flex;gap:7px;align-items:center;white-space:nowrap;}
.src-pick label i{color:var(--car-primary);}
.src-select{max-width:440px;width:auto;margin:0;padding:11px 38px 11px 14px;font-weight:600;cursor:pointer;}
/* source tabs (legacy, unused) */
.src-tabs{display:flex;gap:8px;margin:6px 0 18px;overflow-x:auto;padding-bottom:2px;}
.src-tabs button{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--car-surface);border:1.5px solid var(--gray-200);border-radius:11px;padding:9px 14px;cursor:pointer;font-family:var(--font-nav);transition:.15s;color:var(--gray-600);}
.src-tabs button:hover{border-color:var(--car-primary-200);}
.src-tabs button.on{border-color:var(--car-primary);background:var(--car-primary-50);color:var(--car-primary-600);}
.src-tabs .st-t{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;}
.src-tabs .st-s{font-size:11.5px;color:var(--gray-500);font-family:var(--font-num);white-space:nowrap;}
.src-tabs button.on .st-s{color:var(--car-primary-600);}
.src-tabs .st-best{background:var(--car-deal);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:5px;margin-left:2px;font-family:var(--font-nav);}
.dmain{min-width:0;}
.dmain .sec:first-of-type{margin-top:26px;}
.dpanel{position:sticky;top:80px;align-self:start;}
.btn-lg.buy{justify-content:center;gap:11px;text-align:left;padding:12px 16px;}
.btn-lg.buy .bl{display:flex;flex-direction:column;line-height:1.25;}
.btn-lg.buy .bl small{font-size:11.5px;font-weight:500;opacity:.9;}
.dtitle{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.2;margin:0 0 6px;}
.dsub{color:var(--gray-500);font-size:13px;margin-bottom:14px;}
.dprice{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;}
.dprice .g{font-size:32px;font-weight:800;font-family:var(--font-num);}
.dprice .u{font-size:16px;color:var(--gray-400);font-family:var(--font-num);}
.dverdict{border:1px solid #a7f3d0;background:var(--car-deal-tint);border-radius:12px;padding:14px;margin-bottom:16px;}
.dverdict .vh{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.dverdict .vic{width:34px;height:34px;border-radius:50%;background:var(--car-deal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;}
.dverdict .vt b{display:block;color:var(--car-deal-on);font-size:15px;}
.dverdict .vt span{font-size:12px;color:var(--gray-600);}
.dverdict .vbar{position:relative;height:8px;border-radius:4px;background:var(--gray-200);margin:12px 2px 6px;}
.dverdict .vbar .vfair{position:absolute;top:0;bottom:0;background:var(--car-deal);opacity:.35;border-radius:4px;}
.dverdict .vbar .vmed{position:absolute;top:-3px;width:2px;height:14px;background:var(--car-dist-median);transform:translateX(-50%);}
.dverdict .vbar .vme{position:absolute;top:-4px;width:14px;height:16px;border-radius:50%;background:var(--car-primary);border:2px solid #fff;transform:translate(-50%,0);}
.dverdict .vlink{font-size:12.5px;font-weight:600;display:inline-flex;gap:6px;align-items:center;margin-top:4px;}
.dspecs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.dspecs .sp2{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--gray-700);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:9px;padding:9px 11px;}
.dspecs .sp2 i{color:var(--car-primary);width:15px;text-align:center;}
.dspecs .sp2 b{font-weight:700;color:var(--gray-900);margin-left:auto;font-family:var(--font-num);}
.dcta{display:flex;flex-direction:column;gap:9px;margin-bottom:14px;}
.btn-lg{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:11px;font-size:15px;font-weight:700;border:0;cursor:pointer;font-family:var(--font-nav);text-decoration:none;}
.btn-primary{background:var(--car-primary);color:#fff;box-shadow:0 4px 12px rgba(5,150,105,.25);}
.btn-primary:hover{background:var(--car-primary-600);}
.btn-ghost{background:#fff;border:1.5px solid var(--gray-200);color:var(--gray-700);}
.btn-split{display:flex;gap:9px;}
.btn-split .btn-ghost{flex:1;}
.dealer{border:1px solid var(--gray-200);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;}
.dealer .av{width:46px;height:46px;border-radius:12px;background:var(--car-primary-50);color:var(--car-primary-600);display:flex;align-items:center;justify-content:center;font-size:18px;}
.dealer .dn{font-weight:700;font-size:14px;}
.dealer .dm{font-size:12px;color:var(--gray-500);margin-top:2px;}
.dealer .src2{margin-left:auto;text-align:right;font-size:11px;color:var(--gray-500);}
.dealer .src2 b{display:block;font-size:13px;color:var(--gray-900);}
/* multi-source offers (deduplicated car) */
.dpmin{font-size:12px;color:var(--car-deal-on);font-weight:600;margin:-8px 0 14px;display:flex;gap:6px;align-items:center;}
.offers{border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;margin-bottom:16px;}
.offers .oh{background:var(--gray-50);padding:10px 14px;font-size:12.5px;font-weight:700;color:var(--gray-700);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--gray-100);}
.offers .oh .cnt{margin-left:auto;font-size:11px;color:var(--gray-500);font-weight:500;}
.offer{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--gray-100);}
.offer:last-child{border-bottom:0;}
.offer .ol{display:flex;align-items:center;gap:9px;}
.offer .od{width:9px;height:9px;border-radius:50%;background:var(--car-primary);}
.offer .on2{font-weight:700;font-size:13.5px;}
.offer .opr{margin-left:auto;font-family:var(--font-num);font-weight:800;font-size:15px;display:flex;align-items:center;gap:10px;}
.offer.best{background:var(--car-deal-tint);}
.offer .best-tag{background:var(--car-deal);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;font-family:var(--font-nav);}
.offer .go2{color:var(--car-primary-600);font-size:12px;font-weight:600;white-space:nowrap;}
.ov-multi{position:absolute;bottom:9px;left:9px;background:rgba(5,150,105,.92);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;z-index:2;display:inline-flex;gap:5px;align-items:center;}
/* full spec + description */
.sec{margin-top:30px;}
.sec h3{font-family:var(--font);font-size:18px;margin:0 0 14px;}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:6px 22px;}
.spec-grid .r{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gray-100);font-size:13px;}
.spec-grid .r .k{color:var(--gray-500);}
.spec-grid .r .v{font-weight:700;font-family:var(--font-num);}
.desc{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:20px;font-family:var(--font-nav);color:var(--gray-700);line-height:1.7;font-size:13.5px;}
/* feature checklist */
.feat-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:20px 22px;}
.feat-grp{padding:14px 0;border-bottom:1px solid var(--gray-100);}
.feat-grp:first-child{padding-top:0;} .feat-grp:last-child{padding-bottom:0;border-bottom:0;}
.feat-grp h4{font-family:var(--font);font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 11px;}
.feat-list{display:flex;flex-wrap:wrap;gap:8px;}
.feat-list span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--gray-700);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:8px;padding:7px 11px;}
.feat-list span i{color:var(--car-deal);font-size:11px;}

/* ===== compare (decision support) ===== */
.rec{display:flex;gap:13px;align-items:center;background:var(--car-primary-50);border:1px solid var(--car-primary-200);border-radius:12px;padding:14px 16px;margin-bottom:18px;}
.rec .ic{width:40px;height:40px;border-radius:50%;background:var(--car-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.rec .rt b{color:var(--car-primary-600);font-size:14px;}
.rec .rt span{display:block;font-size:12.5px;color:var(--gray-600);margin-top:2px;}
.cmp{overflow-x:auto;border:1px solid var(--gray-200);border-radius:14px;background:#fff;box-shadow:var(--car-sh);}
table.cmp-t{border-collapse:collapse;width:100%;min-width:820px;}
table.cmp-t th,table.cmp-t td{padding:11px 14px;border-bottom:1px solid var(--gray-100);text-align:left;font-size:13px;vertical-align:middle;}
table.cmp-t .rl{color:var(--gray-500);font-weight:600;width:168px;background:var(--gray-50);position:sticky;left:0;z-index:1;}
table.cmp-t thead th{vertical-align:top;border-bottom:2px solid var(--gray-200);background:#fff;}
table.cmp-t thead th.rl{background:var(--gray-50);}
.cmp-car img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;margin-bottom:8px;display:block;}
.cmp-car .nm{font-family:var(--font);font-weight:700;font-size:14px;}
.cmp-car .pr{font-family:var(--font-num);font-weight:800;font-size:19px;margin-top:3px;}
.cmp-car .vv{margin-top:6px;}
td.best{background:var(--car-deal-tint);font-weight:700;color:var(--car-deal-on);}
td.best::after{content:" ✓";color:var(--car-deal);}
.cy{color:var(--car-deal);font-size:15px;} .cn{color:var(--gray-300);font-size:15px;}
.colwin{box-shadow:inset 0 0 0 2px var(--car-primary);}
.num2{font-family:var(--font-num);}

.note{max-width:1280px;margin:0 auto;padding:8px 24px 50px;color:var(--gray-500);font-size:13px;line-height:1.7;}
.pgnav{max-width:1280px;margin:18px auto 0;padding:0 24px;display:flex;gap:10px;flex-wrap:wrap;}
.pgnav a{font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:8px;background:#fff;border:1px solid var(--gray-200);color:var(--gray-600);}
.pgnav a:hover{border-color:var(--car-primary-200);color:var(--car-primary-600);}

/* ============================================================
   INTERACTIVE LAYER — modals, toast, meters, compare-bar, dark
   ============================================================ */
:focus-visible{outline:3px solid var(--car-primary);outline-offset:2px;border-radius:6px;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;}}

/* theme toggle */
.theme-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--gray-200);background:var(--car-surface);color:var(--gray-600);cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:.15s;}
.theme-btn:hover{color:var(--car-primary-600);border-color:var(--car-primary-200);}

/* progress meter */
.meter-row{margin:14px 0 2px;}
.meter-lab{display:flex;justify-content:space-between;font-size:11.5px;color:var(--gray-500);margin-bottom:6px;font-weight:600;}
.meter-lab b{color:var(--gray-900);font-family:var(--font-num);}
.meter{height:8px;border-radius:5px;background:var(--gray-200);overflow:hidden;}
.meter>i{display:block;height:100%;border-radius:5px;background:var(--car-deal);width:0;transition:width .7s cubic-bezier(.4,0,.2,1);}
.meter>i.warn{background:var(--car-high);} .meter>i.bad{background:var(--car-overpriced);}

/* toast */
.toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;}
.toast{background:var(--gray-900);color:#fff;padding:11px 18px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.28);display:flex;gap:9px;align-items:center;transform:translateY(18px);opacity:0;transition:.25s;}
.toast.show{transform:none;opacity:1;} .toast i{color:var(--car-deal);}
[data-theme="dark"] .toast{background:#000;}

/* modal */
.ov{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s;}
.ov.open{opacity:1;visibility:visible;}
.modal{background:var(--car-surface);border-radius:16px;max-width:440px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,.32);transform:translateY(14px) scale(.98);transition:transform .22s;max-height:90vh;overflow:auto;}
.ov.open .modal{transform:none;}
.modal-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--gray-100);}
.modal-h h3{margin:0;font-size:17px;font-family:var(--font);display:flex;gap:9px;align-items:center;}
.modal-h h3 i{color:var(--car-primary);}
.modal-x{width:34px;height:34px;border-radius:9px;border:0;background:var(--gray-100);color:var(--gray-600);cursor:pointer;font-size:14px;}
.modal-x:hover{background:var(--gray-200);}
.modal-b{padding:20px;}
.modal-b p{margin:0 0 16px;color:var(--gray-600);font-size:13.5px;line-height:1.6;}
.modal-b label{display:block;font-size:12.5px;font-weight:600;color:var(--gray-700);margin:0 0 7px;}
.modal-b input{width:100%;padding:11px 13px;border:1.5px solid var(--gray-200);border-radius:10px;font-size:14px;font-family:var(--font-nav);margin-bottom:14px;background:var(--car-surface);color:var(--ink);}
.modal-b input:focus{border-color:var(--car-primary);outline:none;}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:1100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s;}
.lb.open{opacity:1;visibility:visible;}
.lb img{max-width:92vw;max-height:84vh;border-radius:10px;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.5);}
.lb-x{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;border:0;font-size:18px;cursor:pointer;}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;border:0;font-size:18px;cursor:pointer;}
.lb-nav:hover,.lb-x:hover{background:rgba(255,255,255,.28);}
.lb-p{left:24px;} .lb-n{right:24px;}
.lb-count{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:#fff;font-family:var(--font-num);font-size:13px;background:rgba(0,0,0,.45);padding:6px 14px;border-radius:20px;}

/* compare bar */
.cmpbar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(150%);z-index:900;background:var(--car-surface);border:1px solid var(--gray-200);box-shadow:0 14px 38px rgba(0,0,0,.2);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:14px;transition:transform .28s cubic-bezier(.4,0,.2,1);max-width:calc(100vw - 32px);}
.cmpbar.show{transform:translateX(-50%);}
.cmpbar .cnt{font-size:13px;font-weight:700;white-space:nowrap;}
.cmpbar .thumbs{display:flex;gap:6px;}
.cmpbar .thumbs img{width:40px;height:30px;border-radius:6px;object-fit:cover;border:1px solid var(--gray-200);}
.cmpbar .clear{background:0;border:0;color:var(--gray-500);cursor:pointer;font-size:13px;}

/* card action icons */
.cc .icns i{cursor:pointer;transition:.15s;padding:3px;}
.cc .icns i:hover{color:var(--car-primary);transform:scale(1.15);}
.cc .icns i.fav-on{color:#e11d48;}
.cc .icns i.cmp-on{color:var(--car-primary);}

/* mobile filter drawer + fab */
.filter-fab{display:none;position:fixed;bottom:20px;right:20px;z-index:80;background:var(--car-primary);color:#fff;border:0;border-radius:50px;padding:13px 20px;font-size:14px;font-weight:700;font-family:var(--font-nav);box-shadow:0 8px 22px rgba(5,150,105,.4);cursor:pointer;gap:8px;align-items:center;}
.drawer-bg{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:85;opacity:0;visibility:hidden;transition:.2s;}
.drawer-bg.open{opacity:1;visibility:visible;}

/* dark mode */
[data-theme="dark"]{
  color-scheme:dark;
  --gray-50:#0b1220;--gray-100:#172234;--gray-200:#27374d;--gray-300:#3a4d68;
  --gray-400:#7b8aa3;--gray-500:#9aa8bf;--gray-600:#b6c1d2;--gray-700:#d2dae6;--gray-900:#f1f5f9;
  --car-bg:#0b1220;--car-surface:#16202e;--ink:#f1f5f9;
  --car-primary-50:rgba(5,150,105,.16);--car-primary-100:rgba(5,150,105,.22);--car-primary-200:rgba(5,150,105,.4);
  --car-deal-tint:rgba(16,185,129,.18);--car-deal-on:#34d399;
  --car-fair-tint:rgba(100,116,139,.22);--car-fair-on:#cbd5e1;
  --car-over-tint:rgba(220,38,38,.2);--car-over-on:#f87171;
  --car-high-tint:rgba(245,158,11,.2);--car-high-on:#fbbf24;
  --car-customs-cleared-tint:rgba(16,185,129,.18);--car-customs-uncleared-tint:rgba(217,119,6,.2);
  --car-rhd-tint:rgba(124,58,237,.22);
  --car-dist-track:#27374d;--car-dist-median:#f1f5f9;--car-dist-marker:#f1f5f9;
}
[data-theme="dark"] .hdr-main,[data-theme="dark"] .seg button,[data-theme="dark"] .sel,
[data-theme="dark"] .spec-grid,[data-theme="dark"] .desc,[data-theme="dark"] .feat-wrap,
[data-theme="dark"] .cmp,[data-theme="dark"] table.cmp-t thead th,[data-theme="dark"] .btn-ghost{background:var(--car-surface);}
[data-theme="dark"] .hsearch input{background:var(--gray-100);color:var(--gray-900);}
[data-theme="dark"] .sel,[data-theme="dark"] .range input,[data-theme="dark"] .mk-search input,[data-theme="dark"] .modal-b input{color:var(--gray-900);}
[data-theme="dark"] .sel option{background:var(--car-surface);color:var(--gray-900);}
[data-theme="dark"] .seg button{color:var(--gray-700);}
[data-theme="dark"] .seg button.on{background:var(--car-primary)!important;color:#fff!important;}
[data-theme="dark"] .logo .txt{color:var(--gray-900);}
[data-theme="dark"] .ov-src{background:#27374d;color:#f1f5f9;}
[data-theme="dark"] .s-nav{background:rgba(30,41,59,.92);color:#f1f5f9;}

/* ===== makes index + brand hub ===== */
.mk-count{color:var(--gray-500);font-size:14px;margin:-8px 0 18px;}
.mk-search{position:relative;max-width:360px;margin-bottom:24px;}
.mk-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);}
.mk-search input{width:100%;padding:11px 16px 11px 42px;border:2px solid var(--gray-200);border-radius:50px;background:var(--car-surface);color:var(--ink);font-family:var(--font-nav);font-size:14px;outline:0;}
.mk-search input:focus{border-color:var(--car-primary);}
.sub-h{font-family:var(--font);font-size:14px;font-weight:700;margin:0 0 13px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:13px;margin-bottom:30px;}
.brand{display:flex;align-items:center;gap:12px;background:var(--car-surface);border:1px solid var(--gray-200);border-radius:12px;padding:12px 14px;box-shadow:var(--car-sh);transition:.15s;color:inherit;}
.brand:hover{transform:translateY(-2px);box-shadow:var(--car-sh-h);border-color:var(--car-primary-200);}
.mono{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:17px;color:#fff;flex-shrink:0;overflow:hidden;}
.mono.has-logo{background:#fff;border:1px solid var(--gray-200);}
.mono img{width:78%;height:78%;object-fit:contain;}
[data-theme="dark"] .mono.has-logo{background:#f1f5f9;}
.brand .bn{font-weight:700;font-size:14px;font-family:var(--font);}
.brand .bc2{font-size:12px;color:var(--gray-500);font-family:var(--font-num);margin-top:1px;}
.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(192px,1fr));gap:13px;}
.mdl{background:var(--car-surface);border:1px solid var(--gray-200);border-radius:12px;padding:14px;box-shadow:var(--car-sh);transition:.15s;color:inherit;display:block;}
.mdl:hover{transform:translateY(-2px);box-shadow:var(--car-sh-h);border-color:var(--car-primary-200);}
.mdl .mn{font-family:var(--font);font-weight:700;font-size:15px;}
.mdl .mmeta{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--gray-500);}
.mdl .mmeta b{font-family:var(--font-num);color:var(--car-primary-600);}
.brand-hero{display:flex;align-items:center;gap:16px;margin:4px 0 18px;}
.brand-hero .mono{width:64px;height:64px;border-radius:16px;font-size:26px;}
.brand-hero h1{margin:0;}
.brand-hero .bh-sub{color:var(--gray-500);font-size:13.5px;margin-top:3px;font-family:var(--font-num);}

/* responsive */
@media (max-width:1240px){ .hstat{display:none;} }
@media (max-width:1080px){
  .cat{grid-template-columns:1fr;}
  .rail{position:static;}
  .row{flex-direction:column;}
  .detail{grid-template-columns:1fr;}
  .dpanel{position:static;}
  .spec-grid{grid-template-columns:1fr 1fr;}
  .hnav a{padding:8px 11px;font-size:13px;}
}
@media (max-width:840px){
  .hnav{display:none;}
  .hsearch{max-width:none;margin-left:0;}
  .strip{flex-wrap:wrap;gap:14px 22px;}
  .strip .right{margin-left:0;width:100%;}
  .filter-fab{display:inline-flex;}
  .rail{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:88vw;z-index:90;border-radius:0 14px 14px 0;transform:translateX(-105%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:0 0 50px rgba(0,0,0,.25);}
  .rail.open{transform:none;}
}
@media (max-width:560px){
  .hdr-top .ql{display:none;}
  .stats{flex-wrap:wrap;}
  .stat{flex:1 1 46%;}
  h1.m{font-size:24px;}
  .dprice .g{font-size:26px;}
  .spec-grid{grid-template-columns:1fr;}
  .dspecs{grid-template-columns:1fr;}
  table.lst{display:block;overflow-x:auto;white-space:nowrap;}
}