/* A.R. AUTO — boutique showroom. Layout and three visual themes from the Gemini concept:
   A Cinematic Vault (dark titanium + gold), B Riviera (sand), C Gallery (white gloss).
   Mode = <html data-theme="dark|light"> (day/night switch in the header). Fonts self-hosted: Cormorant Garamond / Frank Ruhl Libre (headings), Montserrat / Heebo (text). */
@font-face{font-family:'ArSans';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/heebo-hebrew-300-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSans';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/montserrat-cyrillic-300-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSans';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/montserrat-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/heebo-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/montserrat-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/montserrat-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/heebo-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/montserrat-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/montserrat-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/heebo-hebrew-600-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/montserrat-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-hebrew-300-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/cormorant-garamond-cyrillic-300-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/frank-ruhl-libre-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSerif';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ArSerif';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-cyrillic-400-italic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'ArSerif';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root,[data-theme=dark]{color-scheme:dark;
  --bg:#0B0D0E;--card:#131619;--card2:#1C2024;--line:#23282D;--line2:#3A4148;--text:#EAECEE;--muted:#8E959E;--gold:#C5A059;
  --btn:#C5A059;--btn-text:#0B0D0E;--btn-hover:#D4B26E;--hdr:rgba(19,22,25,.86);--alt:#0E1012;--input:#0B0D0E;--foot:#08090A;
  --hero-ov:linear-gradient(to top,#0B0D0E 0%,rgba(11,13,14,.72) 50%,rgba(11,13,14,.42) 100%);--hero-text:#FFFFFF;--hero-muted:#C8CCD0;
  --badge-bg:rgba(23,23,23,.8);--img-bg:#0A0A0A;--shadow:0 30px 60px -20px rgba(0,0,0,.6);
}
/* Day mode: the same Cinematic Vault, on warm ivory; gold darkened where it is text */
[data-theme=light]{color-scheme:light;
  --bg:#F7F4EE;--card:#FFFFFF;--card2:#EFEAE0;--line:#E4DDD0;--line2:#CDC3B2;--text:#16181A;--muted:#5C6066;--gold:#765822;
  --btn:#C5A059;--btn-text:#0B0D0E;--btn-hover:#B48E48;--hdr:rgba(247,244,238,.9);--alt:#EFEAE0;--input:#FFFFFF;--foot:#EFEAE0;
  --hero-ov:linear-gradient(to top,#F7F4EE 0%,rgba(247,244,238,.8) 45%,rgba(247,244,238,.35) 100%);--hero-text:#16181A;--hero-muted:#41454B;
  --badge-bg:rgba(255,255,255,.8);--img-bg:#E8E2D6;--shadow:0 30px 60px -25px rgba(60,45,20,.22);
}
:root{--serif:'ArSerif',Georgia,serif;--sans:'ArSans',system-ui,sans-serif;--wrap:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-weight:300}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.skip{position:absolute;inset-inline-start:12px;top:0;transform:translateY(-120%);background:var(--btn);color:var(--btn-text);padding:12px 18px;z-index:200;text-decoration:none}
.skip:focus{transform:none}
.ltr{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.eyebrow{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:500}
[dir=rtl] .eyebrow,[dir=rtl] .btn,[dir=rtl] .nav a,[dir=rtl] .logo-sub,[dir=rtl] .stats span,[dir=rtl] .tag,[dir=rtl] .lbl,[dir=rtl] .form label,[dir=rtl] .site-footer .f-h{letter-spacing:.04em}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--hdr);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{display:flex;flex-direction:column;text-decoration:none;min-height:44px;justify-content:center}
.logo{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:.22em;text-transform:uppercase;color:var(--text);white-space:nowrap;line-height:1.1}
.logo span{font-family:var(--sans);font-weight:300;letter-spacing:.18em;color:var(--gold)}
.logo-sub{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.nav{display:flex;gap:26px;white-space:nowrap}
.nav a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;text-decoration:none;padding-block:14px;color:var(--text)}
.nav a:hover{color:var(--gold)}
.h-right{display:flex;align-items:center;gap:16px}
.lic-phone{display:flex;flex-direction:column;text-align:end;line-height:1.3}
.lic-phone span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lic-phone a{font-size:14px;font-weight:600;letter-spacing:.06em;text-decoration:none;display:inline-flex;min-height:24px;align-items:center;justify-content:flex-end}
.lang{display:flex}
.lang a{min-width:40px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;color:var(--muted)}
.lang a[aria-current=true]{color:var(--text);font-weight:600}
.menu{display:none;position:relative}
.menu summary{list-style:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);cursor:pointer;color:var(--text)}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;inset-inline-end:0;top:54px;width:min(88vw,320px);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px 20px;display:flex;flex-direction:column}
.menu nav a{padding-block:13px;border-bottom:1px solid var(--line);text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.menu nav a:last-child{border-bottom:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;font:inherit;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;border-radius:0;text-align:center;transition:background-color .2s,border-color .2s,color .2s}
.btn-lg{min-height:56px;padding:0 34px}
.btn-sm{min-height:44px;padding:0 20px}
.btn-primary{background:var(--btn);color:var(--btn-text);border-color:var(--btn)}
.btn-primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line2)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.site-header .btn-ghost{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
.btn-soft{background:var(--card2);color:var(--text)}
.btn-soft:hover{background:var(--btn);color:var(--btn-text)}
.btn-wa{background:#047857;color:#fff}.btn-wa:hover{background:#065F46;color:#fff}
.link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--gold)}

/* hero */
.hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-block:128px 104px;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%),radial-gradient(ellipse 50% 45% at 85% 100%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%),var(--bg)}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent 75%)}
.hero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1040px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);background:var(--badge-bg);backdrop-filter:blur(8px);border-radius:999px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:32px}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 var(--gold);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 60%,transparent)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.h1{font-family:var(--serif);font-weight:300;font-size:72px;line-height:1.08;letter-spacing:-.01em;color:var(--hero-text);text-wrap:balance;max-width:20ch}
.hero .lead{margin-top:24px;font-size:18px;font-weight:300;line-height:1.7;color:var(--hero-muted);max-width:42em}
.ctas{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:40px}
.hero .btn-ghost{color:var(--hero-text);border-color:color-mix(in srgb,var(--hero-text) 40%,transparent)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;max-width:900px;margin-top:64px;padding-top:40px;border-top:1px solid color-mix(in srgb,var(--hero-text) 14%,transparent);text-align:start}
.stats b{display:block;font-family:var(--serif);font-weight:600;font-size:26px;color:var(--gold);line-height:1.2}
.stats span{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted)}

