/* MalekShahi Cars: shared design system for every page */
@font-face{font-family:Shabnam;src:url(/css/fonts/shabnam/Shabnam.woff2) format("woff2"),url(/css/fonts/shabnam/Shabnam.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Shabnam;src:url(/css/fonts/shabnam/Shabnam-Medium.woff2) format("woff2"),url(/css/fonts/shabnam/Shabnam-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Shabnam;src:url(/css/fonts/shabnam/Shabnam-Bold.woff2) format("woff2"),url(/css/fonts/shabnam/Shabnam-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Archivo;src:url(../fonts/archivo-expanded-700.woff2) format("woff2");font-weight:700;font-display:swap;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-200B,U+2010-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;src:url(../fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap;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-200B,U+2010-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;src:url(../fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap;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-200B,U+2010-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Martian Mono";src:url(../fonts/martian-mono-400.woff2) format("woff2");font-weight:400;font-display:swap;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-200B,U+2010-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --canvas:#0f1513;
  --panel:#161d1b;
  --panel-2:#1c2523;
  --accent:#0C9488;
  --accent-hover:#0fa597;
  --accent-bright:#2bc4b4;
  --accent-muted:#0e3d38;
  --accent-deep:#0a7a70;
  --accent-deep-rgb:10,122,112;
  --on-accent:#ffffff;
  --text-primary:#eef3f1;
  --text-secondary:#a9b5b1;
  --text-dim:#869390;
  --line:rgba(var(--line-rgb),.14);
  --line-strong:#63716d;
  --danger:#f4b4ad;
  --plate:#f1f3ef;
  --plate-ink:#0b0f14;
  --plate-blue:#1f4fb0;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --ease-spring:cubic-bezier(.3,1.45,.5,1);
  --tshadow:0 1px 2px rgba(6,8,7,.95),0 3px 12px rgba(6,8,7,.78),0 10px 44px rgba(6,8,7,.8);
  --gut:clamp(20px,4vw,48px);
  --topbar-h:38px;
  --mainbar-h:72px;
  --header-h:calc(var(--topbar-h) + var(--mainbar-h));
  --radius:20px;
  --f-body:Shabnam,Barlow,Tahoma,system-ui,sans-serif;
  --f-display:Shabnam,Archivo,Tahoma,system-ui,sans-serif;
  --f-mono:"Martian Mono",Shabnam,ui-monospace,monospace;
  --dirx:-1;
  --origin-start:right;
  --m-h2:15em;--m-lede:34em;--m-p:36em;
  /* channels the two themes swap. Anything that sits on the film or on a photo keeps its own colour. */
  --canvas-rgb:15,21,19;
  --panel-rgb:22,29,27;
  --panel2-rgb:28,37,35;
  --ink-rgb:8,12,11;
  --text-rgb:238,243,241;
  --line-rgb:169,181,177;
  --accent-rgb:12,148,136;
  --bright-rgb:43,196,180;
  --shadow-rgb:0,0,0;
  --shadow-k:1;
  --field-bg:rgba(9,12,11,.6);
  --ghost-bg:rgba(15,21,19,.35);
  --text-body:#d2dbd8;
  --on-dark:#eef3f1;
  --on-dark-2:rgba(238,243,241,.86);
  --teal-on-dark:#2bc4b4;
  --map-card-1:rgba(13,40,52,.95);
  --map-card-2:rgba(9,24,32,.95);
  --map-sea-1:#0e2e3e;
  --map-sea-2:#0a2130;
  --map-sea-3:#09202c;
  --map-land:#1b2221;
  --map-land-line:#252f2d;
  --map-iran:#121a18;
  --map-hl:#17372f;
  --map-sea-text:rgba(150,198,214,.62);
  --map-label-stroke:rgba(6,12,16,.65);
  color-scheme:dark;
}

/* ---------- light theme ---------- */
:root[data-theme="light"]{
  --canvas:#f4f7f6;
  --canvas-rgb:244,247,246;
  --panel:#ffffff;
  --panel-rgb:255,255,255;
  --panel-2:#e9efed;
  --panel2-rgb:233,239,237;
  --ink-rgb:255,255,255;
  --accent:#0C9488;
  --accent-hover:#0a8076;
  --accent-bright:#0a6f66;
  --accent-muted:#9fd6d0;
  --accent-deep:#09716a;
  --accent-deep-rgb:9,113,106;
  --text-primary:#0d1614;
  --text-rgb:13,22,20;
  --text-secondary:#465350;
  --text-dim:#5d6a67;
  --text-body:#26322f;
  --line:rgba(13,22,20,.13);
  --line-rgb:13,22,20;
  --line-strong:#93a19d;
  --danger:#a3231a;
  --shadow-rgb:18,38,34;
  --shadow-k:.4;
  --field-bg:#ffffff;
  --ghost-bg:rgba(255,255,255,.72);
  --map-card-1:#e8eff0;
  --map-card-2:#dde8ea;
  --map-sea-1:#cfe4ea;
  --map-sea-2:#c2dbe3;
  --map-sea-3:#bad6df;
  --map-land:#dfe5e2;
  --map-land-line:#c9d2ce;
  --map-iran:#eef2f0;
  --map-hl:#cbe7e1;
  --map-sea-text:rgba(38,86,102,.6);
  --map-label-stroke:rgba(255,255,255,.85);
  color-scheme:light;
}
html[lang="en"]{
  --f-body:Barlow,Shabnam,system-ui,sans-serif;
  --f-display:Archivo,Shabnam,system-ui,sans-serif;
  --dirx:1;
  --origin-start:left;
  --m-h2:20ch;--m-lede:54ch;--m-p:62ch;
}
html[lang="fa"] [data-l="en"],html[lang="en"] [data-l="fa"]{display:none!important}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--mainbar-h) + 16px);interpolate-size:allow-keywords;background:var(--canvas)}
body{margin:0;overflow-x:hidden;overflow-x:clip;background:var(--canvas);color:var(--text-primary);font:400 17px/1.95 var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate;animation:pageIn .9s var(--ease-out) both}
body.menu-open{overflow:hidden}
html[lang="en"] body{font-size:18px;line-height:1.62}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ol,ul,figure,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;inset-inline-start:16px;top:12px;z-index:200;padding:10px 18px;border-radius:12px;background:var(--accent);color:var(--on-accent);font-weight:700;text-decoration:none;transform:translateY(-180%);transition:transform .35s var(--ease-out)}
.skip:focus{transform:none}
:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}
main:focus{outline:none}
.wrap{width:min(1240px,100% - 2*var(--gut));margin-inline:auto}
.ltr{direction:ltr;unicode-bidi:isolate}

/* ---------- the environment: one fixed layer the whole site lives in ---------- */
.env{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--canvas)}
.env-pattern{position:absolute;inset:-224px 0;background:url(../img/pattern.svg) 0 0/112px 112px repeat;opacity:.085;will-change:transform;transform:translate3d(0,var(--pat-y,0px),0)}
.env-fade{position:absolute;inset:0;background:radial-gradient(ellipse 58% 62% at 50% 46%,var(--canvas) 22%,rgba(var(--canvas-rgb),.82) 52%,rgba(var(--canvas-rgb),.35) 80%,rgba(var(--canvas-rgb),.12) 100%)}
.env-glow{position:absolute;border-radius:50%;will-change:transform}
.env-glow.g1{width:70vmax;height:70vmax;top:-30vmax;inset-inline-start:-22vmax;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),0) 62%);transform:translate3d(0,var(--glow1-y,0px),0)}
.env-glow.g2{width:60vmax;height:60vmax;bottom:-34vmax;inset-inline-end:-20vmax;background:radial-gradient(circle,rgba(var(--bright-rgb),.12),rgba(var(--bright-rgb),0) 62%);transform:translate3d(0,var(--glow2-y,0px),0)}
.env-glow::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:glowBreathe 18s var(--ease-io) infinite alternate;animation-delay:-6s;opacity:.6}
@keyframes glowBreathe{from{transform:scale(.92)}to{transform:scale(1.08)}}

/* ---------- type ---------- */
h1,h2,.h-display{font-family:var(--f-display);font-weight:700;line-height:1.3;text-wrap:balance}
h2{font-size:clamp(30px,4vw,56px);max-width:var(--m-h2)}
h3{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,1.8vw,25px);line-height:1.45}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] .h-display{font-stretch:125%;letter-spacing:-.01em}
html[lang="en"] h2{font-size:clamp(26px,3.4vw,48px);line-height:1.06}
html[lang="en"] h3{font-size:clamp(17px,1.45vw,21px);line-height:1.22}
.kicker{display:flex;align-items:baseline;gap:.65em;margin-block-end:16px;font:400 12px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}
html[lang="fa"] .kicker{font:500 14.5px/1.5 var(--f-body);letter-spacing:0}
.kicker .num{color:var(--accent-bright)}
.lede{margin-block-start:18px;color:var(--text-secondary);max-width:var(--m-lede)}
.sec{position:relative;padding-block:clamp(64px,8.5vw,120px)}
.sec-head{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 64px;align-items:end;margin-block-end:clamp(40px,5vw,64px)}
.sec-head .lede{margin:0}
.sec-head--stack{grid-template-columns:1fr}
.sec-head .head-link{justify-self:end}
@media (max-width:860px){.sec-head{grid-template-columns:1fr}.sec-head .head-link{justify-self:start}}
.note{font-size:14.5px;color:var(--text-dim)}

