/* Layout: direction D "Fresh" – light ground, white cards, charcoal blocks, Tip-Top yellow highlight + red actions. Single light brand theme by choice. */
:root{
  --bg:#F5F5F2; --surface:#FFFFFF; --tile:#E9E8E3; --ink:#1F1E1E; --char:#2B2A2A; --muted:#5E5C5A; --line:#E2E1DC;
  --on-dark:#FFFFFF; --on-dark-muted:#C9C7C2; --dark-line:#3A3939;
  --yellow:#FFED00; --red:#E31E24; --red-d:#B8151B; --star:#D9A900;
  --f-display:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --f-body:'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --r-lg:32px; --r-md:22px; --r-sm:14px;
  --gutter:clamp(16px, 4vw, 64px);
  color-scheme: light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red-d)}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-0.02em;line-height:1.05}
p{margin:0}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--gutter)}
.mark{box-shadow:inset 0 -0.32em 0 var(--yellow)}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.eyebrow.y{color:var(--yellow)}
.muted{color:var(--muted)}
.h1{font-size:clamp(40px,6vw,78px);font-weight:700;letter-spacing:-0.035em;line-height:1.02}
.h2{font-size:clamp(30px,4vw,52px);font-weight:700}
.h3{font-size:clamp(22px,2.2vw,28px);font-weight:600}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:60ch}
section{padding-block:clamp(40px,6vw,88px)}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:center}
.stack{display:flex;flex-direction:column;gap:20px;min-width:0}
.stack.sm{gap:12px}
.card{background:var(--surface);border-radius:var(--r-md);padding:clamp(22px,2.5vw,32px);display:flex;flex-direction:column;gap:12px;min-width:0}
.dark{background:var(--ink);color:var(--on-dark);border-radius:clamp(24px,3vw,36px)}
.dark .muted,.dark .lead{color:var(--on-dark-muted)}
.photo{border-radius:var(--r-lg);overflow:hidden;background:var(--tile)}
.photo img{width:100%;height:100%;object-fit:cover}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:99px;font-weight:600;font-size:16px;border:2px solid transparent;cursor:pointer;font-family:var(--f-body);transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:var(--red);color:#FFFFFF}.btn-red:hover{background:var(--red-d);color:#FFFFFF}
.btn-ink{background:var(--ink);color:#FFFFFF}.btn-ink:hover{color:var(--yellow)}
.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-yellow:hover{color:var(--ink);background:#F2E000}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line-w{border-color:#FFFFFF;color:#FFFFFF;background:transparent}.btn-line-w:hover{color:var(--yellow);border-color:var(--yellow)}
.chk{display:flex;align-items:center;gap:10px}
.chk i{width:24px;height:24px;border-radius:99px;background:var(--yellow);display:grid;place-items:center;flex-shrink:0}
.num{width:44px;height:44px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;color:var(--ink)}
.num.round{border-radius:99px}
.ico{width:48px;height:48px;border-radius:14px;background:var(--yellow);display:grid;place-items:center;flex-shrink:0;color:var(--ink)}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;background:var(--yellow);color:var(--ink)}
.tag.dark-t{background:var(--ink);color:var(--yellow)}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo img{height:58px;width:auto}
.nav{display:flex;gap:26px;font-size:15px;font-weight:500}
.nav a{display:flex;align-items:center;gap:8px;height:84px;white-space:nowrap}
.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--yellow)}
.nav .new{font-size:11px;font-weight:600;padding:3px 7px;border-radius:99px;background:var(--yellow);color:var(--ink)}
.tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:99px;background:var(--ink);color:#FFFFFF;font-weight:600;font-size:15px;white-space:nowrap}
.tel:hover{color:var(--yellow)}
.menu-btn{display:none;width:44px;height:44px;border-radius:99px;border:none;background:var(--ink);color:#FFFFFF;cursor:pointer;align-items:center;justify-content:center}

/* hero */
.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,48px);align-items:center;padding-block:clamp(32px,5vw,64px) clamp(40px,6vw,88px)}
.cut{position:relative;border-radius:var(--r-lg);background:var(--yellow);overflow:hidden;aspect-ratio:1/1.02;max-height:600px;width:100%}
.cut img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:97%;width:auto;max-width:none}
.cut .ring{position:absolute;right:-40px;top:-40px;width:60%;aspect-ratio:1;border-radius:999px;border:2px solid rgba(31,30,30,.12)}
.chip{position:absolute;background:var(--surface);border-radius:16px;padding:12px 16px;display:flex;flex-direction:column;line-height:1.3}
.chip b{font-family:var(--f-display);font-size:28px}
.chip.ink{background:var(--ink);color:#FFFFFF;flex-direction:row;align-items:center;gap:12px}
.chip.ink:hover{color:var(--yellow)}

/* vehicles */
.car{background:var(--surface);border-radius:18px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.car-img{position:relative;aspect-ratio:16/10;background:var(--tile);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8A8883;font-size:13px}
.car-img .brand{font-family:var(--f-display);font-weight:700;font-size:clamp(28px,3vw,40px);color:#B9B7B1;letter-spacing:-0.03em}
.car-img .tags{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap}
.car-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;flex-grow:1}
.car h3{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.01em}
.car-f{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.price{font-family:var(--f-display);font-size:26px;font-weight:700;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.go{width:44px;height:44px;border-radius:99px;background:var(--ink);color:#FFFFFF;display:grid;place-items:center;flex-shrink:0}
.go:hover{color:var(--yellow)}
.filters{background:var(--surface);border-radius:20px;padding:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}
.fchip{min-height:44px;padding:0 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 15px var(--f-body);cursor:pointer}
.fchip[aria-pressed="true"]{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
select,input,textarea{font:400 16px var(--f-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);min-height:52px;padding:0 16px;width:100%}
textarea{padding:14px 16px;resize:vertical}
select{width:auto}
label.l{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--red)}

/* battery */
.batt{display:flex;align-items:center;gap:5px}
.batt .cells{flex-grow:1;height:56px;border:3px solid currentColor;border-radius:10px;padding:5px;display:flex;gap:5px}
.batt .cells span{flex-grow:1;border-radius:3px;background:var(--yellow)}
.batt .cells span.w{background:var(--red)}
.batt .tip{width:7px;height:22px;background:currentColor;border-radius:0 3px 3px 0}
.batt.anim .cells span.w{animation:sag 2.4s ease-in-out infinite alternate}
@keyframes sag{from{background:var(--red);opacity:1}to{background:var(--red);opacity:.35}}
.pricecard{border-radius:28px;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:18px;position:relative}
.big{font-family:var(--f-display);font-weight:700;font-size:clamp(56px,6vw,88px);letter-spacing:-0.04em;line-height:1}
.ribbon{position:absolute;top:24px;right:24px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--red);color:#FFFFFF}

/* reviews */
.stars{display:flex;gap:2px;color:var(--star)}
.stars svg{width:18px;height:18px;fill:currentColor;stroke:none}
.av{width:44px;height:44px;border-radius:99px;background:var(--yellow);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;flex-shrink:0}
.rev p{font-size:16px}

/* range */
.range{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:28px;align-items:center}
.bar{height:18px;border-radius:99px;background:#EFEEE9}
.bar span{display:block;height:100%;border-radius:99px;background:var(--yellow)}

/* footer */
.foot{background:var(--ink);color:#FFFFFF;margin-top:clamp(40px,6vw,88px)}
.foot .cols{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));gap:36px;padding-block:64px 40px}
.foot h4{font-family:var(--f-body);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin-bottom:10px}
.foot a{color:#D9D8D4}.foot a:hover{color:var(--yellow)}
.foot .base{border-top:1px solid var(--dark-line);padding-block:22px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#A9A7A2}
.cta{background:var(--yellow);border-radius:var(--r-lg);padding:clamp(28px,4vw,56px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
.note{font-size:14px;border-radius:var(--r-sm);padding:14px 16px;background:#FFF9B8;color:var(--ink)}
.copy{border:none;background:none;color:inherit;cursor:pointer;font:inherit;text-decoration:underline;padding:0}

.page{display:block}
/* combined home: G search hero, H gauge, I review wall */
.ghero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,40px);align-items:end;padding-top:clamp(28px,4vw,56px)}
.ghero-img{height:420px;border-radius:32px 32px 0 0}
.search{background:var(--surface);border-radius:0 0 28px 28px;border-top:4px solid var(--yellow);box-shadow:0 24px 48px rgba(31,30,30,.08);padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;gap:16px}
.sfields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}
.sfields select{width:100%}
.qchip{min-height:36px;padding:0 14px;border-radius:99px;background:var(--bg);border:none;display:inline-flex;align-items:center;gap:6px;font:500 14px var(--f-body);color:var(--ink);cursor:pointer}
.qchip:hover{background:var(--yellow);color:var(--ink)}
.trust{background:var(--surface);border-radius:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.trust>div{padding:24px 28px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}
.trust>div:first-child{border-left:none}
.trust b{font-family:var(--f-display);font-size:clamp(26px,2.6vw,36px);letter-spacing:-0.03em;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.trust span{font-size:14px;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border-radius:28px;overflow:hidden}
.steps li{padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--line)}
.steps li:first-child{border-left:none}
.steps h3{font-size:21px;font-weight:600}
.evprice{border-radius:18px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.evprice span{display:flex;flex-direction:column;line-height:1.3}.evprice small{font-size:14px}
.evprice b{font-family:var(--f-display);font-size:36px;letter-spacing:-0.03em}
.evprice:hover{transform:translateY(-1px)}
.gauge{width:min(280px,70vw);aspect-ratio:1;border-radius:999px;background:conic-gradient(var(--yellow) 0 89.4%, var(--dark-line) 89.4% 100%);display:grid;place-items:center}
.gauge>div{width:84%;aspect-ratio:1;border-radius:999px;background:var(--char);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.gauge b{font-family:var(--f-display);font-size:clamp(44px,5vw,64px);letter-spacing:-0.04em;color:#FFFFFF}
.svc{background:var(--surface);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:18px;min-width:0}
.svc>span:last-child{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;font-family:var(--f-display);font-size:19px;font-weight:600;line-height:1.3}
.svc:hover{outline:2px solid var(--yellow)}
.dark .card.rev{background:var(--char);color:var(--on-dark)}
@media (max-width:1180px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps li:nth-child(3){border-left:none}.steps li:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:860px){.ghero{grid-template-columns:minmax(0,1fr)}.ghero-img{height:260px}.sfields{grid-template-columns:repeat(2,minmax(0,1fr))}.sfields .btn{grid-column:1/-1}}
@media (max-width:520px){.sfields,.steps{grid-template-columns:minmax(0,1fr)}.steps li{border-left:none;border-top:1px solid var(--line)}.steps li:first-child{border-top:none}.trust>div{padding:20px 14px}.trust b{font-size:24px}}

.kbottom{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:stretch}

/* ===== Dark theme (chosen 30. 9.): single dark look by choice ===== */
:root{--bg:#141414;--surface:#1F1E1E;--tile:#2B2A2A;--ink:#1F1E1E;--char:#2B2A2A;--fg:#FFFFFF;--muted:#BDBBB6;--line:#3A3939;--on-dark:#FFFFFF;--on-dark-muted:#BDBBB6;--dark-line:#3A3939;--star:#FFD500;color-scheme:dark}
body{color:var(--fg)}
a:hover{color:var(--yellow)}
.mark{box-shadow:none;color:var(--yellow)}
.top{background:var(--bg)}
.nav .new{color:#1F1E1E}
.tel{background:var(--yellow);color:#1F1E1E}.tel:hover{color:#1F1E1E;background:#F2E000}
.menu-btn{background:var(--yellow);color:#1F1E1E}
.btn-ink{background:#FFFFFF;color:#1F1E1E}.btn-ink:hover{background:var(--yellow);color:#1F1E1E}
.btn-line{border-color:#FFFFFF;color:#FFFFFF}.btn-line:hover{border-color:var(--yellow);color:var(--yellow)}
.btn-red:hover{color:#FFFFFF}
.cta{color:#1F1E1E}.cta .muted{color:#3A3939}
.cta .btn-ink{background:#1F1E1E;color:#FFFFFF}.cta .btn-ink:hover{color:var(--yellow);background:#1F1E1E}
.cta .btn-line{border-color:#1F1E1E;color:#1F1E1E}.cta .btn-line:hover{color:#1F1E1E;background:rgba(31,30,30,.08)}
.chk i,.num,.ico,.av{color:#1F1E1E}
.dark{background:var(--surface);border:1px solid var(--line)}
.card,.car,.svc,.filters,.trust,.steps,.pricecard{border:1px solid var(--line)}
.search{border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:28px;box-shadow:none}
.car-img{background:var(--tile)}.car-img .brand{color:#5E5C57}
.go{background:var(--yellow);color:#1F1E1E}.go:hover{color:#1F1E1E;background:#F2E000}
.fchip{background:var(--surface);color:var(--fg);border-color:var(--line)}
.fchip[aria-pressed="true"]{background:var(--yellow);color:#1F1E1E;border-color:var(--yellow)}
.qchip{background:var(--tile);color:var(--fg)}.qchip:hover{background:var(--yellow);color:#1F1E1E}
select,input,textarea{background:var(--tile);color:var(--fg);border-color:var(--line)}
.tag.dark-t{background:#FFFFFF;color:#1F1E1E}
.bar{background:var(--tile)}
.photo{background:var(--tile)}
.foot{background:#0E0E0E;border-top:1px solid var(--line)}
.note{background:var(--tile);color:var(--fg);border:1px solid var(--yellow)}
.dark .card.rev{background:var(--tile)}
.chip{color:var(--fg)}
/* M1 hero */
.mhero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,4vw,48px);align-items:center;padding-block:clamp(32px,5vw,64px) 0}
.vwrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.vcap{width:90px;height:26px;background:#FFFFFF;border-radius:8px 8px 0 0}
.vbatt{width:min(300px,70vw);height:620px;border:6px solid #FFFFFF;border-radius:40px;padding:14px;display:flex;flex-direction:column;gap:10px}
.vbatt span{flex-grow:1;border-radius:4px;background:var(--yellow)}
.vbatt span.e{background:var(--tile)}
.vbatt span.w{background:var(--red);animation:sag 2.4s ease-in-out infinite alternate}
.lg{display:inline-block;width:12px;height:12px;border-radius:3px}
@media (max-width:860px){.mhero{grid-template-columns:minmax(0,1fr)}.vbatt{height:360px;width:min(220px,60vw)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (max-width:1180px){
  .nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--surface);flex-direction:column;gap:0;padding:8px var(--gutter) 20px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav a{height:52px}
  .menu-btn{display:inline-flex}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .range{grid-template-columns:160px minmax(0,1fr)}
  .range .models{grid-column:1/-1}
}
@media (max-width:860px){
  .hero,.split,.g2,.g3,.kbottom{grid-template-columns:minmax(0,1fr)}
  .top .tel span{display:none}
  .tel{padding:0;width:44px;justify-content:center}
}
@media (max-width:520px){
  .g4{grid-template-columns:minmax(0,1fr)}
  .foot .cols{grid-template-columns:minmax(0,1fr)}
  .logo img{height:46px}
  .top .wrap{height:72px}
  .nav{top:72px}
  .range{grid-template-columns:minmax(0,1fr)}
}

/* ===== WordPress additions ===== */
[hidden]{display:none!important}
.trust b{white-space:nowrap}
@media (max-width:520px){.trust b{font-size:21px}.trust>div{padding:18px 12px}}
.admin-bar .top{top:var(--wp-admin--admin-bar--height,32px)}
@media (max-width:600px){.admin-bar .top{top:0}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:16px;top:16px;z-index:100;background:var(--yellow);color:#1F1E1E;padding:10px 16px;border-radius:10px}
.tt-no-cta #ctaBand{display:none}
.car-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.car-img .tags{z-index:1}
.car-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}
.car-meta span{padding:4px 8px;border-radius:8px;background:var(--tile)}
.car[hidden]{display:none!important}
.tag.tag-red{background:var(--red);color:#FFFFFF}
.old-price{font-size:14px;color:var(--muted);text-decoration:line-through;font-variant-numeric:tabular-nums}
.rev p{font-size:16px}
.rev-by{gap:12px;flex-wrap:nowrap;padding-top:4px}
.stars svg{width:18px;height:18px;fill:var(--star);stroke:none}
/* Contact Form 7 inside .tt-form */
.tt-form .wpcf7-form{display:flex;flex-direction:column;gap:16px}
.tt-form .wpcf7-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.tt-form .wpcf7-form-control-wrap{display:block}
.tt-form .wpcf7-acceptance label,.tt-form .wpcf7-list-item label{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;color:var(--muted)}
.tt-form .wpcf7-list-item{margin:0}
.tt-form .wpcf7-acceptance a{text-decoration:underline}
.tt-form .wpcf7-submit{align-self:flex-start;min-height:56px;padding:0 32px;border-radius:99px;border:none;background:var(--red);color:#FFFFFF;font:600 17px var(--f-body);cursor:pointer}
.tt-form .wpcf7-submit:hover{background:var(--red-d)}
.tt-form .wpcf7-not-valid-tip{color:#FF8A8D;font-size:13px;font-weight:500;padding-top:4px}
.tt-form .wpcf7-response-output{margin:0!important;border-radius:var(--r-sm);padding:14px 16px!important;border:1px solid var(--yellow)!important;color:var(--fg)}
.tt-form .wpcf7-spinner{margin:8px 0}
.tt-form select{width:100%}
.tt-form input[type=date]{color-scheme:dark}
/* Generic content (privacy page, posts) */
.prose{max-width:760px;font-size:17px;line-height:1.75}
.prose h2,.prose h3{margin:1.6em 0 .5em}
.prose p,.prose ul,.prose ol{margin:0 0 1em}
.prose a{color:var(--yellow);text-decoration:underline}
.prose img{border-radius:var(--r-md);height:auto}

/* v1.0.2 */
.split-75{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
@media (max-width:860px){.split-75{grid-template-columns:minmax(0,1fr)}}
.tt-recaptcha .grecaptcha-badge{visibility:hidden!important}
.recaptcha-note{font-size:12px;color:var(--muted);margin-top:4px}
.recaptcha-note a{color:inherit;text-decoration:underline}

/* v1.0.3 – whole car card is one link (title link stretched over the card) */
.car-click{position:relative;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.car-link{color:inherit;text-decoration:none}
.car-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
.car-click:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--yellow)}
.car-click:hover .car-img img{transform:scale(1.04)}
.car-img img{transition:transform .3s ease}
.car-click:hover .go{background:#F2E000}
.car-click:focus-within{box-shadow:0 0 0 3px var(--yellow)}
.car-link:focus-visible{outline:none}

/* v1.0.5 – battery test choice cards: the chosen card is highlighted, hovering another moves the highlight */
.pc{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
a.pricecard{color:var(--fg);text-decoration:none}
.pricecard.pc{background:var(--surface);border:2px solid var(--line)}
.pc-btn{border:2px solid #FFFFFF;color:#FFFFFF;background:transparent;pointer-events:none}
.pricecard.pc.is-hl,.pickgroup .pricecard.pc:hover,.pickgroup .pricecard.pc:focus-visible{background:var(--char);border-color:var(--yellow);transform:translateY(-3px)}
.pricecard.pc.is-hl .pc-btn,.pickgroup .pricecard.pc:hover .pc-btn,.pickgroup .pricecard.pc:focus-visible .pc-btn{background:var(--yellow);border-color:var(--yellow);color:#1F1E1E}
.pickgroup:has(.pc:hover) .pricecard.pc.is-hl:not(:hover){background:var(--surface);border-color:var(--line);transform:none}
.pickgroup:has(.pc:hover) .pricecard.pc.is-hl:not(:hover) .pc-btn{background:transparent;border-color:#FFFFFF;color:#FFFFFF}
.evprice.pc{background:var(--char);color:#FFFFFF}
.evprice.pc small{color:var(--muted)}
.evprice.pc.is-hl,.pickgroup .evprice.pc:hover,.pickgroup .evprice.pc:focus-visible{background:var(--yellow);color:#1F1E1E}
.evprice.pc.is-hl small,.pickgroup .evprice.pc:hover small,.pickgroup .evprice.pc:focus-visible small{color:#1F1E1E;opacity:.75}
.pickgroup:has(.pc:hover) .evprice.pc.is-hl:not(:hover){background:var(--char);color:#FFFFFF}
.pickgroup:has(.pc:hover) .evprice.pc.is-hl:not(:hover) small{color:var(--muted);opacity:1}
.pc:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.pricecard .pc-btn{margin-top:auto}