/* sections */
.sec{padding-block:96px}
.sec-first{padding-top:40px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.sec-head .muted{max-width:28rem;font-size:14px}
.h2{font-family:var(--serif);font-weight:300;font-size:50px;line-height:1.1;letter-spacing:-.005em;text-wrap:balance}
.h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2}
.center-head{text-align:center;max-width:720px;margin:0 auto 72px}
.center-head .muted{margin-top:20px}
.band-alt{background:var(--alt);border-block:1px solid var(--line)}

/* cars */
.cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.car{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--card);transition:border-color .3s,box-shadow .3s}
.car:hover{border-color:color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:var(--shadow)}
.car-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--img-bg)}
.car-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.car:hover .car-img img{transform:scale(1.05)}
.tag{position:absolute;top:16px;inset-inline-end:16px;background:rgba(10,10,10,.8);backdrop-filter:blur(8px);color:#E9C987;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px}
.tag-ex{inset-inline-end:auto;inset-inline-start:16px;background:rgba(255,255,255,.88);color:#111}
.car-body{padding:32px;display:flex;flex-direction:column;flex:1}
.car-meta{font-size:12px;color:var(--muted);letter-spacing:.04em}
.car-warranty{margin-top:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500}
[dir=rtl] .car-warranty{letter-spacing:.04em}
.pod{border-top:1px solid var(--line)}
.car .car-t{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;margin:8px 0 12px}
.car .car-t a{text-decoration:none;display:inline-block;padding-block:4px}
.car .car-t a:hover{color:var(--gold)}
.car p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:24px}
.car-foot{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lbl{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.price{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--gold)}

/* curation */
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.steps li{padding:32px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 50%,transparent)}
.steps .num{display:block;font-family:var(--serif);font-size:34px;color:var(--gold);margin-bottom:24px;line-height:1}
.steps h3{font-family:var(--serif);font-weight:400;font-size:21px;margin-bottom:10px}
.steps p{font-size:13px;color:var(--muted);line-height:1.7}

/* buyout */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.lead2{margin:24px 0 32px;font-size:15px;line-height:1.75;color:color-mix(in srgb,var(--text) 82%,var(--bg))}
.feats{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-direction:column;gap:14px;font-size:13px}
.feats li{position:relative;padding-inline-start:26px}
.feats li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.row{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.panel{border:1px solid var(--line);background:var(--card);padding:48px}

/* forms */
.form{display:flex;flex-direction:column;gap:16px}
.form h3{font-family:var(--serif);font-weight:400;font-size:26px;margin-bottom:8px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.form input,.form select{min-height:50px;padding:0 16px;font:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:var(--text);background:var(--input);border:1px solid var(--line);border-radius:0}
.form input:focus,.form select:focus{outline:none;border-color:var(--gold)}
.form input:focus-visible,.form select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.form input::placeholder{color:color-mix(in srgb,var(--muted) 80%,var(--bg))}
.form .btn{margin-top:8px}
.form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* booking dialog */
.modal{border:1px solid var(--line);background:var(--card);color:var(--text);padding:40px;max-width:520px;width:calc(100% - 32px)}
.modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.modal .muted{font-size:13px;margin-bottom:8px}
.modal-x{position:absolute;top:10px;inset-inline-end:10px;width:44px;height:44px;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}
.modal .form{position:relative}
.modal{position:fixed}

/* footer */
.site-footer{background:var(--foot);border-top:1px solid var(--line);padding-top:80px}
.f-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}
.f-col{display:flex;flex-direction:column;gap:12px;font-size:13px}
.f-col p{color:var(--muted);line-height:1.7}
.f-col .gold{color:var(--gold);font-size:12px}
.f-col .small{font-size:12px}
.site-footer .f-h{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:4px}
.f-col ul{list-style:none;margin:0;padding:0}
.f-col li a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;color:var(--muted)}
.f-col li a:hover{color:var(--text)}
.f-col .strong{font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.f-col .btn{width:100%}
.f-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:28px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.f-bottom a{color:var(--muted);display:inline-flex;min-height:44px;align-items:center}

/* preview-only design switcher */

/* inner pages */
.page-top{padding-top:40px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin-bottom:24px}
.crumbs a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;text-decoration:none;color:var(--text)}
.h1-page{font-size:56px;color:var(--text);max-width:none;overflow-wrap:break-word;hyphens:auto}
.page-top .muted{margin-top:16px;max-width:40em}
.lead-page{margin-top:20px;font-size:17px;color:var(--muted);max-width:44em}
.demo{display:inline-block;margin-top:-8px;font-size:12px;color:var(--gold)}
.ph{display:flex;align-items:center;justify-content:center;background:var(--img-bg);color:var(--muted);font-size:13px;text-align:center;padding:16px;border:1px solid var(--line)}
.car-hero{aspect-ratio:16/8;margin-top:24px}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.ph-thumb{aspect-ratio:16/10}
.carpage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:start}
.carpage .col{display:flex;flex-direction:column;gap:22px}
.carpage .h2-sm{margin-top:20px}
.h2-sm{font-family:var(--serif);font-weight:300;font-size:36px;line-height:1.15}
.passed{font-size:13px;color:var(--muted)}
.passed span{color:var(--gold)}
.specs{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;padding-block:28px;border-block:1px solid var(--line)}
.specs dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.specs dd{margin:4px 0 0;font-size:15px}
.body{color:var(--muted);line-height:1.75}
.note{font-size:12px;color:var(--muted)}
.ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ticks li{position:relative;padding-inline-start:24px}
.ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.6em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.aside{position:sticky;top:100px;border:1px solid var(--line);background:var(--card);padding:32px;display:flex;flex-direction:column;gap:14px}
.aside .price{font-size:28px}
.aside .link{font-size:13px}
.cols3,.cols2{display:grid;gap:32px;margin:0;padding:0;list-style:none}
.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mini h3{font-family:var(--serif);font-size:24px;margin-top:14px}
.mini h3 a{text-decoration:none;display:inline-block;padding-block:8px}
.mini-ph{aspect-ratio:4/3}
.sellgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.sellgrid .form{border:1px solid var(--line);background:var(--card);padding:36px}
.numbered{margin:28px 0 0;padding:0;list-style:none;counter-reset:n;display:flex;flex-direction:column;gap:28px}
.numbered li,.numbered-row li{counter-increment:n;position:relative;padding-inline-start:60px}
.numbered li::before,.numbered-row li::before{content:counter(n,decimal-leading-zero);position:absolute;inset-inline-start:0;top:-4px;font-family:var(--serif);font-size:32px;color:var(--gold);line-height:1}
.numbered h3,.numbered-row h3{font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:6px}
.numbered p,.numbered-row p{color:var(--muted);font-size:14px}
.numbered-row{counter-reset:n;margin-top:32px}
.sec>.h2-sm,.wrap>.h2-sm{margin-bottom:28px}
.videos{margin-top:28px;gap:24px}
.video{margin:0}
.video video{width:100%;aspect-ratio:16/9;background:#000;object-fit:cover}
.video figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:14px}
.find{margin-top:48px;padding:32px;border:1px dashed var(--line2);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.prose{max-width:760px;margin-top:24px;display:flex;flex-direction:column;gap:16px;color:var(--muted)}
.mbar{display:none}

/* make & model autocomplete */
.ac{position:relative}
.ac-list{position:absolute;z-index:30;top:100%;inset-inline:0;margin:4px 0 0;padding:4px 0;list-style:none;max-height:320px;overflow:auto;background:var(--card);border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.28);text-transform:none;letter-spacing:0}
.ac-list[hidden]{display:none}
.ac-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 16px;font-size:15px;color:var(--text);cursor:pointer}
.ac-list li span{font-size:13px;color:var(--muted)}
.ac-list li:hover,.ac-list li[aria-selected=true]{background:var(--card2)}
.ac-list li[aria-selected=true]{box-shadow:inset 3px 0 0 var(--gold)}
[dir=rtl] .ac-list li[aria-selected=true]{box-shadow:inset -3px 0 0 var(--gold)}
/* legal pages */
.legal{max-width:820px;line-height:1.75}
.legal h2{margin-top:20px;font-family:'ArSerif',serif;font-size:26px;font-weight:500;color:var(--text)}
.legal h3{margin-top:6px;font-size:16px;color:var(--text)}
.legal ul{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:6px}
.legal a{color:var(--gold)}
.legal .fill{padding:0 4px;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--text)}
.legal .draft{padding:16px 20px;border:1px dashed var(--line2);font-size:14px}
.legal .upd{font-size:14px}
.form .consent{font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.form .consent a{color:var(--gold)}

/* responsive */

@media (max-width:1200px){.h1{font-size:62px}.nav{gap:20px}}
@media (max-width:1260px){
  .nav,.site-header .btn-ghost{display:none}
  .menu{display:block}
}
@media (max-width:980px){
  .cars,.split,.carpage,.sellgrid{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h1{font-size:52px}
  .h2{font-size:42px}
  .aside{position:static}
  .split{gap:48px}
}
@media (max-width:640px){
  .wrap{padding-inline:20px}
  .hero{padding-block:72px 64px}
  .site-header .wrap{min-height:64px;gap:8px}
  .logo{font-size:19px;letter-spacing:.16em}
  .logo-sub{font-size:9px;letter-spacing:.2em}
  .hero{padding-block:64px;min-height:auto}
  .h1{font-size:38px}
  .hero .lead{font-size:15px}
  .ctas{width:100%;flex-direction:column}
  .ctas .btn{width:100%}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;padding-top:28px}
  .sec{padding-block:64px}
  .h2{font-size:34px}
  .h1-page{font-size:clamp(30px,9.5vw,38px)}
  .car-img{height:230px}
  .car-body{padding:24px}
  .car .car-t{font-size:24px}
  .steps,.f-grid,.cols3,.cols2{grid-template-columns:minmax(0,1fr)}
  .panel,.sellgrid .form,.aside{padding:24px}
  .specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal{padding:28px 20px}
  .mbar{display:grid;position:fixed;bottom:0;inset-inline:0;z-index:60;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px;background:var(--hdr);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .site-footer{padding-bottom:72px}
    }
@media (max-width:360px){.logo-sub{display:none}.lang a{min-width:36px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.badge i{animation:none}*{transition:none!important}}

/* real car pages: gallery */
.gallery .g-main{display:block;aspect-ratio:4/3;max-height:72vh;width:100%;overflow:hidden;background:var(--img-bg)}
.gallery .g-main img{width:100%;height:100%;object-fit:cover}
.gallery .thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px}
.thumb{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);background:var(--img-bg)}
.thumb img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .2s}
.thumb:hover img,.thumb[aria-current=true] img{opacity:1}
.thumb[aria-current=true]{border-color:var(--gold)}
.carpage .car-meta{font-size:14px}
.carpage .price{font-size:34px}
@media (max-width:1100px){.cars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cars{grid-template-columns:minmax(0,1fr)}.gallery .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery{padding-inline:0}.gallery .thumbs{padding-inline:20px}}
.f-bottom a{display:inline-block;padding:12px 0}
/* mobile QA fixes (23.10) */
.form input,.form select{font-size:16px}
.lbl,.tag{font-size:11px}
.car .car-t a{padding-block:8px}
.logo-sub{font-size:11px}@media (max-width:640px){.logo-sub{letter-spacing:.12em}}
@media (max-width:640px){.logo-sub{display:block;font-size:11px;letter-spacing:.08em}}
@media (max-width:340px){.logo-sub{display:none}}
@media (max-width:320px){.h-right{gap:6px}.lang a{min-width:32px}}
/* 4 cars: one row of 4 on wide screens, 2×2 below (no orphan card) */
.cars-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.cars-4 .car .car-t{font-size:24px}
@media (max-width:1279px){.cars-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cars-4{grid-template-columns:minmax(0,1fr)}}
html{scroll-padding-top:76px}
.f-legal i{font-style:normal}
@media (max-width:640px){.f-legal{display:flex;flex-direction:column}.f-legal i{display:none}.gallery .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:360px){.gallery .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* header: phone on one line, day/night switch */
.lic-phone a{font-size:14px;min-height:44px}
.mode{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--text);cursor:pointer;flex:none}
.mode:hover{border-color:var(--gold);color:var(--gold)}
.mode svg{width:18px;height:18px}
.mode .i-sun{display:none}
[data-theme=light] .mode .i-sun{display:block}
[data-theme=light] .mode .i-moon{display:none}
@media (max-width:1599px){.lic-phone{display:none}}
@media (max-width:400px){.h-right{gap:8px}.mode{width:42px;height:44px;border-radius:22px}}
@media (max-width:320px){.mode{width:40px;height:44px;border-radius:22px}}
@media (max-width:340px){.logo{font-size:16px;letter-spacing:.1em}.h-right{gap:4px}.lang a{min-width:30px}.site-header .wrap{padding-inline:12px}}

/* batteries 24/7 */
.bat-cta{display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:stretch}
.bat-247{font-family:var(--serif);font-size:96px;line-height:1;color:var(--gold);text-align:center;margin-bottom:8px}
@media (max-width:640px){.bat-247{font-size:72px}}