/* ---------- buttons ---------- */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:46px;padding:.55em 1.35em;border:0;border-radius:999px;font:700 15.5px/1.2 var(--f-body);text-decoration:none;cursor:pointer;white-space:nowrap;transform:translateY(0);transition:transform .45s var(--ease-spring),background-color .35s var(--ease-out),color .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.btn::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);transform:translateX(calc(var(--dirx)*-130%));transition:transform .9s var(--ease-out)}
.btn:hover{transform:translateY(-2px)}
.btn:hover::before{transform:translateX(calc(var(--dirx)*130%))}
.btn:active{transform:translateY(0) scale(.97);transition-duration:.12s}
.btn svg{width:18px;height:18px;flex:none;transition:transform .45s var(--ease-out)}
html[dir="rtl"] .btn svg.flip{transform:scaleX(-1)}
.btn:hover svg.nudge{transform:translateX(calc(var(--dirx)*4px))}
html[dir="rtl"] .btn:hover svg.flip.nudge{transform:scaleX(-1) translateX(4px)}
.btn-accent{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 26px -12px rgba(var(--accent-rgb),.75)}
/* small filled buttons need the deeper teal for white text to pass contrast */
.btn-accent:not(.btn-lg){background:var(--accent-deep)}
.btn-accent:hover{background:var(--accent-hover)}
.btn-ghost{background:var(--ghost-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1.5px var(--accent)}
.btn-ghost:hover{background:rgba(var(--accent-rgb),.16)}
.btn-lg{min-height:58px;padding-inline:1.7em;font-size:18.7px}
html[lang="en"] .btn-lg{font-size:18.7px}
.btn-sm{min-height:40px;padding-inline:1.05em;font-size:14.5px}
.arrow-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;width:fit-content;font-weight:500;color:var(--text-primary);text-decoration:none;box-shadow:inset 0 -1px 0 var(--line-strong);transition:color .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.arrow-link svg{width:18px;height:18px;flex:none;transition:transform .45s var(--ease-out)}
html[dir="rtl"] .arrow-link svg{transform:scaleX(-1)}
.arrow-link:hover{color:var(--accent-bright);box-shadow:inset 0 -1px 0 var(--accent-bright)}
.arrow-link:hover svg{transform:translateX(5px)}
html[dir="rtl"] .arrow-link:hover svg{transform:scaleX(-1) translateX(5px)}
.text-link{color:var(--text-primary);text-decoration:underline;text-decoration-color:rgba(var(--text-rgb),.4);text-underline-offset:6px;font-weight:500;transition:color .3s,text-decoration-color .3s}
.text-link:hover{color:var(--accent-bright);text-decoration-color:var(--accent-bright)}

/* ---------- header ---------- */
.site-header{position:fixed;top:0;inset-inline:0;z-index:80;height:var(--header-h);transform:translateY(0);transition:transform .55s var(--ease-out)}
.site-header.compact{transform:translateY(calc(-1*var(--topbar-h)))}
.topbar{position:relative;height:var(--topbar-h);font-size:13.5px;color:var(--text-secondary);background:rgba(var(--ink-rgb),.62);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html[lang="en"] .topbar{font-size:14px}
.topbar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-info{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px);min-width:0}
.topbar-info li{display:flex;align-items:center}
.topbar-info a,.topbar-info span.ti{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap;transition:color .3s}
.topbar-info a:hover{color:var(--accent-bright)}
.topbar svg{width:14px;height:14px;flex:none;color:var(--accent-bright)}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding-inline:12px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;font:400 12px/1 var(--f-mono);letter-spacing:.08em;color:var(--text-primary);transition:box-shadow .3s,color .3s,background-color .3s}
html[lang="en"] .lang-btn{font:500 14px/1 Shabnam,sans-serif;letter-spacing:0}
.lang-btn:hover{box-shadow:inset 0 0 0 1px var(--accent-bright);color:var(--accent-bright)}
.lang-btn svg{width:13px;height:13px}
.bar-btns{display:inline-flex;align-items:center;gap:8px}
.theme-btn{padding-inline:11px}
.theme-btn span{display:inline-flex;align-items:center}
.theme-btn svg{width:16px;height:16px}
.theme-btn .i-moon{display:none}
:root[data-theme="light"] .theme-btn .i-sun{display:none}
:root[data-theme="light"] .theme-btn .i-moon{display:inline-flex}
.mainbar{position:relative;height:var(--mainbar-h);transition:background-color .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.mainbar::before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(var(--ink-rgb),.7),rgba(var(--ink-rgb),0));transition:opacity .5s var(--ease-out)}
.site-header.solid .mainbar{background:rgba(var(--canvas-rgb),.9);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.site-header.solid .mainbar::before{opacity:0}
.mainbar-in{height:100%;display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;margin-inline-end:auto}
.mark{width:50px;height:25px;color:var(--text-primary);flex:none}
.brand-name{font-family:var(--f-display);font-weight:700;font-size:19px;line-height:1;white-space:nowrap}
html[lang="en"] .brand-name{font-stretch:125%;font-size:14.5px;letter-spacing:.01em}
.menu{display:flex;align-items:center;gap:clamp(14px,1.7vw,28px)}
.menu a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:color .3s}
.menu a::after{content:"";position:absolute;inset-inline:0;bottom:8px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:var(--origin-start);transition:transform .45s var(--ease-out)}
.menu a:hover,.menu a[aria-current="page"]{color:var(--text-primary)}
.menu a:hover::after,.menu a[aria-current="page"]::after{transform:scaleX(1)}
.login-btn{min-height:42px;padding-inline:1.25em;font-size:15px}
.menu-toggle{display:none;position:relative;width:46px;height:46px;border:0;border-radius:14px;background:rgba(var(--canvas-rgb),.5);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer}
.menu-toggle span{position:absolute;inset-inline:13px;height:2px;border-radius:2px;background:var(--text-primary);transition:transform .45s var(--ease-out),opacity .3s}
.menu-toggle span:nth-child(1){top:16px}.menu-toggle span:nth-child(2){top:22px}.menu-toggle span:nth-child(3){top:28px}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:79;display:grid;align-content:start;gap:6px;padding:calc(var(--header-h) + 20px) var(--gut) 40px;background:rgba(var(--canvas-rgb),.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out),visibility 0s linear .55s;overflow-y:auto}
.menu-open .drawer{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease-out),transform .55s var(--ease-out),visibility 0s}
.drawer a.dl{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding-inline:4px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-weight:700;font-size:22px;text-decoration:none;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out),color .3s}
html[lang="en"] .drawer a.dl{font-stretch:125%;font-size:17px}
.menu-open .drawer a.dl{opacity:1;transform:none;transition-delay:calc(var(--i,0)*45ms + 80ms)}
.drawer a.dl svg{width:18px;height:18px;flex:none;color:var(--text-dim);transition:transform .4s var(--ease-out),color .3s}
html[dir="rtl"] .drawer a.dl svg{transform:scaleX(-1)}
.drawer a.dl:hover svg{color:var(--accent-bright);transform:translateX(4px)}
html[dir="rtl"] .drawer a.dl:hover svg{transform:scaleX(-1) translateX(4px)}
.drawer a.dl[aria-current="page"],.drawer a.dl:hover{color:var(--accent-bright)}
.drawer-contact{display:grid;gap:10px;margin-block-start:26px;font-size:15px;color:var(--text-secondary)}
.drawer-contact a{color:inherit;text-decoration:none}
.drawer .btn{margin-block-start:18px;justify-self:start}
@media (max-width:1180px){
  .menu,.mainbar .login-btn{display:none}
  .menu-toggle{display:block}
}
@media (max-width:760px){
  :root{--topbar-h:0px}
  .topbar{display:none}
  .brand-name{font-size:17px}
}

/* ---------- back to top ---------- */
.to-top{position:fixed;z-index:70;bottom:clamp(18px,3vw,34px);inset-inline-end:clamp(18px,3vw,34px);display:grid;place-items:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--text-primary);background:rgba(var(--panel-rgb),.86);box-shadow:inset 0 0 0 1px var(--line-strong),0 18px 40px -18px rgba(var(--shadow-rgb),calc(.9*var(--shadow-k)));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(16px) scale(.92);transition:opacity .45s var(--ease-out),transform .6s var(--ease-spring),visibility 0s linear .6s,background-color .3s,color .3s,box-shadow .3s}
.to-top.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease-out),transform .6s var(--ease-spring),visibility 0s,background-color .3s,color .3s,box-shadow .3s}
.to-top:hover{color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent),0 22px 44px -18px rgba(var(--accent-rgb),.6)}
.to-top.on:hover{transform:translateY(-3px)}
.to-top.on:active{transform:scale(.94);transition-duration:.12s}
.to-top .up{width:21px;height:21px;position:relative;transition:transform .45s var(--ease-out)}
.to-top:hover .up{transform:translateY(-2px)}
.to-top-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
html[dir="rtl"] .to-top-ring{transform:rotate(-90deg) scaleY(-1)}
.to-top-ring .bar{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0)*100);transition:stroke-dashoffset .2s linear}
@media (max-width:560px){.to-top{width:48px;height:48px}.to-top .up{width:19px;height:19px}}

/* ---------- page hero (inner pages) ---------- */
.page-hero{position:relative;display:grid;align-content:end;min-height:clamp(380px,56vh,560px);padding-block:calc(var(--header-h) + 40px) clamp(40px,6vw,72px);overflow:hidden;isolation:isolate}
.page-hero-bg{position:absolute;inset:-8% 0;z-index:-2;background:var(--canvas) 50% 50%/cover no-repeat;will-change:transform;transform:translate3d(0,var(--py,0px),0)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(var(--canvas-rgb),.62) 0%,rgba(var(--canvas-rgb),.35) 38%,rgba(var(--canvas-rgb),.78) 76%,var(--canvas) 100%)}
.page-hero--plain{min-height:clamp(320px,44vh,440px)}
.page-hero--plain::after{background:linear-gradient(to bottom,rgba(var(--canvas-rgb),0) 40%,var(--canvas) 100%)}
.page-hero--short{min-height:clamp(300px,40vh,420px)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:18px;font-size:14px;color:var(--on-dark-2);text-shadow:0 1px 8px rgba(6,8,7,.7)}
.crumbs a{color:inherit;text-decoration:none;transition:color .3s}
.crumbs a:hover{color:var(--teal-on-dark)}
.crumbs svg{width:12px;height:12px;opacity:.6}
html[dir="rtl"] .crumbs svg{transform:scaleX(-1)}
.page-hero h1{font-size:clamp(34px,5vw,68px);max-width:14em;color:var(--on-dark);text-shadow:var(--tshadow)}
html[lang="en"] .page-hero h1{font-size:clamp(30px,4.3vw,58px);line-height:1.04;max-width:18ch}
.page-hero .lede{color:var(--on-dark-2);text-shadow:0 1px 10px rgba(6,8,7,.8)}

/* ---------- reveal choreography ---------- */
.js [data-reveal] .rv{opacity:0;transform:var(--from,translateY(26px));transition:opacity .95s var(--ease-out),transform 1.05s var(--ease-out);transition-delay:calc(var(--i,0)*90ms)}
.js [data-reveal].in .rv{opacity:1;transform:none}
.js [data-reveal].done .rv{transition-delay:0s!important}
.kicker.rv{--from:translateX(calc(var(--dirx)*-16px))}

