/* آراد مدل کارز — «ویترینِ شبانه»: مشکیِ ویترین، قرمزِ مسابقه، نقره‌ای؛ لاله‌زار برای تیترِ فارسی، Barlow Condensed برای نامِ لاتین، وزیرمتن برای متن */
@font-face{font-family:Lalezar;font-weight:400;font-display:swap;src:url(/a/fonts/lalezar-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Lalezar;font-weight:400;font-display:swap;src:url(/a/fonts/lalezar-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Barlow;font-style:italic;font-weight:700;font-display:swap;src:url(/a/fonts/barlow-condensed-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/a/fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@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:#f2f2f4;--surface:#fff;--ink:#15161a;--muted:#5e626c;--line:#e0e1e6;--brand:#15161a;--brand-ink:#fff;--accent:#e10600;
--night:#0f1013;--night-2:#1a1c21;--red:#e10600;--red-d:#b80500;--silver:#c9ccd3;--radius:14px;--radius-sm:10px;
--shadow:0 1px 2px rgb(15 16 19/.06),0 18px 40px rgb(15 16 19/.14);--font-body:Vazir,Tahoma,sans-serif;--font-display:Lalezar,Vazir,sans-serif;
--ft-bg:#0f1013;--ft-ink:#e9eaee}
body{line-height:1.9}
h1,h2,.sec__title{font-family:var(--font-display);font-weight:400;font-synthesis:none;letter-spacing:0}
h3{font-weight:800}
.lat{font-family:Barlow,Vazir,sans-serif;font-style:italic;font-weight:700;direction:ltr;unicode-bidi:isolate}
.hd{background:color-mix(in srgb,#fff 94%,transparent)}
.brand svg{width:44px;height:44px}
.brand__text b{font-family:var(--font-display);font-weight:400;font-size:24px;letter-spacing:0}
.brand__text small{color:var(--red-d)}
.nav a:hover,.nav a[aria-current=page]{background:#fbe9e8;color:var(--red-d)}
.btn--brand{background:var(--night);color:#fff}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--red-d)}
.card{border-radius:12px}
.card__img--art{background:#1a1c21}
.card__price{color:var(--red-d)}
.card__title{direction:auto;unicode-bidi:plaintext;text-align:start}
.pd__price{background:#fbf3f2;border:1px solid #f1d6d4}
.pd__price b{color:var(--night)}
.pd__coll{color:var(--red-d)}
.pd h1,.pd__title{unicode-bidi:plaintext}
.ft{background:repeating-linear-gradient(45deg,transparent 0 22px,rgb(255 255 255/.015) 22px 44px),var(--ft-bg)}
.ft .brand__text b{color:#fff}

/* ---------- hero: the night showroom ---------- */
.r-hero{position:relative;overflow:hidden;color:#e9eaee;background:radial-gradient(520px 380px at 25% 30%,rgb(225 6 0/.22),transparent 70%),linear-gradient(180deg,#16181d,#0f1013 70%)}
.r-hero::after{content:"";position:absolute;inset:auto 0 0;height:10px;background:repeating-linear-gradient(90deg,#e9eaee 0 10px,#0f1013 10px 20px);opacity:.9}
.r-hero__in{position:relative;z-index:1;display:grid;gap:30px;align-items:center;padding-block:clamp(34px,6vw,76px) clamp(44px,6vw,84px)}
.r-hero__in>*{min-width:0}
@media (min-width:960px){.r-hero__in{grid-template-columns:1.05fr .95fr;gap:44px}}
.r-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#ff8a85}
.r-eyebrow::before{content:"";width:30px;height:3px;border-radius:2px;background:var(--red)}
.r-hero h1{font-size:clamp(34px,6vw,64px);line-height:1.5;margin:12px 0 8px;color:#fff}
.r-hero h1 em{font-style:normal;color:var(--red)}
.r-hero p{color:#b9bcc5;max-width:560px}
.r-search{display:flex;gap:6px;margin-top:22px;max-width:560px;padding:6px;border-radius:12px;background:#fff;box-shadow:0 18px 40px rgb(0 0 0/.35)}
.r-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:10px 14px}
.r-search .btn{min-height:48px}
.r-pop{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.r-pop a{display:inline-flex;align-items:center;min-height:38px;padding:4px 12px;border-radius:8px;border:1px solid rgb(255 255 255/.16);color:#e9eaee;text-decoration:none;font-size:15px}
.r-pop a:hover{border-color:var(--red);color:#fff}
.r-stat{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:24px}
.r-stat span{display:flex;flex-direction:column;color:#9a9ea8;font-size:13px}
.r-stat b{font-family:var(--font-display);font-weight:400;font-size:28px;color:#fff;line-height:1.5}

.r-stage{position:relative;width:min(460px,88vw);margin-inline:auto;padding-bottom:12%}
.r-stage__beam{position:absolute;left:50%;top:-30%;width:70%;height:120%;transform:translateX(-50%);background:linear-gradient(180deg,rgb(255 255 255/.16),transparent 70%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none}
.r-stage__card{position:relative;z-index:2;display:block;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 60px rgb(0 0 0/.5);text-decoration:none;animation:float 6s ease-in-out infinite}
.r-stage__card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}
.r-stage__tag{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--night);color:#e9eaee;font-size:13.5px}
.r-stage__tag b{color:#ff8a85;font-weight:700;white-space:nowrap}
.r-stage__tag .lat{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-stage__disc{position:absolute;z-index:1;left:6%;right:6%;bottom:0;height:22%;border-radius:50%;background:radial-gradient(closest-side,#3a3d45,#1d1f24 70%,transparent 72%);box-shadow:0 0 0 2px rgb(225 6 0/.35),0 20px 50px rgb(0 0 0/.6)}
.r-stage__disc::before{content:"";position:absolute;inset:18%;border-radius:50%;border:2px dashed rgb(255 255 255/.18);animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.r-stage__card,.r-stage__disc::before{animation:none}}

/* ---------- sections ---------- */
.r-hd{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.r-hd h2{font-size:clamp(26px,3.6vw,38px);line-height:1.5}
.r-hd h2 i{font-style:normal;color:var(--red)}
.r-hd p{color:var(--muted)}

.r-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.r-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.r-brands{grid-template-columns:repeat(5,minmax(0,1fr))}}
.r-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:96px;padding:14px 16px;border-radius:12px;background:linear-gradient(150deg,#22252c,#0f1013);color:#e9eaee;text-decoration:none;overflow:hidden}
.r-brand::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--red);transform:scaleY(.35);transform-origin:bottom;transition:transform .25s}
.r-brand:hover::after{transform:scaleY(1)}
.r-brand .lat{font-size:clamp(20px,2.4vw,26px);text-align:left;color:#fff;line-height:1.2}
.r-brand small{color:#9a9ea8}

.r-makes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.r-makes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.r-makes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.r-make{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);text-decoration:none}
.r-make img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#fff;padding:6px}
.r-make span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}
.r-make b{font-family:var(--font-display);font-weight:400;font-size:21px;line-height:1.5}
.r-make small{color:var(--muted)}
.r-make:hover{box-shadow:var(--shadow);border-color:#f1c9c6}
.r-make:hover b{color:var(--red-d)}

.r-scale{display:grid;gap:18px;padding:clamp(20px,4vw,36px);border-radius:20px;background:var(--night);color:#e9eaee}
@media (min-width:900px){.r-scale{grid-template-columns:.8fr 1.2fr;align-items:center}}
.r-scale h2{color:#fff;font-size:clamp(26px,3.4vw,36px);line-height:1.5}
.r-scale p{color:#b9bcc5}
.r-bars{display:grid;gap:12px}
.r-bar{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;text-decoration:none;color:#e9eaee}
.r-bar .lat{font-size:24px;color:#fff;text-align:left}
.r-bar__t{display:flex;align-items:center;gap:10px;min-width:0}
.r-bar__t i{display:block;height:20px;flex:none;border-radius:10px 14px 4px 4px;background:linear-gradient(90deg,var(--red-d),var(--red));position:relative}
.r-bar__t i::before,.r-bar__t i::after{content:"";position:absolute;bottom:-5px;width:9px;height:9px;border-radius:50%;background:#e9eaee;box-shadow:0 0 0 2px var(--night)}
.r-bar__t i::before{left:16%}.r-bar__t i::after{right:16%}
.r-bar__t small{color:#9a9ea8;white-space:nowrap}
a.r-bar:hover small{color:#fff;text-decoration:underline}

.r-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:760px){.r-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}}
.r-kind{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none}
.r-kind img{width:84px;height:84px;object-fit:contain;border-radius:10px;background:#fff}
.r-kind b{display:block;font-size:16px}
.r-kind small{color:var(--muted)}
.r-kind:hover{border-color:#f1c9c6}
@media (max-width:420px){.r-kind{grid-template-columns:64px 1fr}.r-kind img{width:64px;height:64px}}

.r-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.r-faq summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center}
.r-faq p{color:var(--muted)}