/* حاجی اسپورت — «کرومِ خیابان»: نقره‌ایِ کروم، آسفالتیِ تیره، نارنجیِ اسپرت؛ Zain برای تیتر (رقم‌ها از وزیرمتن)، وزیرمتن برای متن */
@font-face{font-family:Zain;font-weight:700 900;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-600-normal.woff2) format('woff2');unicode-range:U+066B-066C,U+06F0-06F9,U+0030-0039}
@font-face{font-family:Zain;font-weight:700 900;font-display:swap;src:url(/a/fonts/zain-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-066A,U+066D-06EF,U+06FA-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Zain;font-weight:700 900;font-display:swap;src:url(/a/fonts/zain-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-002F,U+003A-00FF,U+2000-206F}
@font-face{font-family:Vazir;font-weight:400;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Vazir;font-weight:400 800;font-display:swap;src:url(/a/fonts/vazirmatn-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Vazir;font-weight:600 800;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}

:root{--bg:#eef0f3;--surface:#fff;--ink:#1c2026;--muted:#5d6470;--line:#dde1e7;--brand:#22262d;--brand-ink:#fff;--accent:#ff6a13;
--gun:#22262d;--orange:#ff6a13;--orange-d:#d9520a;--chrome:linear-gradient(180deg,#fdfdfe,#c9ced6 48%,#eef0f3 52%,#aab1bb);--radius:12px;--radius-sm:10px;
--shadow:0 1px 2px rgb(34 38 45/.06),0 18px 40px rgb(34 38 45/.12);--font-body:Vazir,Tahoma,sans-serif;--font-display:Zain,Vazir,sans-serif;
--ft-bg:#1b1e23;--ft-ink:#e5e8ec}
body{line-height:1.9}
h1,h2,.sec__title{font-family:var(--font-display);font-weight:800;letter-spacing:0}
.hd{background:color-mix(in srgb,#fff 94%,transparent)}
.brand svg{width:42px;height:42px}
.brand__text b{font-family:var(--font-display);font-size:24px}
.brand__text small{color:var(--orange-d)}
.hd__call{background:var(--gun);color:#fff}
.nav a:hover,.nav a[aria-current=page]{background:#fff0e6;color:var(--orange-d)}
.btn--brand{background:var(--gun);color:#fff}
.btn--orange{background:var(--orange);color:#fff}
.btn--orange:hover{background:var(--orange-d)}
.card__img--art{background:#eceef1}
.card__price{color:var(--orange-d)}
.pd__price{background:#fff4ec;border:1px solid #ffd9c2}
.pd__price b{color:var(--gun)}
.pd__coll{color:var(--orange-d)}
.ft{background:repeating-linear-gradient(135deg,transparent 0 30px,rgb(255 255 255/.015) 30px 60px),var(--ft-bg)}
.ft .brand__text b{color:#fff}

/* ---------- hero: tap a part of the car ---------- */
.h-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f8fa,#e4e7ec)}
.h-hero__in{display:grid;gap:18px;padding-block:clamp(28px,5vw,60px) clamp(20px,3vw,40px)}
.h-hero__in>*{min-width:0}
.h-top{display:grid;gap:12px}
@media (min-width:960px){.h-top{grid-template-columns:1fr 1fr;align-items:end}}
.h-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--orange-d)}
.h-eyebrow::before{content:"";width:26px;height:4px;border-radius:2px;background:var(--orange)}
.h-hero h1{font-size:clamp(34px,6vw,66px);line-height:1.35;margin:8px 0 4px;color:var(--gun)}
.h-hero h1 em{font-style:normal;background:linear-gradient(180deg,#8d96a3,#3b424d 55%,#8d96a3);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-hero p{color:var(--muted);max-width:540px}
.h-car{position:relative;width:100%;max-width:980px;margin-inline:auto}
.h-car svg{display:block;width:100%;height:auto}
.h-spot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;text-decoration:none}
.h-spot::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgb(255 106 19/.25);animation:ping 2.2s ease-out infinite}
.h-spot i{position:relative;width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #fff}
.h-spot span{position:absolute;bottom:calc(100% + 6px);white-space:nowrap;padding:4px 10px;border-radius:8px;background:var(--gun);color:#fff;font-size:13px;font-weight:700;opacity:0;transform:translateY(4px);transition:.2s;pointer-events:none}
.h-spot:hover span,.h-spot:focus-visible span{opacity:1;transform:none}
@keyframes ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
@media (prefers-reduced-motion:reduce){.h-spot::before{animation:none}}
.h-parts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.h-parts a{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:14.5px}
.h-parts a small{color:var(--muted);font-weight:400}
.h-parts a:hover{border-color:var(--orange);color:var(--orange-d)}

.h-hd{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.h-hd h2{font-size:clamp(26px,3.6vw,38px);line-height:1.4}
.h-cars{display:grid;gap:12px}
@media (min-width:760px){.h-cars{grid-template-columns:repeat(3,minmax(0,1fr))}}
.h-carc{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:14px;background:var(--gun);color:#e5e8ec;text-decoration:none;overflow:hidden}
.h-carc::after{content:"";position:absolute;inset:auto -10% -30% 30%;height:70%;background:var(--chrome);opacity:.12;transform:skewX(-20deg)}
.h-carc b{position:relative;font-family:var(--font-display);font-size:32px;color:#fff;line-height:1.3}
.h-carc small{position:relative;color:#b7bec8}
.h-carc span{position:relative;color:var(--orange);font-weight:800}
.h-carc:hover b{color:#ffd2b8}
.h-packs{display:grid;gap:12px}
@media (min-width:760px){.h-packs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.h-pack{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px;border-radius:14px;background:#fff;border:2px solid var(--line);text-decoration:none;text-align:center}
.h-pack b{font-family:var(--font-display);font-size:26px;line-height:1.4}
.h-pack .n{font-family:var(--font-display);font-size:54px;line-height:1;background:linear-gradient(180deg,#8d96a3,#22262d);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-pack span{color:var(--orange-d);font-weight:800;font-size:18px}
.h-pack:hover{border-color:var(--orange)}
.h-contact{display:grid;gap:18px;align-items:center;padding:clamp(22px,4vw,40px);border-radius:16px;background:var(--gun);color:#e5e8ec}
@media (min-width:860px){.h-contact{grid-template-columns:1.3fr 1fr}}
.h-contact h2{color:#fff;font-size:clamp(26px,3.4vw,36px)}
.h-contact p{color:#b7bec8}
.h-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.h-faq summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center}
.h-faq p{color:var(--muted)}