/* decorations with parallax */
.deco{position:absolute;z-index:-1;pointer-events:none;user-select:none;will-change:transform;transform:translate3d(0,var(--py,0px),0)}
.deco-word{font-family:var(--f-display);font-weight:700;line-height:.9;white-space:nowrap;color:transparent;-webkit-text-stroke:1.2px rgba(var(--accent-rgb),.2)}
html[lang="en"] .deco-word{font-stretch:125%}
.fold{display:block;width:100%;height:56px;color:var(--accent-muted);transform:scaleX(0);transition:transform 2.2s var(--ease-out)}
.fold path{fill:none;stroke:currentColor;stroke-width:1.4}
.fold.in{transform:scaleX(1)}
html:not(.js) .fold{transform:none}

/* ---------- tilt cards (shared hover system) ---------- */
.tilt{--rx:0deg;--ry:0deg;--lift:0px;position:relative;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));transition:transform .6s var(--ease-out)}
.tilt.tilting{transition:transform .12s linear}
.tilt:hover{--lift:-6px}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(var(--bright-rgb),.55),0 34px 70px -28px rgba(var(--shadow-rgb),calc(.85*var(--shadow-k))),0 0 46px -14px rgba(var(--accent-rgb),.5);opacity:0;transition:opacity .5s var(--ease-out)}
.tilt:hover::after,.tilt:focus-within::after{opacity:1}

/* ---------- car cards ---------- */
.cars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:1040px){.cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cars-grid{grid-template-columns:1fr}}
.car-card{border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:inset 0 0 0 1px var(--line)}
.car-card>a{display:grid;height:100%;color:inherit;text-decoration:none;border-radius:inherit;overflow:hidden}
.car-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--panel-2)}
.car-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease-out)}
.car-card:hover .car-img img{transform:scale(1.08)}
.car-img::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(to top,rgba(var(--canvas-rgb),.7),transparent)}
.badges{position:absolute;top:14px;inset-inline-start:14px;z-index:1;display:flex;flex-wrap:wrap;gap:6px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.8;color:#fff;background:rgba(var(--accent-deep-rgb),.94);box-shadow:0 6px 18px -8px rgba(var(--accent-rgb),.8)}
.badge.soft{background:rgba(10,14,13,.72);color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(var(--line-rgb),.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.badge .dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:dotPulse 2.6s var(--ease-io) infinite;animation-delay:-.8s}
@keyframes dotPulse{0%,100%{opacity:.35}50%{opacity:1}}
html[lang="en"] .badge{font-size:12px}
.car-body{display:grid;gap:6px;padding:18px 22px 20px}
.car-make{font:400 11.5px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright)}
html[lang="fa"] .car-make{font:500 13.5px/1.4 var(--f-body);letter-spacing:0}
.car-title{font-size:clamp(19px,1.6vw,23px)}
.car-specs{display:flex;flex-wrap:wrap;gap:6px 14px;margin-block-start:6px;font-size:14px;color:var(--text-secondary)}
.car-specs li{display:inline-flex;align-items:center;gap:6px}
.car-specs svg{width:14px;height:14px;color:var(--accent-bright);opacity:.9}
.car-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:12px;padding-block-start:14px;border-top:1px dashed var(--line-strong)}
.car-price{display:grid;gap:1px;font-size:14.5px;color:var(--text-secondary)}
.car-price small{font-size:12.5px;color:var(--text-dim)}
.car-price b{color:var(--text-primary);font-weight:700;font-size:16.5px;line-height:1.4}
html[lang="en"] .car-price b{font-size:15.5px}
.car-go{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--accent-bright)}
.car-go svg{width:16px;height:16px;transition:transform .45s var(--ease-out)}
html[dir="rtl"] .car-go svg{transform:scaleX(-1)}
.car-card:hover .car-go svg{transform:translateX(5px)}
html[dir="rtl"] .car-card:hover .car-go svg{transform:scaleX(-1) translateX(5px)}

/* horizontal rail */
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,calc((100% - 72px)/3.4),420px);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:10px 26px;margin-block:-10px -26px;scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.rail-nav{display:flex;gap:10px}
.rail-btn{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(var(--canvas-rgb),.6);box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer;color:var(--text-primary);transition:box-shadow .3s,color .3s,transform .45s var(--ease-spring)}
.rail-btn:hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-bright);transform:translateY(-2px)}
.rail-btn:active{transform:scale(.94)}
.rail-btn svg{width:18px;height:18px}
html[dir="rtl"] .rail-btn svg{transform:scaleX(-1)}
@media (max-width:640px){.rail{grid-auto-columns:82%}}

/* cards fill their grid cell so rows line up */
.legal-table>.rv>.legal-card,.cars-grid>.rv>.car-card,.rail>.rv>.car-card,.tiles>.rv>.tile,.steps-line>.rv>.step-card,.tickets>li>.ticket,.posts>.rv>.post-card,.posts-grid>.rv>.post-card,.branch-grid>.rv>.branch-card{height:100%}

/* Latin model names inside Persian text keep Latin letterforms and digits */
html[lang="fa"] .lat{font-family:Barlow,system-ui,sans-serif;font-weight:500}
html[lang="fa"] .car-title .lat,html[lang="fa"] h1 .lat,html[lang="fa"] h3 .lat{font-family:Archivo,system-ui,sans-serif;font-weight:700;font-stretch:125%;font-size:.86em;letter-spacing:.01em}

/* ---------- feature tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tile{padding:28px 28px 30px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(var(--panel2-rgb),.9),rgba(var(--panel-rgb),.9));box-shadow:inset 0 0 0 1px var(--line)}
.tile-icon{display:grid;place-items:center;width:54px;height:54px;margin-block-end:20px;border-radius:16px;color:var(--accent-bright);background:rgba(var(--accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35);transition:transform .6s var(--ease-spring),background-color .4s}
.tile:hover .tile-icon{transform:rotate(calc(var(--dirx)*-8deg)) scale(1.06);background:rgba(var(--accent-rgb),.22)}
.tile-icon svg{width:26px;height:26px}
.tile-icon svg *{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tile h3{margin-block-end:10px}
.tile p{color:var(--text-secondary);font-size:16px}
@media (max-width:640px){.tiles{grid-template-columns:1fr}}

/* ---------- tickets (steps) ---------- */
.tickets{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ticket{position:relative;padding:22px 24px 24px;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.ticket::before{content:"";position:absolute;inset-block:16px;inset-inline-start:-1px;width:2px;background:radial-gradient(circle,var(--line-strong) 1px,transparent 1.6px) 0 0/2px 9px repeat-y}
.t-num{font:400 12.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--accent-bright)}
html[lang="fa"] .t-num{font:700 17px/1 var(--f-body)}
.ticket h3{margin-block:12px 6px;font-size:clamp(18px,1.5vw,21px)}
.ticket p{color:var(--text-secondary);font-size:15.5px;line-height:1.85}
html[lang="en"] .ticket p{line-height:1.5}
@media (max-width:1000px){.tickets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tickets{grid-template-columns:1fr}}

/* ---------- steps timeline ---------- */
.steps-line{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block-start:44px}
.steps-line::before{content:"";position:absolute;top:21px;inset-inline:4%;height:2px;background:var(--line)}
.steps-line .progress{position:absolute;top:21px;inset-inline-start:4%;width:92%;height:2px;background:linear-gradient(to right,var(--accent),var(--accent-bright));transform:scaleX(var(--draw,0));transform-origin:var(--origin-start)}
.step-card{position:relative;padding:30px 24px 26px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(var(--panel2-rgb),.85),rgba(var(--panel-rgb),.85));box-shadow:inset 0 0 0 1px var(--line)}
.step-node{position:absolute;top:-44px;inset-inline-start:24px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--canvas);box-shadow:inset 0 0 0 2px var(--line-strong);font:700 18px/1 var(--f-body);color:var(--text-secondary);transition:box-shadow .5s,color .5s,background-color .5s}
html[lang="en"] .step-node{font:400 14px/1 var(--f-mono)}
.step-card.lit .step-node{box-shadow:inset 0 0 0 2px var(--accent),0 0 24px -4px rgba(var(--accent-rgb),.8);color:#fff;background:var(--accent-deep)}
.step-card h3{margin-block-end:8px}
.step-card p{color:var(--text-secondary);font-size:15.5px}
@media (max-width:900px){
  .steps-line{grid-template-columns:1fr;padding-block-start:0;padding-inline-start:64px;gap:18px}
  .steps-line::before,.steps-line .progress{top:0;bottom:0;width:2px;height:auto;inset-inline-start:21px;inset-inline-end:auto}
  .steps-line .progress{transform:scaleY(var(--draw,0));transform-origin:top}
  .step-node{top:26px;inset-inline-start:-64px}
}

/* ---------- brands marquee ---------- */
.marquee{position:relative;display:grid;justify-items:start;gap:14px;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee var(--dur,48s) linear infinite;direction:ltr}
.mq-group{display:flex;justify-content:space-around;gap:14px;min-width:100vw;padding-inline-end:14px}
.marquee-track.rev{animation-direction:reverse;animation-duration:calc(var(--dur,48s)*1.15)}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brand-chip{display:grid;justify-items:center;gap:4px;min-width:190px;padding:18px 26px;border-radius:18px;background:rgba(var(--panel-rgb),.75);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--text-primary);transition:box-shadow .4s,transform .5s var(--ease-spring),background-color .4s}
.brand-chip:hover{box-shadow:inset 0 0 0 1px var(--accent);background:rgba(var(--accent-rgb),.12);transform:translateY(-3px)}
.brand-chip .wm{font-family:Archivo,sans-serif;font-stretch:125%;font-weight:700;font-size:17px;letter-spacing:.06em;line-height:1.2;white-space:nowrap}
.brand-chip .fa{font-family:Shabnam,sans-serif;font-size:13.5px;color:var(--text-dim);line-height:1.4}

/* ---------- stats ---------- */
.stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:28px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--panel-rgb),.9) 45%);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3);overflow:hidden}
.stat{position:relative;padding:clamp(28px,3.4vw,44px) clamp(20px,2.6vw,36px)}
.stat+.stat::before{content:"";position:absolute;inset-block:26%;inset-inline-start:0;width:1px;background:var(--line)}
.stat-num{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(56px,7vw,104px);line-height:1;color:var(--text-primary)}
html[lang="en"] .stat-num{font-stretch:125%}
.stat-num .unit{color:var(--accent-bright)}
.stat-label{display:block;margin-block-start:14px;font-weight:700;font-size:17px}
.stat-sub{display:block;margin-block-start:4px;font-size:14.5px;color:var(--text-secondary)}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3)::before{display:none}}
@media (max-width:480px){.stats{grid-template-columns:1fr}.stat+.stat::before{inset-block:auto 0;inset-inline:24px;top:0;width:auto;height:1px}}

/* ---------- posts ---------- */
.posts{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:24px}
.posts>.rv:first-child{grid-row:span 2}
.post-card{border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.post-card>a{display:grid;grid-template-rows:auto 1fr;height:100%;color:inherit;text-decoration:none;border-radius:inherit;overflow:hidden}
.post-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--panel-2)}
.posts>.rv:first-child .post-card>a{grid-template-rows:minmax(320px,1fr) auto}
.posts>.rv:first-child .post-img{aspect-ratio:auto}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease-out)}
.post-card:hover .post-img img{transform:scale(1.06)}
.post-body{display:grid;align-content:start;gap:10px;padding:20px 24px 24px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;color:var(--text-dim)}
.post-meta .cat{color:var(--accent-bright);font-weight:700}
.post-card h3{font-size:clamp(18px,1.55vw,22px)}
.posts>.rv:first-child h3{font-size:clamp(21px,2vw,28px)}
.post-card p{color:var(--text-secondary);font-size:15.5px}
@media (min-width:861px){.posts>.rv:not(:first-child) .post-card>a{grid-template-columns:.9fr 1.1fr;grid-template-rows:none}.posts>.rv:not(:first-child) .post-img{aspect-ratio:auto;height:100%}.posts>.rv:not(:first-child) .post-body p:not(.post-meta){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media (max-width:860px){.posts{grid-template-columns:1fr}.posts>.rv:first-child{grid-row:auto}.posts>.rv:first-child .post-card>a{grid-template-rows:auto 1fr}.posts>.rv:first-child .post-img{aspect-ratio:16/10}}
.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:760px){.posts-grid{grid-template-columns:1fr}}

/* ---------- blog ---------- */
.hero-search{position:relative;display:flex;align-items:center;max-width:440px;margin-block-start:26px}
.hero-search .search-ico{position:absolute;top:50%;inset-inline-start:18px;transform:translateY(-50%);display:grid;place-items:center;color:var(--teal-on-dark);pointer-events:none}
.hero-search svg{width:18px;height:18px}
.hero-search input{width:100%;min-height:54px;padding-block:12px;padding-inline:48px 18px;border:0;border-radius:999px;background:rgba(10,14,13,.6);color:#eef3f1;box-shadow:inset 0 0 0 1px rgba(238,243,241,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s var(--ease-out),background-color .3s}
.hero-search input::placeholder{color:rgba(238,243,241,.6)}
.hero-search input:focus{outline:none;background:rgba(10,14,13,.78);box-shadow:inset 0 0 0 1.5px var(--teal-on-dark),0 0 0 4px rgba(12,148,136,.25)}
.hero-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;cursor:pointer;opacity:.7}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:1040px){.blog-layout{grid-template-columns:1fr}}
.blog-aside{position:sticky;top:calc(var(--mainbar-h) + 28px);display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (max-width:1040px){.blog-aside{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
.blog-toolbar{margin-block:28px 18px}
.feature-post{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:inset 0 0 0 1px var(--line)}
.feature-post>a{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);color:inherit;text-decoration:none}
.feature-img{position:relative;overflow:hidden;background:var(--panel-2)}
.feature-img img{width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.feature-post:hover .feature-img img{transform:scale(1.05)}
.feature-flag{position:absolute;top:16px;inset-inline-start:16px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.8;color:#fff;background:rgba(var(--accent-deep-rgb),.94);box-shadow:0 8px 22px -10px rgba(var(--accent-rgb),.9)}
.feature-body{display:grid;align-content:center;gap:12px;padding:clamp(24px,3vw,40px)}
.feature-body h2{font-size:clamp(23px,2.3vw,34px);max-width:none}
html[lang="en"] .feature-body h2{font-size:clamp(20px,2vw,30px)}
.feature-excerpt{color:var(--text-secondary);font-size:16px}
.feature-body .car-go{margin-block-start:6px}
@media (max-width:860px){.feature-post>a{grid-template-columns:1fr}.feature-img img{min-height:0;aspect-ratio:16/10}}
.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:28px}
.tag-row-label{display:inline-flex;align-items:center;gap:8px;margin-inline-end:6px;font-size:14px;color:var(--text-dim)}
.tag-row-label svg{width:15px;height:15px;color:var(--accent-bright)}
.tag-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border:0;border-radius:10px;background:rgba(var(--panel-rgb),.7);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-secondary);font:inherit;font-size:14px;text-decoration:none;cursor:pointer;transition:color .3s,box-shadow .3s,background-color .3s,transform .4s var(--ease-spring)}
.tag-chip:hover{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-1px)}
.tag-chip[aria-pressed="true"],.tag-chip[aria-current="true"]{background:rgba(var(--accent-rgb),.16);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent)}
.tag-n{font-size:12.5px;color:var(--text-dim)}
.tag-chip[aria-pressed="true"] .tag-n{color:var(--accent-bright)}
.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:10px}
.card-tag{padding:2px 10px;border-radius:8px;font-size:12.5px;line-height:1.8;color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--line)}
.side-list,.side-latest{display:grid;gap:2px}
.side-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding-inline:12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:15px;transition:background-color .3s,color .3s}
.side-list a:hover{background:rgba(var(--accent-rgb),.12);color:var(--text-primary)}
.side-latest a{display:grid;gap:2px;padding:10px 12px;border-radius:12px;color:inherit;text-decoration:none;transition:background-color .3s}
.side-latest a:hover{background:rgba(var(--accent-rgb),.1)}
.side-latest b{font-size:14.5px;font-weight:500;line-height:1.6;color:var(--text-primary)}
.side-latest small{font-size:12.5px;color:var(--text-dim)}
.read-bar{position:sticky;top:calc(var(--mainbar-h) + 10px);z-index:6;height:3px;margin-block-end:-3px;border-radius:2px;background:linear-gradient(to right,var(--accent),var(--accent-bright));transform:scaleX(var(--p,0));transform-origin:var(--origin-start);transition:transform .15s linear}
.post-foot{display:grid;gap:18px;margin-block-start:44px;padding-block-start:26px;border-top:1px solid var(--line)}
.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.post-tags>svg{width:16px;height:16px;color:var(--accent-bright)}
.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.share-label{margin-inline-end:4px;font-size:14.5px;color:var(--text-dim)}
.share-btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;cursor:pointer;color:var(--text-primary);background:rgba(var(--panel-rgb),.8);box-shadow:inset 0 0 0 1px var(--line-strong);transition:transform .5s var(--ease-spring),color .3s,background-color .3s,box-shadow .3s}
.share-btn:hover{transform:translateY(-3px);color:#fff;background:var(--accent-deep);box-shadow:0 12px 26px -12px rgba(var(--accent-rgb),.9)}
.share-btn svg{width:19px;height:19px}
.copied{font-size:14px;color:var(--accent-bright)}
.copied:empty{display:none}
.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:26px}
.post-nav:empty{display:none}
.nav-post{display:grid;gap:6px;padding:18px 20px;border-radius:var(--radius);background:rgba(var(--panel-rgb),.7);box-shadow:inset 0 0 0 1px var(--line);color:inherit;text-decoration:none;transition:box-shadow .35s,transform .5s var(--ease-out),background-color .35s}
.nav-post:hover{box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-3px)}
.nav-post.next{text-align:end}
.nav-post small{font-size:13px;color:var(--accent-bright)}
.nav-post b{font-family:var(--f-display);font-weight:700;font-size:16px;line-height:1.5}
@media (max-width:640px){.post-nav{grid-template-columns:1fr}.nav-post.next{text-align:start}}

/* ---------- listing toolbar and filters ---------- */
.listing-bar{position:sticky;top:calc(var(--mainbar-h) + 12px);z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-block-end:14px;padding:12px 14px;border-radius:18px;background:rgba(var(--panel-rgb),.92);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -24px rgba(var(--shadow-rgb),calc(.8*var(--shadow-k)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@media (max-width:860px){.listing-bar{position:static}}
.list-search{position:relative;display:flex;align-items:center;flex:1 1 240px;min-width:190px}
.list-search .search-ico{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);display:grid;place-items:center;color:var(--accent-bright);pointer-events:none}
.list-search svg{width:17px;height:17px}
.list-search input{width:100%;min-height:44px;padding-block:8px;padding-inline:42px 14px;border:0;border-radius:12px;background:var(--field-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow .3s var(--ease-out)}
.list-search input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent-bright),0 0 0 4px rgba(var(--accent-rgb),.2)}
.filter-toggle,.saved-chip{display:inline-flex;align-items:center;gap:8px}
.filter-toggle svg,.saved-chip svg{width:16px;height:16px}
.saved-chip .heart{fill:none}
.saved-chip[aria-pressed="true"] .heart{fill:currentColor}
.filter-n[hidden],.saved-n[hidden]{display:none}
.filter-n,.saved-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding-inline:5px;border-radius:999px;background:var(--accent-deep);color:#fff;font-size:12px;font-weight:700;line-height:1}
.chip-btn[aria-pressed="true"] .filter-n,.chip-btn[aria-pressed="true"] .saved-n{background:rgba(255,255,255,.22)}
.chip-btn[aria-pressed="true"] .tag-n{color:#fff}
.view-toggle{display:inline-flex;gap:3px;padding:3px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line-strong)}
.view-toggle button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--text-dim);cursor:pointer;transition:background-color .3s,color .3s}
.view-toggle button:hover{color:var(--text-primary)}
.view-toggle button[aria-pressed="true"]{background:rgba(var(--accent-rgb),.18);color:var(--accent-bright)}
.view-toggle svg{width:17px;height:17px}
.sort-group{margin-inline-start:auto}
.sort-group .select{min-height:44px}
.filter-panel{display:none;flex-wrap:wrap;gap:14px 26px;margin-block-end:16px;padding:16px 18px;border-radius:18px;background:rgba(var(--panel-rgb),.65);box-shadow:inset 0 0 0 1px var(--line)}
.filter-panel.open{display:flex}
.filter-panel .select{min-height:42px}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:22px}
.active-label{font-size:14px;color:var(--text-dim);margin-inline-end:4px}
.active-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:0;border-radius:10px;background:rgba(var(--accent-rgb),.16);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent);font:inherit;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s}
.active-chip svg{width:13px;height:13px}
.active-chip:hover{background:rgba(var(--accent-rgb),.28)}
.active-clear{min-height:34px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--text-dim);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color .3s}
.active-clear:hover{color:var(--accent-bright)}

/* list view */
.cars-list{display:grid;gap:16px}
.car-card.is-list>a{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.car-card.is-list .car-img{aspect-ratio:4/3;height:100%}
.car-card.is-list .car-body{align-content:center;padding:22px 26px}
.car-card.is-list .save-btn{inset-inline:12px auto}
@media (max-width:640px){.car-card.is-list>a{grid-template-columns:1fr}.car-card.is-list .car-img{aspect-ratio:4/3}.car-card.is-list .save-btn{inset-inline:auto 12px}}
.save-btn{position:absolute;top:12px;inset-inline-end:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#eef3f1;background:rgba(10,14,13,.6);box-shadow:inset 0 0 0 1px rgba(238,243,241,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .5s var(--ease-spring),background-color .3s,color .3s,box-shadow .3s}
.save-btn svg{width:19px;height:19px}
.save-btn .heart{fill:none}
.save-btn:hover{transform:scale(1.08);color:#fff;background:rgba(var(--accent-deep-rgb),.9)}
.save-btn.on{color:#fff;background:rgba(var(--accent-deep-rgb),.95);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.save-btn.on .heart{fill:currentColor}
/* phones: every car is a compact ad row, photo beside the name and the price, so a screen holds five or six of them */
@media (max-width:640px){
  .cars-grid,.cars-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .car-card>a,.car-card.is-list>a{grid-template-columns:minmax(0,41%) minmax(0,1fr);grid-template-rows:none;align-items:stretch}
  .car-card .car-img,.car-card.is-list .car-img{aspect-ratio:auto;height:100%;min-height:128px}
  .car-img::after{display:none}
  .car-card .badges{top:8px;inset-inline-start:8px;gap:4px}
  .car-card .badge{padding:0 8px;font-size:11px;line-height:1.9}
  .car-card .badge.soft{display:none}
  .car-card .car-body,.car-card.is-list .car-body{align-content:center;gap:2px;padding:12px 14px}
  html[lang="fa"] .car-card .car-make{font-size:12.5px}
  .car-card .car-title{font-size:17px;line-height:1.35}
  html[lang="en"] .car-card .car-title{font-size:15px}
  .car-card .car-specs{margin-block-start:2px;gap:2px 10px;font-size:12.5px}
  .car-card .car-specs li:nth-child(n+3){display:none}
  .car-card .car-specs svg{width:12px;height:12px}
  .car-card .car-foot{margin-block-start:6px;padding-block-start:8px}
  .car-card .car-go{display:none}
  .car-card .car-price small{display:none}
  .car-card .car-price b{font-size:16px;color:var(--accent-bright)}
  html[lang="en"] .car-card .car-price b{font-size:14.5px}
  .car-card .save-btn,.car-card.is-list .save-btn{top:auto;bottom:8px;inset-inline:8px auto;width:34px;height:34px}
  .car-card .save-btn svg{width:16px;height:16px}
  .listing-bar .view-toggle{display:none}
}
.detail-actions .save-btn{position:static;width:58px;height:58px;background:var(--ghost-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1.5px var(--accent)}
.detail-actions .save-btn.on{color:#fff;background:var(--accent-deep)}

/* car page */
.key-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.key-figures li{display:grid;justify-items:center;gap:4px;padding:16px 10px;border-radius:16px;text-align:center;background:rgba(var(--panel-rgb),.7);box-shadow:inset 0 0 0 1px var(--line)}
.kf-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--accent-bright);background:rgba(var(--accent-rgb),.12)}
.kf-icon svg{width:17px;height:17px}
.key-figures b{font-size:15px;line-height:1.5}
.key-figures small{font-size:12.5px;color:var(--text-dim)}
@media (max-width:520px){.key-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}
.big-price{margin-block:20px 4px;font-size:18px}
.big-price b{font-family:var(--f-display);font-size:clamp(24px,2.6vw,32px);color:var(--accent-bright)}
html[lang="en"] .big-price b{font-stretch:125%;font-size:clamp(20px,2.2vw,27px)}
.detail-blocks{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,60px);margin-block-start:clamp(40px,5vw,66px)}
.detail-blocks h2{font-size:clamp(21px,2vw,28px);margin-block-end:18px;max-width:none}
@media (max-width:900px){.detail-blocks{grid-template-columns:1fr}}
.spec-block .spec-table{margin-block:0}
.where-block{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;margin-block-start:clamp(40px,5vw,66px)}
.where-block h2{font-size:clamp(21px,2vw,28px);max-width:none}
@media (max-width:900px){.where-block{grid-template-columns:1fr}}
.branch-mini{display:grid;gap:16px;padding:24px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:inset 0 0 0 1px var(--line)}
.zoom-btn{position:absolute;bottom:14px;inset-inline-end:14px;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:12px;cursor:pointer;color:#eef3f1;background:rgba(10,14,13,.62);box-shadow:inset 0 0 0 1px rgba(238,243,241,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .5s var(--ease-spring),background-color .3s}
.zoom-btn svg{width:18px;height:18px}
.zoom-btn:hover{transform:scale(1.07);background:rgba(var(--accent-deep-rgb),.9)}
.lightbox{max-width:min(1100px,94vw);max-height:92vh;padding:0;border:0;border-radius:24px;background:transparent;overflow:visible}
.lightbox::backdrop{background:rgba(6,10,9,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox img{width:100%;height:auto;max-height:92vh;object-fit:contain;border-radius:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.lb-close{position:absolute;top:-6px;inset-inline-end:-6px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;color:#0f1513;background:#eef3f1;box-shadow:0 10px 24px -10px rgba(0,0,0,.8)}
.lb-close svg{width:19px;height:19px}

/* ---------- chips and filters ---------- */
.filters{position:sticky;top:calc(var(--mainbar-h) + 12px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-block-end:32px;padding:14px 18px;border-radius:18px;background:rgba(var(--panel-rgb),.92);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -24px rgba(var(--shadow-rgb),calc(.8*var(--shadow-k)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@media (max-width:860px){.filters{position:static}}
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.filter-label{font-size:14px;color:var(--text-dim);margin-inline-end:4px}
.chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-secondary);font-weight:500;font-size:14.5px;cursor:pointer;transition:background-color .35s var(--ease-out),color .35s,box-shadow .35s,transform .4s var(--ease-spring)}
.chip-btn:hover{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-1px)}
.chip-btn[aria-pressed="true"]{background:var(--accent-deep);color:#fff;box-shadow:none}
.select{min-width:0;max-width:100%;min-height:42px;padding:0 40px 0 16px;border:0;border-radius:12px;background:var(--field-bg);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-primary);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23a9b5b1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 14px center}
html[dir="rtl"] .select{padding:0 16px 0 40px;background-position:left 14px center}
.select option{background:var(--panel)}
.results-count{margin-inline-start:auto;font-size:14px;color:var(--text-dim)}
.empty{display:none;padding:40px;text-align:center;color:var(--text-secondary);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line)}
.empty.show{display:block}

/* ---------- accordion ---------- */
.qa{border-bottom:1px solid var(--line)}
.qa:first-child{border-top:1px solid var(--line)}
.qa summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding-block:18px;cursor:pointer;list-style:none;font-weight:500;font-size:clamp(17px,1.35vw,19px);line-height:1.65;transition:color .3s}
html[lang="en"] .qa summary{line-height:1.4}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--accent-bright)}
.qa-icon{position:relative;flex:none;width:32px;height:32px;border-radius:50%;color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .35s var(--ease-out),box-shadow .35s,color .35s,transform .5s var(--ease-spring)}
.qa-icon::before,.qa-icon::after{content:"";position:absolute;top:50%;inset-inline:10px;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .45s var(--ease-out)}
.qa-icon::after{transform:rotate(90deg)}
.qa summary:hover .qa-icon{transform:rotate(90deg)}
.qa[open] .qa-icon{background:var(--accent);color:#fff;box-shadow:none}
.qa[open] .qa-icon::after{transform:rotate(0)}
.qa::details-content{block-size:0;overflow:clip;transition:block-size .5s var(--ease-out),content-visibility .5s allow-discrete}
.qa[open]::details-content{block-size:auto}
.qa .a{padding-block-end:24px;opacity:1;transform:none;transition:opacity .5s var(--ease-out) .06s,transform .5s var(--ease-out) .06s}
@starting-style{.qa[open] .a{opacity:0;transform:translateY(-6px)}}
.qa .a p{color:var(--text-secondary);max-width:var(--m-p)}
.qa .a p+p{margin-block-start:10px}

/* ---------- login and signup ---------- */
.auth{padding-block:calc(var(--header-h) + clamp(30px,5vw,64px)) clamp(50px,7vw,100px)}
.auth-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(24px,4vw,56px);align-items:stretch}
@media (max-width:980px){.auth-grid{grid-template-columns:1fr}}
.auth-card{padding:clamp(26px,4vw,48px);border-radius:30px;background:rgba(var(--panel-rgb),.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line),0 40px 110px -50px rgba(var(--shadow-rgb),calc(.8*var(--shadow-k)))}
.auth-card h1{font-size:clamp(28px,3.2vw,42px);max-width:none}
.auth-sub{margin-block-start:12px;color:var(--text-secondary)}
.method-switch{display:inline-flex;gap:4px;margin-block:26px 22px;padding:4px;border-radius:14px;background:rgba(var(--canvas-rgb),.5);box-shadow:inset 0 0 0 1px var(--line)}
.method-switch button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;transition:background-color .35s var(--ease-out),color .35s}
.method-switch button:hover{color:var(--text-primary)}
.method-switch button[aria-pressed="true"]{background:rgba(var(--accent-rgb),.18);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent)}
.auth-form{display:grid;gap:18px}
.auth-form .field label{font-size:15px}
.auth-submit{width:100%;margin-block-start:4px}
.field-hint{font-size:13.5px;line-height:1.7;color:var(--text-dim)}
.auth-step{display:grid;gap:18px}
#auth-login[data-method="otp"] .pass-form,#auth-login[data-method="pass"] .otp-form{display:none}
#auth-login[data-step="mobile"] .step-code,#auth-login[data-step="code"] .step-mobile{display:none}
#auth-signup[data-step="form"] .step-code,#auth-signup[data-step="code"] .step-form{display:none}
.pass-field{position:relative;display:flex;align-items:center}
.pass-field input{padding-inline-end:52px}
.pass-eye{position:absolute;inset-inline-end:6px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:var(--text-dim);cursor:pointer;transition:color .3s,background-color .3s}
.pass-eye:hover{color:var(--accent-bright);background:rgba(var(--accent-rgb),.12)}
.pass-eye svg{width:19px;height:19px}
.pass-eye .i-eye-off,.pass-eye.on .i-eye{display:none}
.pass-eye.on .i-eye-off{display:block}
.pass-meter{display:flex;align-items:center;gap:10px}
.pass-bar{position:relative;flex:1;height:5px;border-radius:3px;background:rgba(var(--line-rgb),.22);overflow:hidden}
.pass-bar::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:100%;border-radius:3px;background:var(--danger);transform:scaleX(var(--s,0));transform-origin:var(--origin-start);transition:transform .4s var(--ease-out),background-color .4s}
.pass-meter[data-level="2"] .pass-bar::after{background:#e2b23c}
.pass-meter[data-level="3"] .pass-bar::after{background:var(--accent)}
.pass-label{min-width:4.5em;font-size:13px;color:var(--text-dim)}
.auth-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
.auth-row a{font-size:14.5px;color:var(--accent-bright);text-decoration:none;text-underline-offset:4px}
.auth-row a:hover{text-decoration:underline}
.check{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text-secondary);cursor:pointer}
.check input{position:absolute;opacity:0;width:0;height:0}
.check .box{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background-color .3s,box-shadow .3s}
.check .box::after{content:"";width:11px;height:6px;border:2px solid #fff;border-top:0;border-inline-end:0;transform:rotate(-45deg) scale(.4);opacity:0;transition:opacity .25s,transform .35s var(--ease-spring)}
.check input:checked+.box{background:var(--accent-deep);box-shadow:none}
.check input:checked+.box::after{opacity:1;transform:rotate(-45deg) scale(1)}
.check input:focus-visible+.box{outline:2px solid var(--accent-bright);outline-offset:3px}
.otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.otp input{width:100%;min-height:62px;padding:0;border:0;border-radius:14px;background:var(--field-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--line-strong);font-family:var(--f-display);font-weight:700;font-size:24px;text-align:center;transition:box-shadow .3s var(--ease-out),transform .35s var(--ease-spring)}
.otp input:focus{outline:none;transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--accent-bright),0 0 0 4px rgba(var(--accent-rgb),.2)}
@media (max-width:420px){.otp{gap:6px}.otp input{min-height:52px;font-size:20px}}
.otp-lead{font-size:15.5px;color:var(--text-secondary)}
.otp-lead b{color:var(--text-primary);font-weight:700}
.otp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.text-btn{min-height:40px;padding:0;border:0;background:none;color:var(--accent-bright);font:inherit;font-size:14.5px;cursor:pointer;text-decoration:underline;text-underline-offset:5px;transition:color .3s,opacity .3s}
.text-btn:disabled{color:var(--text-dim);text-decoration:none;cursor:default}
.otp-timer{font-size:13.5px;color:var(--text-dim)}
.form-status.is-note{color:var(--text-secondary);padding:12px 16px;border-radius:14px;background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}
.auth-alt{margin-block-start:24px;padding-block-start:20px;border-top:1px solid var(--line);font-size:15px;color:var(--text-secondary)}
.auth-alt a{color:var(--accent-bright);font-weight:700;text-decoration:none}
.auth-alt a:hover{text-decoration:underline;text-underline-offset:5px}
.auth-note{margin-block-start:12px}
.auth-panel{position:relative;display:grid;align-content:end;padding:clamp(26px,3.5vw,44px);border-radius:30px;overflow:hidden;isolation:isolate;min-height:420px;color:var(--on-dark)}
.auth-panel-bg{position:absolute;inset:0;z-index:-2;background:#0f1513 50% 50%/cover no-repeat}
.auth-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(8,12,11,.35) 0%,rgba(8,12,11,.6) 55%,rgba(8,12,11,.88) 100%)}
.auth-panel h2{font-size:clamp(22px,2.2vw,32px);max-width:14em;text-shadow:var(--tshadow)}
.auth-panel .kicker{color:var(--on-dark-2)}
.auth-panel .kicker .num{color:var(--teal-on-dark)}
.auth-panel .check-list li{color:var(--on-dark-2)}
.auth-panel .check-list svg{color:var(--teal-on-dark)}
.auth-panel .arrow-link{margin-block-start:24px;color:var(--on-dark)}
.auth-panel .arrow-link:hover{color:var(--teal-on-dark)}
@media (max-width:980px){.auth-panel{min-height:320px;order:-1}}

/* ---------- forms ---------- */
.form-card{position:relative;padding:clamp(24px,4vw,48px);border-radius:28px;background:rgba(var(--panel-rgb),.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line),0 40px 110px -40px rgba(var(--shadow-rgb),calc(.7*var(--shadow-k)))}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field{display:grid;gap:8px;align-content:start}
.field-full{grid-column:1/-1}
.field label{font-size:14.5px;font-weight:500;color:var(--text-secondary);line-height:1.4}
.field input,.field select,.field textarea{width:100%;min-height:54px;padding:12px 16px;border:0;border-radius:14px;background:var(--field-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow .3s var(--ease-out)}
.field textarea{min-height:130px;resize:vertical;line-height:1.8}
.field input::placeholder,.field textarea::placeholder{color:var(--text-dim);opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent-bright),0 0 0 4px rgba(var(--accent-rgb),.2)}
.field [aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--danger)}
.field select{-webkit-appearance:none;appearance:none;padding-inline-end:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23a9b5b1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 16px center}
html[dir="rtl"] .field select{background-position:left 16px center}
.field select option{background:var(--panel)}
.err{font-size:13.5px;line-height:1.5;color:var(--danger)}
.err:empty{display:none}
.form-status{margin-block-start:14px;font-size:15px;line-height:1.7;color:var(--accent-bright)}
.form-status:empty{display:none}
@media (max-width:620px){.fields{grid-template-columns:1fr}.field-full{grid-column:auto}}

/* ---------- mini plate ---------- */
.mini-plate{display:inline-grid;grid-template-columns:22px 1fr 36px;min-width:max-content;flex:none;align-items:stretch;height:34px;border-radius:6px;background:var(--plate);box-shadow:inset 0 0 0 2px var(--plate-ink);overflow:hidden;direction:ltr;color:var(--plate-ink);font-family:Shabnam,sans-serif;font-weight:700}
.mini-plate .strip{background:var(--plate-blue);margin:3px 0 3px 3px;border-radius:3px}
.mini-plate .mid{display:grid;place-items:center;padding-inline:10px;font-size:15px;letter-spacing:0}
.mini-plate .reg{display:grid;place-items:center;align-content:center;border-inline-start:2px solid var(--plate-ink);line-height:1}
.mini-plate .reg small{font-size:8.5px;font-weight:700}
.mini-plate .reg b{font-size:14px}

/* ---------- footer ---------- */
.site-footer{position:relative;margin-block-start:clamp(40px,6vw,80px)}
.cta-card{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) auto;align-items:center;gap:26px 48px;padding:clamp(28px,4.5vw,56px);border-radius:30px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.3),rgba(var(--panel-rgb),.95) 55%);box-shadow:inset 0 0 0 1px rgba(var(--bright-rgb),.35);overflow:hidden;isolation:isolate}
.cta-card::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/pattern.svg) 0 0/88px 88px repeat;opacity:.12;-webkit-mask-image:linear-gradient(to left,#000,transparent 70%);mask-image:linear-gradient(to left,#000,transparent 70%)}
html[dir="ltr"] .cta-card::before{-webkit-mask-image:linear-gradient(to right,#000,transparent 70%);mask-image:linear-gradient(to right,#000,transparent 70%)}
.cta-card::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;inset-inline-end:-120px;top:-180px;z-index:-1;background:radial-gradient(circle,rgba(var(--bright-rgb),.35),transparent 65%);animation:glowBreathe 12s var(--ease-io) infinite alternate;animation-delay:-4s}
.cta-card h2{font-size:clamp(26px,3.4vw,46px);max-width:16em}
html[lang="en"] .cta-card h2{font-size:clamp(23px,3vw,40px)}
.cta-card p:not(.kicker){margin-block-start:12px;color:var(--text-secondary);max-width:var(--m-lede)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:860px){.cta-card{grid-template-columns:1fr}}
.foot-main{margin-block-start:clamp(48px,6vw,80px);border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,.8fr)) minmax(0,1.3fr);gap:40px;padding-block:clamp(44px,5vw,64px)}
.foot-col h3{font-size:17px;margin-block-end:16px}
html[lang="en"] .foot-col h3{font-size:14px}
.foot-col ul{display:grid;gap:4px}
.foot-col a,.foot-col .fi{display:inline-flex;align-items:center;gap:10px;min-height:36px;color:var(--text-secondary);text-decoration:none;font-size:15.5px;transition:color .3s,transform .4s var(--ease-out)}
.foot-col a:hover{color:var(--accent-bright);transform:translateX(calc(var(--dirx)*4px))}
.foot-col svg{width:16px;height:16px;flex:none;color:var(--accent-bright)}
.foot-brand .brand{margin:0}
.foot-col .mark{width:50px;height:25px;color:var(--text-primary)}
.foot-brand p{margin-block:16px 22px;color:var(--text-secondary);font-size:15.5px;max-width:32em}
.socials{display:flex;gap:10px}
.socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--text-primary);background:rgba(var(--panel-rgb),.8);box-shadow:inset 0 0 0 1px var(--line-strong);transition:transform .5s var(--ease-spring),box-shadow .35s,color .35s,background-color .35s}
.socials a:hover{transform:translateY(-4px);color:#fff;background:var(--accent);box-shadow:0 12px 26px -12px rgba(var(--accent-rgb),.9)}
.socials svg{width:19px;height:19px}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 32px;padding-block:22px 34px;border-top:1px solid var(--line);font-size:13.5px;color:var(--text-dim)}
.foot-base a{color:inherit}
@media (max-width:1040px){.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-brand{grid-column:1/-1;order:-1}}
@media (max-width:620px){.foot-grid{grid-template-columns:1fr 1fr}.foot-col.contact{grid-column:1/-1}}

/* ---------- article (blog post) ---------- */
.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);align-items:start}
.article-body{font-size:18px;line-height:2.05;max-width:40em}
html[lang="en"] .article-body{font-size:19px;line-height:1.7;max-width:66ch}
.article-body h2{font-size:clamp(23px,2.3vw,31px);margin-block:46px 14px;max-width:none}
html[lang="en"] .article-body h2{font-size:clamp(21px,2vw,27px)}
.article-body p{color:var(--text-body)}
.article-body p+p{margin-block-start:18px}
.article-body ul,.article-body ol{display:grid;gap:10px;margin-block:18px;padding-inline-start:0}
.article-body li{position:relative;padding-inline-start:30px;color:var(--text-body)}
.article-body ul li::before{content:"";position:absolute;inset-inline-start:6px;top:.8em;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
.article-body ol{counter-reset:li}
.article-body ol li{counter-increment:li}
.article-body ol li::before{content:counter(li);position:absolute;inset-inline-start:0;top:.25em;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--accent-rgb),.2);color:var(--accent-bright);font-size:13px;font-weight:700;line-height:1}
html[lang="fa"] .article-body ol li::before{content:counter(li,persian)}
.article-body .callout{margin-block:28px;padding:20px 24px;border-radius:18px;background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35);color:var(--text-primary)}
.article-body table{width:100%;margin-block:20px;border-collapse:collapse;font-size:16px}
.article-body th,.article-body td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--line)}
.article-body th{color:var(--text-secondary);font-weight:500}
.table-scroll{overflow-x:auto}
.article-aside{position:sticky;top:calc(var(--mainbar-h) + 28px);display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.aside-card{padding:22px;border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.aside-card h2,.aside-card h3{font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.45;margin-block-end:10px}
.aside-card p{font-size:15px;color:var(--text-secondary)}
.aside-card .btn{margin-block-start:14px;width:100%}
.article-cover{position:relative;margin-block-end:40px;border-radius:26px;overflow:hidden;aspect-ratio:21/9;box-shadow:inset 0 0 0 1px var(--line)}
.article-cover img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.article{grid-template-columns:1fr}.article-aside{position:static}}

/* ---------- branches ---------- */
/* the shared Caspian map: sea behind, land above it, the three provinces lit */
#branch-map{max-width:1020px;margin-inline:auto}
.geo-map{position:relative;padding:10px;border-radius:26px;background:linear-gradient(180deg,var(--map-card-1),var(--map-card-2));box-shadow:inset 0 0 0 1px rgba(var(--bright-rgb),.22),0 40px 90px -50px rgba(var(--shadow-rgb),calc(.9*var(--shadow-k)))}
.geo-map svg{display:block;width:100%;height:auto;border-radius:18px;background:linear-gradient(180deg,var(--map-sea-1),var(--map-sea-2) 62%,var(--map-sea-3))}
.geo-land{fill:var(--map-land);stroke:var(--map-land-line);stroke-width:.8;stroke-linejoin:round}
.geo-iran{fill:var(--map-iran);stroke:rgba(var(--line-rgb),.16);stroke-width:.7;stroke-linejoin:round}
.geo-hl{fill:var(--map-hl);stroke:var(--accent-bright);stroke-width:1.8;stroke-linejoin:round}
.geo-label{font:500 21px var(--f-body);fill:var(--text-primary);paint-order:stroke;stroke:var(--map-label-stroke);stroke-width:4px;stroke-linejoin:round}
.geo-label.sea{font-size:22px;fill:var(--map-sea-text);stroke:none}
html[lang="en"] .geo-label{font:500 18px var(--f-body)}
html[lang="en"] .geo-label.sea{font:400 16px var(--f-mono);letter-spacing:.24em}
.geo-pin{cursor:default}
.pin.geo-pin{cursor:pointer}
.geo-pin .halo{fill:rgba(var(--accent-rgb),.3);transform-box:fill-box;transform-origin:center;animation:pinPulse 3s var(--ease-io) infinite}
.geo-pin:nth-of-type(2) .halo{animation-delay:-1s}
.geo-pin:nth-of-type(3) .halo{animation-delay:-2s}
@keyframes pinPulse{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.geo-pin .core{fill:var(--accent-deep);stroke:#eef3f1;stroke-width:3;transform-box:fill-box;transform-origin:center;transition:transform .45s var(--ease-spring),fill .3s}
.geo-pin .pin-n{font:700 17px var(--f-body);fill:#fff;pointer-events:none}
.geo-pin.hot .core,.geo-pin:hover .core,.geo-pin:focus-visible .core{transform:scale(1.32);fill:var(--accent)}
.geo-pin:focus{outline:none}
.geo-pin:focus-visible .core{stroke:var(--accent-bright);stroke-width:4}

/* home: the branch list beside the map */
.where-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,3vw,44px);align-items:center}
@media (max-width:980px){.where-grid{grid-template-columns:1fr}}
.branch-list{display:grid;gap:12px}
.br-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px 14px;padding:13px 18px;border-radius:18px;background:rgba(var(--panel-rgb),.72);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:inherit}
.br-pin{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:var(--accent-bright);background:rgba(var(--accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35);transition:transform .6s var(--ease-spring),background-color .4s}
.br-row:hover .br-pin{transform:rotate(calc(var(--dirx)*-8deg)) scale(1.06);background:rgba(var(--accent-rgb),.22)}
.br-pin svg{width:19px;height:19px}
.br-text small{display:block;font-size:13.5px;line-height:1.7;color:var(--accent-bright)}
.br-text b{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.35vw,20px);line-height:1.5}
html[lang="en"] .br-text b{font-stretch:125%;font-size:clamp(15px,1.15vw,17px);line-height:1.3}
.br-tag{padding:3px 14px;border-radius:999px;font-size:13.5px;line-height:1.9;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--line-strong);white-space:nowrap}
.br-go{display:grid;place-items:center;color:var(--text-dim);transition:transform .45s var(--ease-out),color .3s}
.br-go svg{width:18px;height:18px}
html[dir="rtl"] .br-go svg{transform:scaleX(-1)}
.br-row:hover .br-go{color:var(--accent-bright);transform:translateX(calc(var(--dirx)*4px))}
@media (max-width:560px){
  .br-row{grid-template-columns:auto minmax(0,1fr) auto}
  .br-tag{grid-column:2/3;justify-self:start}
  .br-go{grid-row:1/3}
}

.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:860px){.branch-grid{grid-template-columns:1fr}}
.branch-card{display:grid;gap:18px;padding:26px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:inset 0 0 0 1px var(--line)}
.branch-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.branch-top h3{font-size:clamp(21px,1.9vw,26px)}
.branch-top .sub{margin-block-start:4px;font-size:14.5px;color:var(--text-secondary)}
.branch-rows{display:grid;gap:10px}
.branch-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:baseline;font-size:15.5px;color:var(--text-secondary)}
.branch-row svg{width:18px;height:18px;color:var(--accent-bright);transform:translateY(3px)}
.branch-row a{color:var(--text-primary);text-decoration:none;transition:color .3s}
.branch-row a:hover{color:var(--accent-bright)}
.branch-legal{display:flex;flex-wrap:wrap;gap:8px 18px;padding-block-start:14px;border-top:1px dashed var(--line-strong);font-size:13.5px;color:var(--text-dim)}
.branch-legal b{color:var(--text-secondary);font-weight:500}
.branch-actions{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- car detail ---------- */
.detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start}
.detail-media{position:relative;border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.detail-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.spec-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-block:24px;border-radius:18px;overflow:hidden;background:var(--line)}
.spec-table div{display:grid;gap:2px;padding:14px 16px;background:var(--panel)}
.spec-table dt{font-size:13.5px;color:var(--text-dim)}
.spec-table dd{font-weight:700;font-size:16px;overflow-wrap:anywhere}
@media (max-width:560px){.spec-table{grid-template-columns:1fr}}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:900px){.detail{grid-template-columns:1fr}}

/* ---------- misc ---------- */
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}
.media-frame{position:relative;border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.media-frame img{width:100%;height:100%;object-fit:cover}
.check-list{display:grid;gap:12px;margin-block-start:22px}
.check-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:baseline;color:var(--text-secondary)}
.check-list svg{width:18px;height:18px;color:var(--accent-bright);transform:translateY(3px)}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(var(--panel-rgb),.8);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--text-secondary)}
.legal-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){.legal-table{grid-template-columns:1fr}}
.legal-card{padding:22px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.legal-card h3{font-size:17px}
.legal-card p{margin-block-start:6px;font-size:14.5px;color:var(--text-secondary)}

/* ---------- inner pages ---------- */
.page-hero .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-block-start:28px}
.page-hero .post-meta{margin-block-start:18px;color:var(--on-dark);text-shadow:0 1px 8px rgba(6,8,7,.8)}
.page-hero .post-meta .cat{color:var(--teal-on-dark)}
.sec--flush{padding-block-start:clamp(24px,3vw,40px)}
.tiles.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.tiles.three{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.split-sticky{position:sticky;top:calc(var(--mainbar-h) + 40px)}
.split-sticky .big{margin-block-start:22px;font-family:var(--f-display);font-weight:700;font-size:clamp(21px,2.1vw,30px);line-height:1.6;color:var(--text-secondary)}
html[lang="en"] .split-sticky .big{font-stretch:125%;font-size:clamp(18px,1.8vw,24px);line-height:1.3}
.split-sticky .big em{font-style:normal;color:var(--accent-bright)}
@media (max-width:900px){.split{grid-template-columns:1fr}.split-sticky{position:static}}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:980px){.contact-grid{grid-template-columns:1fr}}
.info-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.info-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center;padding-block:4px}
.info-row+.info-row{padding-block-start:14px;border-top:1px dashed var(--line-strong)}
.info-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--accent-bright);background:rgba(var(--accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35);transition:transform .6s var(--ease-spring)}
.info-row:hover .info-icon{transform:rotate(calc(var(--dirx)*-8deg)) scale(1.06)}
.info-icon svg{width:21px;height:21px}
.info-row small{display:block;font-size:13.5px;line-height:1.5;color:var(--text-dim)}
.info-row a,.info-row b{font-weight:700;color:var(--text-primary);text-decoration:none;line-height:1.6;transition:color .3s}
.info-row a:hover{color:var(--accent-bright)}
.form-card h2{font-size:clamp(24px,2.4vw,32px);margin-block-end:8px}
.form-card .form-lede{margin-block-end:26px;color:var(--text-secondary);font-size:16px}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-block-start:24px}
.form-privacy{font-size:14px;line-height:1.7;color:var(--text-dim);max-width:34em}
.toc{display:grid;gap:2px;margin-block-start:4px}
.toc a{display:flex;align-items:center;gap:10px;min-height:42px;padding-inline:12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:15px;line-height:1.5;transition:background-color .3s,color .3s,transform .4s var(--ease-out)}
.toc a::before{content:"";flex:none;width:6px;height:6px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
.toc a:hover{background:rgba(var(--accent-rgb),.12);color:var(--text-primary);transform:translateX(calc(var(--dirx)*3px))}
.faq-group{scroll-margin-top:calc(var(--mainbar-h) + 24px)}
.faq-group+.faq-group{margin-block-start:60px}
.faq-group h2{font-size:clamp(22px,2.2vw,30px);margin-block-end:20px;max-width:none}
html[lang="en"] .faq-group h2{font-size:clamp(20px,1.9vw,26px)}
.article-body h2{scroll-margin-top:calc(var(--mainbar-h) + 24px)}
.article-body .source{margin-block-start:26px;font-size:14.5px;line-height:1.8;color:var(--text-dim)}
.article-body .source a{color:var(--text-secondary)}
.article-body .table-note{font-size:14.5px;color:var(--text-dim)}
.article-body a:not(.btn){color:var(--accent-bright);text-underline-offset:4px}
.branch-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-block-end:28px}
.pill svg{width:15px;height:15px;margin-inline-end:8px;color:var(--accent-bright)}
.legal-card .id{margin-block-start:12px;font-size:14px;color:var(--text-dim)}
.legal-card .id b{color:var(--text-primary);font-weight:700}
.media-frame figcaption{position:absolute;inset:auto 0 0;padding:40px 22px 16px;font-size:14px;color:var(--text-secondary);background:linear-gradient(to top,rgba(10,14,13,.9),transparent)}
.prose p{color:var(--text-secondary)}
.prose p+p{margin-block-start:16px}
.center-link{display:flex;justify-content:center;margin-block-start:36px}

/* live elements pause off-screen and on hidden tabs */
.sec:not(.live) .marquee-track,.sec:not(.live) .badge .dot,.sec:not(.live) .geo-pin .halo{animation-play-state:paused}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}

@media (pointer:coarse){
  .btn,.arrow-link,.lang-btn,.text-link,.chip-btn{min-height:44px}
  .tilt:hover{--lift:0px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}
  .js [data-reveal] .rv{opacity:1!important;transform:none!important}
  .fold{transform:none!important}
  .deco,.env-pattern,.env-glow,.page-hero-bg{transform:none!important}
  .tilt{transform:none!important}
  .marquee-track,.mq-group{flex-wrap:wrap;width:auto;justify-content:center}
  .mq-group[aria-hidden="true"],.brand-chip[aria-hidden="true"]{display:none}
  .mq-group{min-width:0}
  .marquee{-webkit-mask-image:none;mask-image:none}
  .steps-line .progress{transform:none!important}
  .drawer a.dl{opacity:1!important;transform:none!important}
}


/* ---------- light theme: the pieces that need more than a swapped colour ---------- */
:root[data-theme="light"] .env-pattern{opacity:.14}
:root[data-theme="light"] .env-glow.g1{width:78vmax;height:78vmax;background:radial-gradient(circle,rgba(12,148,136,.3),rgba(12,148,136,0) 64%)}
:root[data-theme="light"] .env-glow.g2{width:68vmax;height:68vmax;background:radial-gradient(circle,rgba(43,196,180,.26),rgba(12,148,136,0) 64%)}
/* a softer centre wash so the pattern and the glow stay visible on a light page */
:root[data-theme="light"] .env-fade{background:radial-gradient(ellipse 64% 68% at 50% 44%,rgba(var(--canvas-rgb),.8) 18%,rgba(var(--canvas-rgb),.52) 52%,rgba(var(--canvas-rgb),.16) 82%,rgba(var(--canvas-rgb),0) 100%)}
/* the header stays a solid bar in light mode, so its text never has to fight a photo */
:root[data-theme="light"] .site-header .mainbar{background:rgba(var(--canvas-rgb),.92);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
:root[data-theme="light"] .mainbar::before{opacity:0}
:root[data-theme="light"] .topbar{background:rgba(var(--panel-rgb),.9)}
/* a page hero keeps its dark scrim so white type still reads over the photo */
:root[data-theme="light"] .page-hero{border-radius:0 0 30px 30px;box-shadow:0 26px 60px -44px rgba(18,38,34,.7)}
:root[data-theme="light"] .page-hero::after{background:linear-gradient(to bottom,rgba(8,12,11,.55) 0%,rgba(8,12,11,.26) 38%,rgba(8,12,11,.58) 78%,rgba(8,12,11,.7) 100%)}
:root[data-theme="light"] .page-hero--plain{border-radius:0;box-shadow:none}
:root[data-theme="light"] .page-hero--plain::after{background:none}
:root[data-theme="light"] .page-hero--plain h1{color:var(--text-primary);text-shadow:none}
:root[data-theme="light"] .page-hero--plain .lede{color:var(--text-secondary);text-shadow:none}
:root[data-theme="light"] .page-hero--plain .crumbs{color:var(--text-dim);text-shadow:none}
:root[data-theme="light"] .page-hero--plain .crumbs a:hover{color:var(--accent-bright)}
:root[data-theme="light"] .badge.soft{background:rgba(10,14,13,.66)}
:root[data-theme="light"] .car-img::after{background:linear-gradient(to top,rgba(10,14,13,.45),transparent)}
:root[data-theme="light"] .tilt::after{box-shadow:inset 0 0 0 1px rgba(12,148,136,.5),0 26px 50px -26px rgba(18,38,34,.4),0 0 40px -18px rgba(12,148,136,.4)}
:root[data-theme="light"] .btn-accent{box-shadow:0 12px 26px -14px rgba(12,148,136,.9)}
:root[data-theme="light"] .socials a:hover,:root[data-theme="light"] .chip-btn[aria-pressed="true"],:root[data-theme="light"] .qa[open] .qa-icon,:root[data-theme="light"] .step-card.lit .step-node{color:#fff}

/* white cards need a little lift off a light canvas */
:root[data-theme="light"] .car-card,:root[data-theme="light"] .post-card,:root[data-theme="light"] .tile,:root[data-theme="light"] .step-card,
:root[data-theme="light"] .ticket,:root[data-theme="light"] .branch-card,:root[data-theme="light"] .aside-card,:root[data-theme="light"] .legal-card,
:root[data-theme="light"] .stop,:root[data-theme="light"] .br-row,:root[data-theme="light"] .filters,:root[data-theme="light"] .brand-chip,
:root[data-theme="light"] .pill,:root[data-theme="light"] .socials a,:root[data-theme="light"] .empty{box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -22px rgba(18,38,34,.6)}
:root[data-theme="light"] .form-card{box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -40px rgba(18,38,34,.5)}
:root[data-theme="light"] .geo-map{box-shadow:inset 0 0 0 1px rgba(18,38,34,.1),0 26px 60px -40px rgba(18,38,34,.5)}
:root[data-theme="light"] .to-top{background:rgba(255,255,255,.92)}

/* card headings keep their own scale in English, since the page-level rule outranks a plain component selector */
html[lang="en"] .aside-card h2{font-size:14px}
html[lang="en"] .empty-state h2{font-size:clamp(17px,1.7vw,21px)}
html[lang="en"] .detail-blocks h2,html[lang="en"] .where-block h2{font-size:clamp(18px,1.7vw,24px)}

/* ---------- the order and trade-in forms ---------- */
.narrow-form{max-width:880px}
.form-group-title{margin-block:26px 12px;padding:0;font-family:var(--f-display);font-weight:700;font-size:16.5px;color:var(--text-primary)}
html[lang="en"] .form-group-title{font-stretch:125%;font-size:14.5px}
.form-card>.form-group-title:first-of-type{margin-block-start:22px}
.path-switch{margin-block:18px 6px}
.want-card:empty{display:none}
.pick-car{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:16px;color:inherit;text-decoration:none;background:rgba(var(--accent-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35);transition:box-shadow .3s,background-color .3s}
html[dir="rtl"] .pick-car{padding:10px 10px 10px 14px}
.pick-car:hover{box-shadow:inset 0 0 0 1px var(--accent-bright);background:rgba(var(--accent-rgb),.13)}
.pick-car img{width:96px;height:72px;border-radius:11px;object-fit:cover}
.pc-main{display:grid;gap:1px;min-width:0}
.pc-main small{font-size:12.5px;color:var(--accent-bright)}
.pc-main b{font-size:16px;line-height:1.4}
.pc-meta{font-size:13px;color:var(--text-dim)}
.pc-price{font-family:var(--f-display);font-weight:700;font-size:16px;color:var(--accent-bright);white-space:nowrap}
html[lang="en"] .pc-price{font-stretch:125%;font-size:14px}
@media (max-width:520px){.pick-car{grid-template-columns:78px minmax(0,1fr)}.pick-car img{width:78px;height:60px}.pc-price{grid-column:2}}
.picks{margin:0;padding:0;border:0;min-width:0}
.pick-row{display:flex;flex-wrap:wrap;gap:10px}
.pick{position:relative;display:inline-flex}
.pick input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pick>span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;font-size:15px;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .3s,color .3s,box-shadow .3s}
.pick input:checked+span{color:#fff;background:var(--accent-deep);box-shadow:none}
.pick input:focus-visible+span{outline:2px solid var(--accent-bright);outline-offset:3px}
.pick:hover input:not(:checked)+span{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent)}
.picks .field-hint{margin-block-start:10px}
.picks .field-hint a{color:var(--accent-bright)}
.order-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:clamp(20px,3vw,36px);align-items:start;padding-block-start:clamp(24px,3vw,40px)}
.order-aside{position:sticky;top:calc(var(--mainbar-h) + 24px);display:grid;gap:16px}
.order-aside .aside-card h2{font-size:16.5px}
html[lang="en"] .order-aside .aside-card h2{font-size:14.5px}
.order-summary .pick-car{grid-template-columns:72px minmax(0,1fr);padding:8px}
.order-summary .pick-car img{width:72px;height:54px}
.order-summary .pc-price{grid-column:1/-1;padding-inline:4px;font-size:19px}
.sum-note{margin-block-start:12px;font-size:13.5px;line-height:1.7}
.sum-kind{font-weight:700;color:var(--accent-bright)}
.sum-list{display:grid;gap:8px;margin-block-start:10px}
.sum-list dt{font-size:12.5px;color:var(--text-dim)}
.sum-list dd{margin:2px 0 0;font-size:15px;color:var(--text-primary)}
.next-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:ns}
.next-steps li{position:relative;padding-inline-start:36px;font-size:14.5px;line-height:1.7;color:var(--text-secondary);counter-increment:ns}
.next-steps li::before{content:counter(ns);position:absolute;inset-inline-start:0;top:1px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;background:var(--accent-deep)}
html[lang="fa"] .next-steps li::before{content:counter(ns,persian)}
/* on a narrow screen the chosen car already shows inside the form, so the summary card steps aside */
@media (max-width:1000px){.order-grid{grid-template-columns:minmax(0,1fr)}.order-aside{position:static}.order-summary{display:none}}