/*
Theme Name: مکانیک‌یاب
Description: قالب سفارشی سبک مکانیک‌یاب — code-first، بدون بیلدر (D-003). سیستم بصری v2 «گاراژ و خیابان تهران» (design/previews-v2، تأییدشده‌ی ناظر ۶ شهریور ۱۴۰۵).
Author: مکانیک‌یاب
Version: 0.2.0
Text Domain: mekanikyab
*/

/* ==========================================================================
   مکانیک‌یاب — سیستم بصری v2 «گاراژ و خیابان تهران»
   مبنا: design/previews-v2/mek.css (تأییدشده). هیچ درخواست خارجی؛ فونت self-host.
   ========================================================================== */

/* ---------- فونت (self-host) ---------- */
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('fonts/Vazirmatn-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

/* ---------- توکن‌ها ---------- */
:root{
  --asphalt:#16232E;      /* قیر آسفالت */
  --asphalt-2:#1D2F3D;
  --asphalt-3:#263B4B;
  --blue:#1B6CA8;         /* آبی کارگاه */
  --blue-deep:#0E3A5D;
  --blue-soft:#E3EEF7;
  --orange:#F2842B;       /* نارنجی جک */
  --orange-deep:#D96A12;
  --steel:#E8EDF2;        /* استیل */
  --steel-2:#F4F7FA;
  --green:#1F9D6A;
  --green-soft:#E5F5EE;
  --ink:#16232E;
  --muted:#5E7183;
  --line:#D8E2EA;
  --white:#fff;

  --r-s:8px; --r-m:12px; --r-l:18px; --r-xl:26px;
  --sh-1:0 1px 2px rgba(22,35,46,.06),0 2px 8px rgba(22,35,46,.05);
  --sh-2:0 2px 6px rgba(22,35,46,.07),0 12px 28px rgba(22,35,46,.09);
  --sh-3:0 18px 48px rgba(8,20,30,.28);
  --wrap:1180px;
}

/* ---------- پایه ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;direction:rtl;
  font-family:'Vazirmatn',Tahoma,system-ui,sans-serif;
  font-weight:400;font-size:15px;line-height:1.95;
  color:var(--ink);background:var(--steel-2);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul{padding:0;list-style:none}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
.num{font-feature-settings:"ss01";font-variant-numeric:tabular-nums}

/* بافت آسفالت: نویز ریز + هاله‌ی آبی */
.asphalt{
  position:relative;
  background:
    radial-gradient(120% 90% at 82% -10%, rgba(27,108,168,.42) 0%, rgba(27,108,168,0) 58%),
    radial-gradient(90% 70% at 8% 110%, rgba(242,132,43,.16) 0%, rgba(242,132,43,0) 60%),
    linear-gradient(180deg,#1A2A36 0%,var(--asphalt) 55%,#121C25 100%);
  color:#fff;
  isolation:isolate;
}
.asphalt::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.28'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
.asphalt > *{position:relative;z-index:1}

/* نوار خطر (هاشور جک) — امضای بصری */
.hazard{
  height:6px;width:100%;
  background:repeating-linear-gradient(-45deg,var(--orange) 0 12px,#12212C 12px 24px);
}
.hazard--thin{height:4px}

/* ---------- هدر ---------- */
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:26px;height:70px}
.hdr__logo{display:flex;align-items:center;flex:none}
.hdr__logo img{height:34px;width:auto;display:block}
.hdr__nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.hdr__nav a{padding:8px 12px;border-radius:var(--r-s);font-size:14px;font-weight:700;color:#33495B}
.hdr__nav a.is-on{color:var(--blue-deep);background:var(--blue-soft)}
.hdr__cta{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--blue-deep);
  border:1.5px solid #C4D6E4;border-radius:999px;padding:8px 16px;background:#fff}
.hdr__cta svg{width:16px;height:16px}
.hdr__burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;align-items:center;justify-content:center}
.hdr__burger svg{width:20px;height:20px;color:var(--asphalt)}

/* ---------- تیترها / ابزار ---------- */
/* کنتراست (رأی ناظر، ۱۲ شهریور): --orange (#F0801E) روی زمینه‌ی روشنِ صفحه
   فقط ۲٫۴۱:۱ می‌داد — متنِ ۱۲٫۵px زیرِ حداقلِ ۴٫۵:۱ WCAG AA. #A3500A همان
   خانواده‌ی نارنجی است با ۵٫۲۷:۱. نوارِ تزئینیِ ::before نارنجیِ اصلی می‌ماند
   (عنصرِ غیرمتنی، مشمولِ قاعده‌ی کنتراستِ متن نیست). */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#A3500A;text-transform:none}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--orange)}
.eyebrow--onDark{color:#FFC48A}
.eyebrow--onDark::before{background:var(--orange)}
.h1{font-weight:900;font-size:clamp(29px,4.3vw,50px);line-height:1.3;letter-spacing:-.01em}
.h2{font-weight:900;font-size:clamp(22px,2.7vw,31px);line-height:1.45;letter-spacing:-.005em}
.h3{font-weight:800;font-size:18px;line-height:1.6}
.lead{font-size:clamp(15px,1.35vw,17px);line-height:2;color:#4A6072}
.lead--onDark{color:#B7C9D6}
.sec{padding:64px 0}
.sec--tight{padding:44px 0}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.sec__head p{max-width:62ch;color:var(--muted);font-size:14.5px;margin-top:6px}
/* زیربخشِ دومِ «تعمیرگاه‌های مرتبط» (هم‌برند، بعد از هم‌منطقه) — جداکننده‌ی نرم */
.sec__head--next{margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}
.link-more{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--blue);flex:none}
.link-more svg{width:15px;height:15px}

/* ---------- پلاک ایرانی (CTA امضا) ---------- */
.plate{
  display:inline-flex;align-items:stretch;flex:none;
  direction:ltr;              /* پلاک ایرانی LTR خوانده می‌شود: نوار آبی سمت چپ */
  background:#fff;border:2px solid #101A22;border-radius:9px;
  box-shadow:0 2px 0 rgba(16,26,34,.18), inset 0 1px 0 #fff;
  overflow:hidden;min-height:46px;
}
.plate__band{
  flex:none;width:30px;background:linear-gradient(180deg,#2277B5,#124B79);
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:4px 0 5px;color:#fff;
}
.plate__flag{display:flex;flex-direction:column;width:15px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.plate__flag i{height:3px;display:block}
.plate__flag i:nth-child(1){background:#1F9D6A}
.plate__flag i:nth-child(2){background:#fff}
.plate__flag i:nth-child(3){background:#D6262B}
.plate__band b{font-size:8.5px;font-weight:900;letter-spacing:.06em;line-height:1;font-family:Tahoma,sans-serif}
.plate__num{
  display:flex;align-items:center;gap:8px;padding:0 12px 0 14px;
  direction:ltr;unicode-bidi:isolate;   /* گارد: گروه‌های ارقام در زمینه‌ی RTL وارونه می‌شدند */
  font-weight:900;font-size:19px;letter-spacing:.045em;color:#101A22;line-height:1;
  white-space:nowrap;
}
.plate__num svg{width:16px;height:16px;color:var(--blue);flex:none;order:2}
.plate--sm{min-height:40px;border-radius:8px}
.plate--sm .plate__band{width:24px}
.plate--sm .plate__flag{width:12px}
.plate--sm .plate__flag i{height:2.5px}
.plate--sm .plate__num{font-size:16px;padding:0 9px 0 11px;gap:6px}
.plate--sm .plate__num svg{width:14px;height:14px}
.plate--lg{min-height:60px;border-width:2.5px;border-radius:11px}
.plate--lg .plate__band{width:38px}
.plate--lg .plate__flag{width:19px}
.plate--lg .plate__flag i{height:4px}
.plate--lg .plate__num{font-size:26px;padding:0 16px 0 20px;gap:11px}
.plate--lg .plate__num svg{width:21px;height:21px}
.plate--block{display:flex;width:100%}
.plate--block .plate__num{justify-content:center;flex:1}
.plate-note{font-size:12px;color:var(--muted);margin-top:7px;display:flex;align-items:center;gap:5px}
.plate-note svg{width:13px;height:13px;color:#9AAAB8;flex:none}

/* حالت «شماره ثبت‌نشده» — جای رندرِ تلفن نامعتبر */
.nophone{
  display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:9px;
  border:1.5px dashed #C4D2DD;background:#F7FAFC;color:#6E8092;font-size:13px;font-weight:700;
}
.nophone svg{width:16px;height:16px;color:#9AAAB8;flex:none}
.nophone a{color:var(--blue);font-weight:800;border-bottom:1px solid #B9D5EA}

/* ---------- دکمه ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:15px;
  padding:13px 24px;border-radius:11px;border:0;cursor:pointer;line-height:1}
.btn svg{width:17px;height:17px}
.btn--orange{background:linear-gradient(180deg,#F79341,var(--orange));color:#2A1503;box-shadow:0 2px 0 #B85B0C,0 10px 22px rgba(242,132,43,.3)}
.btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.34)}
.btn--blue{background:var(--blue);color:#fff;box-shadow:0 2px 0 #0D3A5C}
/* حاشیه‌دارِ سرمه‌ای روی زمینه‌ی روشن — قرینه‌ی btn--ghost که فقط روی زمینه‌ی
   تیره خوانا است. رأی ناظر ۱۰ شهریور: دکمه‌ی «بیشتر» با btn--ghost سفیدِ روی
   #F4F7FA بود (کنتراست ~۱.۱) و عملاً نامرئی — یعنی ۳۷ رکورد دست‌نیافتنی. */
.btn--outline{background:#fff;color:var(--ink);border:1.5px solid #C4D2DD;box-shadow:var(--sh-1)}

/* ---------- بج‌ها ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:5px 11px;border-radius:7px;line-height:1.7}
.badge svg{width:14px;height:14px;flex:none}
.badge--spec{background:linear-gradient(180deg,#F79341,var(--orange));color:#2A1503;box-shadow:0 1px 0 #B85B0C}
.badge--general{background:var(--blue-soft);color:var(--blue-deep)}
.badge--verified{background:var(--green-soft);color:#12704C}
.badge--soft{background:#EEF2F6;color:#5E7183;font-weight:700}
.badge--claim{background:#FFF7EC;color:#8A5A17;border:1px dashed #E8C08A}
.badge--area{background:#EEF2F6;color:#42586B}

/* ---------- کاشی نشان برند (امضای ۱) ---------- */
.wall{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.tile{
  background:#fff;border-radius:12px;padding:14px 8px 10px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 6px 16px rgba(6,15,22,.34);
  border:1px solid rgba(255,255,255,.65);
  min-height:104px;
}
.tile__logo{height:48px;display:flex;align-items:center;justify-content:center;width:100%}
.tile__logo img{width:auto;object-fit:contain}
/* تعادل نوریِ لوگوها: نشانِ مربعی کوچک‌تر، وردمارکِ کشیده پهن‌تر */
.tile__logo img.is-sq{max-height:44px;max-width:66%}
.tile__logo img.is-md{max-height:36px;max-width:88%}
.tile__logo img.is-wd{max-height:28px;max-width:100%}
.tile__name{font-size:12.5px;font-weight:800;color:#2C3F4E;line-height:1.4;text-align:center}
/* بج تایپوگرافیک برای برندِ بی‌لوگو — هرگز ایموجی */
.mono{display:flex;flex-direction:column;align-items:center;gap:5px}
.mono__sq{width:32px;height:32px;border-radius:8px;background:linear-gradient(160deg,var(--blue),var(--blue-deep));
  color:#fff;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;
  font-family:Tahoma,sans-serif;letter-spacing:.02em}
.mono__wm{font-family:Tahoma,Arial,sans-serif;font-weight:900;font-size:11px;letter-spacing:.14em;color:#41586B}
.tile--light{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}

/* ردیف لوگوی برند داخل کارت */
.blogos{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
/* زمینه‌ی خنثی به‌جای #fff تا لوگوی روشن (برلیانس ریز/سایپا خاکستری) خانه‌ی خالی دیده نشود — ایراد ۵ رأی زنده v4 */
.blogo{width:46px;min-width:46px;height:32px;border-radius:7px;background:#F4F6F8;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;padding:4px;flex:none}
.blogo img{object-fit:contain}
.blogo--mono{font-family:Tahoma,sans-serif;font-weight:900;font-size:10px;letter-spacing:.05em;color:#41586B}
.blogo-more{font-size:12px;font-weight:800;color:var(--muted);align-self:center}

/* ---------- کارت تعمیرگاه ---------- */
/* stretch صریح: ردیفِ مخلوطِ کارتِ عکس‌دار و بی‌عکس باید هم‌ارتفاع بماند. */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:var(--sh-1);display:flex;flex-direction:column;overflow:hidden;position:relative;
}
.card__top{height:5px;background:linear-gradient(90deg,var(--blue),var(--blue-deep))}
.card--spec .card__top{background:repeating-linear-gradient(-45deg,var(--orange) 0 10px,#E0700F 10px 20px)}
.card__body{padding:18px 18px 0;display:flex;flex-direction:column;gap:12px;flex:1}
.card__title{font-size:17px;font-weight:900;line-height:1.55;color:var(--ink)}
.card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card__addr{display:flex;gap:8px;font-size:13px;color:var(--muted);line-height:1.85}
.card__addr svg{width:15px;height:15px;color:#9AAAB8;flex:none;margin-top:5px}
.card__addr span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__foot{margin-top:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px dashed var(--line);background:#FBFCFD}
.card__link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--blue)}
.card__link svg{width:14px;height:14px}
/* فلشِ لینک هرگز از متنش جدا نمی‌افتد: پاورقی جای کم بیاورد، لینک می‌شکست و
   svg تنها روی خطِ بعد می‌نشست (مسدودکننده‌ی ۱ رأی پنجم). */
.card__foot .card__link{flex:none;white-space:nowrap}
/* پاورقیِ کارتِ **بدون شماره** جعبه‌ی متنی است، نه پلاکِ فشرده؛ در عرضِ کم کنارِ
   «دیدن تعمیرگاه» جا نمی‌شود و هر دو دوخطی و درهم می‌شدند (۳۹۰ = گریدِ تک‌ستونی،
   ۸۸۰ = گریدِ دوستونی، هر دو تنگ). این‌جا روی هم می‌نشینند. کارتِ **دارای** شماره
   این کلاس را نمی‌گیرد و دست‌نخورده می‌ماند. */
@media (max-width:880px){
  .card__foot--nophone{flex-direction:column;align-items:stretch;gap:10px}
  .card__foot--nophone .nophone{justify-content:center;flex-wrap:wrap;row-gap:3px}
  .card__foot--nophone .card__link{justify-content:center}
}

/* ---------- آمار ---------- */
.stats{display:flex;gap:34px;flex-wrap:wrap}
.stat__n{font-size:40px;font-weight:900;line-height:1.15;letter-spacing:-.02em}
.stat__l{font-size:13px;color:#9DB3C4;font-weight:700}
.stat--dark .stat__n{color:#fff}
.stat__n em{font-style:normal;color:var(--orange)}
/* ستون‌ها از تعداد باکس‌های واقعی می‌آید (باکسِ بی‌عدد رندر نمی‌شود — ایراد ۱ بازبینی زنده) */
.stat-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-1)}
.stat-strip > div{padding:18px 20px;border-inline-start:1px solid var(--line)}
.stat-strip > div:first-child{border-inline-start:0}
.stat-strip .stat__n{font-size:30px;color:var(--blue-deep)}
.stat-strip .stat__l{color:var(--muted)}

/* ---------- ردیف محله (تابلوی خیابان) ---------- */
.areas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.arow{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);
  padding:12px 14px;box-shadow:var(--sh-1);position:relative;overflow:hidden}
.arow::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--blue)}
.arow__n{width:46px;height:46px;border-radius:10px;background:var(--asphalt);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;flex:none}
.arow__b{flex:1;min-width:0}
.arow__t{display:block;font-weight:800;font-size:15px;line-height:1.7}
.arow__s{display:block;font-size:12.5px;color:var(--muted);line-height:1.7}
/* ردیفِ بی‌برند: جای خالی نمی‌ماند، ولی از خطِ واقعی کم‌رنگ‌تر است (ایراد ۷ رأی زنده v3) */
.arow__s--pending{opacity:.62;font-style:normal}
.arow__c{font-weight:900;font-size:17px;color:var(--blue-deep);flex:none;text-align:center;line-height:1.4}
.arow__c span{display:block;font-size:11px;color:var(--muted);font-weight:700;text-align:center;line-height:1.4}

/* ---------- خدمات ---------- */
.svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.svc{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);
  padding:13px 14px;font-weight:700;font-size:14px;box-shadow:var(--sh-1)}
.svc i{width:36px;height:36px;border-radius:9px;background:var(--blue-soft);color:var(--blue-deep);
  display:flex;align-items:center;justify-content:center;flex:none}
.svc svg{width:18px;height:18px}

/* ---------- بلوک چینی‌ها ---------- */
.china{position:relative;border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(115deg,#8A4409 0%,#5C3007 20%,#1B3446 56%,#12202B 100%);color:#fff;box-shadow:var(--sh-3)}
.china::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.055) 0 14px,rgba(255,255,255,0) 14px 28px)}
.china::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(265deg,rgba(9,18,26,.7) 0%,rgba(9,18,26,.4) 40%,rgba(9,18,26,0) 68%)}
.china__in{position:relative;z-index:2;padding:34px 34px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:10px}
.faq__i{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:16px 18px;box-shadow:var(--sh-1)}
.faq__q{display:flex;align-items:flex-start;gap:10px;font-weight:800;font-size:15px;line-height:1.75}
.faq__q i{width:22px;height:22px;border-radius:6px;background:var(--asphalt);color:#fff;font-size:12px;font-weight:900;
  display:flex;align-items:center;justify-content:center;flex:none;margin-top:3px}
.faq__a{margin-top:9px;padding-inline-start:32px;color:#4A6072;font-size:14px;line-height:2}

/* ---------- فوتر ---------- */
.ftr{margin-top:10px}
.ftr__in{padding:46px 0 26px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.ftr__logo img{height:36px;filter:brightness(0) invert(1);opacity:.95}
.ftr p{color:#93A9B9;font-size:13.5px;line-height:2;margin-top:14px;max-width:38ch}
.ftr h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:12px}
.ftr li a{color:#A8BCC9;font-size:13.5px;line-height:2.25}
.ftr__bar{border-top:1px solid rgba(255,255,255,.1);padding:16px 0 26px;color:#7E93A3;font-size:12px;line-height:2}
.ftr__bar strong{color:#A8BCC9;font-weight:700}

/* ---------- بردکرامب ---------- */
.crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#89A0B1;padding:14px 0;flex-wrap:wrap}
.crumb svg{width:12px;height:12px;opacity:.6}
.crumb a{color:#89A0B1}
.crumb b{color:#fff;font-weight:700}
.crumb--light{color:var(--muted)}
.crumb--light a{color:var(--muted)}
.crumb--light b{color:var(--ink)}

/* ---------- ریسپانسیو ---------- */
@media (max-width:1080px){
  .wall{grid-template-columns:repeat(4,1fr)}
  .ftr__in{grid-template-columns:1fr 1fr 1fr}
  .svcs{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:880px){
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .china__in{grid-template-columns:1fr;gap:24px;padding:28px 24px}
  .stat-strip{grid-auto-flow:row;grid-template-columns:1fr 1fr}
  .stat-strip > div:nth-child(3){border-inline-start:0}
  .stat-strip > div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:720px){
  body{font-size:14.5px}
  .hdr__nav{display:none}
  .hdr__cta{display:none}
  .hdr__burger{display:flex;margin-inline-start:auto}
  .hdr__in{height:62px;gap:12px}
  .sec{padding:40px 0}
  .sec--tight{padding:30px 0}
  .wall{grid-template-columns:repeat(3,1fr);gap:8px}
  .tile{min-height:92px;padding:11px 6px 9px}
  .tile__logo{height:36px}
  .tile__logo img{max-height:36px}
  .grid-3,.grid-2,.areas{grid-template-columns:1fr}
  .svcs{grid-template-columns:1fr 1fr}
  .stats{gap:22px}
  .stat__n{font-size:32px}
  .ftr__in{grid-template-columns:1fr 1fr;gap:24px}
  .ftr__in > div:first-child{grid-column:1/-1}
}
@media (max-width:420px){
  .wall{grid-template-columns:repeat(3,1fr)}
  .plate--lg .plate__num{font-size:22px;padding:0 11px 0 14px}
  .svcs{grid-template-columns:1fr}
}

/* ---------- تعادل لوگو در کارت ---------- */
.blogo img.is-sq{max-height:22px;max-width:24px}
.blogo img.is-md{max-height:18px;max-width:36px}
.blogo img.is-wd{max-height:14px;max-width:38px}

/* ---------- کاشی کوچک برند روی زمینه‌ی تیره (بلوک چینی‌ها) ---------- */
.wall--mini{grid-template-columns:repeat(4,1fr);gap:8px}
.wall--mini .tile{min-height:76px;padding:10px 6px 8px;gap:6px;border-radius:10px}
.wall--mini .tile__logo{height:30px}
.wall--mini .tile__logo img.is-sq{max-height:28px;max-width:60%}
.wall--mini .tile__logo img.is-md{max-height:24px;max-width:86%}
.wall--mini .tile__logo img.is-wd{max-height:18px;max-width:100%}
.wall--mini .tile__name{font-size:11.5px}
.wall--mini .mono__sq{width:26px;height:26px;font-size:13px;border-radius:7px}
.wall--mini .mono__wm{font-size:9.5px;letter-spacing:.1em}

/* ---------- صفحه‌ی پروفایل ---------- */
.phero{padding-block:10px 40px}
.phero h1{font-weight:900;font-size:clamp(25px,3.3vw,38px);line-height:1.45;letter-spacing:-.01em}
.phero__badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 18px}
.pcontact{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-2);overflow:hidden;color:var(--ink)}
.pcontact__hd{padding:14px 18px;background:var(--steel-2);border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}
.pcontact__hd svg{width:17px;height:17px;color:var(--blue)}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);padding:24px}
.panel + .panel{margin-top:18px}
.panel h2{font-size:20px;font-weight:900;margin-bottom:6px}
.prose p{color:#41586B;line-height:2.1;font-size:15px}
.prose p + p{margin-top:12px}
.brandbig{display:flex;align-items:center;gap:16px;background:var(--steel-2);border:1px solid var(--line);
  border-radius:var(--r-m);padding:16px 18px}
.brandbig__logo{width:92px;height:66px;background:#fff;border:1px solid var(--line);border-radius:10px;
  display:flex;align-items:center;justify-content:center;padding:10px;flex:none;box-shadow:var(--sh-1)}
.brandbig__logo img{max-height:46px;max-width:72px;object-fit:contain}
.brandbig__t{font-weight:900;font-size:17px}
.brandbig__s{font-size:13px;color:var(--muted);line-height:1.9}
.claim{display:flex;align-items:center;gap:14px;background:#FFF9F0;border:1px dashed #E8C08A;border-radius:var(--r-m);
  padding:16px 18px;flex-wrap:wrap}
.claim__t{font-weight:800;font-size:14.5px;color:#7A4E10}
.claim__s{font-size:13px;color:#8A6636;line-height:1.9}
.claim .btn{margin-inline-start:auto}

/* ---------- اینتروی آرشیو ---------- */
.ahero{padding-block:10px 34px}
.ahero__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center}
.ahero h1{font-weight:900;font-size:clamp(25px,3.4vw,40px);line-height:1.4;letter-spacing:-.01em}
.ahero p{color:#C0D0DC;line-height:2.15;font-size:15.5px;margin-top:14px}
.ahero p b{color:#fff;font-weight:800}
.mixbar{display:flex;height:12px;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.mixbar i{display:block;height:100%}
.mixleg{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:#B7C9D6}
.mixleg span{display:inline-flex;align-items:center;gap:7px}
.mixleg em{width:10px;height:10px;border-radius:3px;display:inline-block}
.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px}
.pager a,.pager b{min-width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:#fff;font-weight:800;font-size:14px;color:#41586B;padding:0 14px}
.pager b{background:var(--asphalt);border-color:var(--asphalt);color:#fff}

/* ---------- هیروی هاب چینی ---------- */
.chero{position:relative;overflow:hidden}
.chero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.06) 0 16px,rgba(255,255,255,0) 16px 32px)}
.chero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(265deg,rgba(9,18,26,.72) 0%,rgba(9,18,26,.45) 38%,rgba(9,18,26,0) 66%)}
.chero__in{position:relative;z-index:2;padding-block:16px 42px}
.chero__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}
.chero h1{font-weight:900;font-size:clamp(26px,3.6vw,42px);line-height:1.4;letter-spacing:-.01em}
.chero h1 em{font-style:normal;color:var(--orange)}
.chero p{color:#C0D0DC;line-height:2.15;font-size:15.5px;margin-top:14px}

@media (max-width:880px){
  .ahero__grid,.chero__grid{grid-template-columns:1fr;gap:24px}
  .wall--mini{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:720px){
  .stat-strip{grid-auto-flow:row;grid-template-columns:1fr 1fr}
  .wall--mini{grid-template-columns:repeat(3,1fr)}
  .panel{padding:18px}
  .claim .btn{margin-inline-start:0;width:100%}
  .brandbig{flex-direction:row}
}

/* ---------- گرید هیروی خانه ---------- */
.hero-stats{border-inline-start:1px solid rgba(255,255,255,.14);padding-inline-start:30px}
@media (max-width:960px){ .hero-stats{border-inline-start:0;padding-inline-start:0} }

@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr !important;gap:26px !important;align-items:start !important}
}

/* ---------- گرید صفحه‌ی پروفایل ---------- */
@media (max-width:960px){
  #pgrid{grid-template-columns:1fr !important}
}

/* ---------- طول خط خوانا برای FAQ ---------- */
.faq-wrap{max-width:900px}
/* ---------- کاشی «سایر برندها» ---------- */
.tile--ghost{background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.38);box-shadow:none}
.tile--ghost .tile__name{color:#CBDCE8}
.tile--ghost .tile__logo{color:#EAF2F8}
.tile--ghost .tile__logo svg{width:22px;height:22px}
/* ---------- فهرست خدمات با تیک ---------- */
.ticks li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:#41586B;line-height:2}
.ticks li svg{width:15px;height:15px;color:var(--green);flex:none;margin-top:6px}
/* ---------- فهرست تعمیرگاه‌های مرتبط در ستون کناری ---------- */
.minilist li + li{border-top:1px dashed var(--line)}
.minilist a{display:flex;align-items:center;gap:10px;padding:11px 0}
.minilist b{font-weight:800;font-size:14px;line-height:1.7;display:block}
.minilist span{font-size:12px;color:var(--muted);display:block;line-height:1.6}
.minilist svg{width:14px;height:14px;color:var(--blue);flex:none;margin-inline-start:auto}
.minilist i{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;flex:none;padding:4px}
.minilist i img{max-height:20px;max-width:24px;object-fit:contain}

/* ---------- تنظیم نوریِ لوگوهای نزدیک‌مربع پرحاشیه ---------- */
.tile__logo img.is-jac{max-height:48px;max-width:80%}
.wall--mini .tile__logo img.is-jac{max-height:30px;max-width:78%}
.blogo img.is-jac{max-height:24px;max-width:26px}

/* ==========================================================================
   هلپر واحدِ ایزوله‌سازی توکن لاتین در متن فارسی (دور چهارم)
   هر نام مدل/برندِ لاتین داخل جمله‌ی فارسی باید <bdi> یا .lat بگیرد؛
   بدون ایزوله، bidi ویرگول و ترتیب توکن‌ها را بین خطوط جابه‌جا می‌کند.
   ========================================================================== */
bdi,.lat{unicode-bidi:isolate;direction:ltr}
.blogo--mono,.mono__wm,.mono__sq{unicode-bidi:isolate;direction:ltr}

/* ==========================================================================
   بلوک «موقعیت و دسترسی» (.loc-*) در هیرو v4 **حذف شد** — نشانی و دکمه‌ی
   «مسیریابی در نشان» به کارتِ تماسِ هیرو رفتند (بند ۴ سند)، پس این کامپوننت
   دیگر هیچ مصرف‌کننده‌ای ندارد و CSSاش هم می‌رود.
   ========================================================================== */

/* ==========================================================================
   لایه‌ی قالب: چیزهایی که در پیش‌نمایش استاتیک inline بودند + نیازهای وردپرس
   (منوی موبایل، صفحه‌بندی هسته، فرم جست‌وجو، ۴۰۴، دسترس‌پذیری).
   ========================================================================== */

/* ---------- ابزار عمومی ---------- */
.accent{color:var(--orange)}
.skip-link{position:absolute;inset-inline-start:-9999px;top:0;z-index:100;background:#fff;color:var(--blue-deep);
  padding:10px 16px;border-radius:0 0 var(--r-s) var(--r-s);font-weight:800}
.skip-link:focus{inset-inline-start:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.empty{background:#fff;border:1px dashed var(--line);border-radius:var(--r-m);padding:24px;color:var(--muted);font-weight:700;text-align:center}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.link-more--static{color:var(--muted);font-weight:700;font-size:13px}
a:focus-visible,button:focus-visible,input:focus-visible,label:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ---------- هدر (نسخه‌ی وردپرس: نشان + وردمارک متنی + منوی موبایل بدون JS) ---------- */
.hdr__logo{gap:9px;color:var(--asphalt)}
.hdr__mark{width:30px;height:30px;flex:none}
.hdr__word{font-weight:900;font-size:19px;letter-spacing:-.01em;color:var(--blue-deep)}
.hdr__toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.hdr__nav ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.hdr__nav li{list-style:none}
.hdr__nav .current-menu-item>a,.hdr__nav .current-menu-parent>a,.hdr__nav .current-menu-ancestor>a{color:var(--blue-deep);background:var(--blue-soft)}
.hdr__nav-cta{display:none}
.hdr__burger-close{display:none}
.hdr__toggle:checked ~ .hdr__burger .hdr__burger-open{display:none}
.hdr__toggle:checked ~ .hdr__burger .hdr__burger-close{display:block}
.hdr__toggle:focus-visible ~ .hdr__burger{outline:2px solid var(--blue);outline-offset:2px}
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}

@media (max-width:720px){
  .hdr__nav{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;border-bottom:1px solid var(--line);
    box-shadow:var(--sh-2);padding:8px 20px 16px;flex-direction:column;align-items:stretch;gap:0}
  .hdr__toggle:checked ~ .hdr__nav{display:flex}
  .hdr__nav ul{flex-direction:column;align-items:stretch;gap:0}
  .hdr__nav a{display:block;padding:13px 8px;border-bottom:1px dashed var(--line);font-size:15px}
  .hdr__nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;
    background:linear-gradient(180deg,#F79341,var(--orange));color:#2A1503;border-radius:11px;padding:12px 16px;font-weight:800}
  .hdr__nav-cta svg{width:16px;height:16px}
}

/* ---------- بخش‌ها (معادلِ style های inline پیش‌نمایش) ---------- */
.sec--pull{padding-top:26px}
.sec--strip{padding-top:26px;padding-bottom:0}
.sec--steel{background:var(--steel)}
.sec__t{margin-top:10px}
.panel__h{margin-bottom:14px}
.panel--tight{padding:20px}
.aside__gap{margin-top:14px}

/* ---------- خانه ---------- */
.home-hero__in{padding-top:52px;padding-bottom:44px}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:end}
.home-hero__t{margin-top:14px}
.home-hero__p{margin-top:16px;max-width:52ch}
.hero-stats{padding-bottom:6px}
.home-wall__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:38px 0 14px;flex-wrap:wrap}
.home-wall__t{font-weight:800;font-size:18px;margin-top:8px}
.china__t{margin-top:12px}
.china__p{color:#CBD9E3;line-height:2.15;margin-top:12px;max-width:48ch}
.china__btn{margin-top:20px}
.china__note{display:flex;align-items:flex-start;gap:7px;margin-top:12px;font-size:12.5px;color:#B7C9D6;line-height:1.9}
.china__note svg{width:14px;height:14px;color:#FFC48A;flex:none;margin-top:5px}
.arow__c span{white-space:nowrap}
.arow__n svg{width:20px;height:20px}

/* ---------- کاشی مونوگرام داخل کارت (فالبک واحدِ برندِ بی‌لوگو) ---------- */
.mono__sq--chip{width:26px;height:26px;font-size:13px;border-radius:6px}
.blogo .mono__sq--chip{margin:0 auto}

/* ---------- پروفایل ---------- */
.pgrid{display:grid;grid-template-columns:1.45fr .95fr;gap:26px;align-items:start}
.phero__lead{max-width:56ch}
.phero__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.badge--onDark{background:rgba(255,255,255,.1);color:#CBDCE8}
.badge--claim{background:#FFF7EC;color:#8A5A17;border:1px dashed #E8C08A}
.phero__badges .badge--claim{background:rgba(255,255,255,.06);border-color:rgba(232,192,138,.45);color:#F2C88E}
.badge--chip{background:rgba(255,255,255,.08);color:#CBDCE8;font-weight:700}
.badge--chip svg.is-ok{color:#7FD2AC}
.badge--chip svg.is-dim{color:#9AB4C6}
.plate-note--onDark{color:#93A9B9}
.cc__row a:not(.btn){color:var(--blue);font-weight:700}
.brandbig{margin-top:18px}
.brandbig__logo .mono__sq{width:40px;height:40px;font-size:18px}
.claim{margin-top:18px}
.claim__b{flex:1;min-width:220px}
.claim__btn{margin-inline-start:auto;font-size:14px;padding:12px 20px}
.aside__h{font-size:18px;margin:10px 0 4px;font-weight:900}
.aside__p{font-size:13.5px;color:var(--muted);line-height:1.95}
.aside__hd{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14.5px;margin-bottom:10px}
.aside__hd svg{width:18px;height:18px;color:var(--blue);flex:none}
.aside__hd--plain{margin-bottom:2px;font-size:14px}
.aside__note{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}
.aside--report{background:#FBFCFD}
.aside__report{display:flex;align-items:flex-start;gap:10px}
.aside__report > svg{width:18px;height:18px;color:var(--orange);flex:none;margin-top:5px}
.aside__report .link-more{margin-top:8px}
.minilist__logo{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;flex:none;padding:4px}
.minilist__logo img{max-height:20px;max-width:24px;object-fit:contain}
.minilist__logo .mono__sq--chip{width:24px;height:24px;font-size:12px}
.minilist__b{flex:1;min-width:0}
.ticks a{color:inherit}
.ticks a:hover{color:var(--blue)}

/* ---------- هاب چینی ---------- */
.chero{background:linear-gradient(112deg,#8A4409 0%,#5C3007 20%,#1A3346 56%,#101D27 100%)}
.chero__t{margin-top:12px}
.chero__stats{margin-top:24px}
.chero__wallt{font-weight:800;font-size:15px;margin-bottom:10px}

/* ---------- آرشیو ---------- */
.ahero__t{margin-top:12px}
.ahero__grid--solo{grid-template-columns:1fr}
.ahero__grid--solo p{max-width:74ch}
.mix__lbl{font-size:12.5px;color:#B7C9D6;margin-bottom:10px}
/* ردیف‌های سهمِ مستقل — وقتی قطعه‌ها همدیگر را می‌پوشانند و نوارِ صددرصدی دروغ است. */
.mixrows{display:grid;gap:9px}
.mixrow{display:grid;grid-template-columns:minmax(4.5em,auto) 1fr auto;align-items:center;gap:10px;font-size:12.5px;color:#B7C9D6}
.mixrow__t{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.mixrow__t i{display:block;height:100%;border-radius:999px}
.mixrow__p{font-size:12px;color:#DCE7EF}
.mix__base{margin-top:10px;font-size:11.5px;color:#8FA6B6}
/* گریدِ کم‌کارت: وقتی کارت‌ها از ستون‌ها کمترند ردیف جمع و وسط‌چین می‌شود — نه یک
   کارتِ کشیده به کلِ عرض، نه دوسومِ ردیف خالی (ایراد ۱ رأی سوم ناظر). بعد از
   مدیا-کوئری‌های .grid-3 می‌آید تا در همه‌ی بریک‌پوینت‌ها همین حاکم باشد. */
.grid-3--few{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),360px));justify-content:center}
/* سرِ بخشِ آرشیو فقط شمارِ نتایج را دارد (تیترِ تکراری برداشته شد) — فاصله‌ی
   زیرش به اندازه‌ی یک برچسب کوچک است، نه یک تیترِ دوخطی. */
.sec__head--count{margin-bottom:14px}

/* ---------- صفحه‌بندی هسته‌ی وردپرس با ظاهر pager ---------- */
.pager .screen-reader-text{display:none}
.pager .navigation,.pager .nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.pager .page-numbers,.pager a{min-width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:#fff;font-weight:800;font-size:14px;color:#41586B;padding:0 14px}
.pager .page-numbers.current{background:var(--asphalt);border-color:var(--asphalt);color:#fff}
.pager .page-numbers.dots{border-color:transparent;background:transparent}

/* ---------- صفحه‌های ساده (۴۰۴ / جست‌وجو / لوپ عمومی) ---------- */
.page-hero__in{padding-block:26px 40px}
.page-hero__t{margin-top:12px}
.page-hero__p{margin-top:14px;max-width:56ch}
.page-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.searchbox{display:flex;gap:10px;margin-top:22px;max-width:560px;flex-wrap:wrap}
.searchbox input{flex:1;min-width:200px;height:48px;border-radius:11px;border:1px solid var(--line);background:#fff;
  padding:0 14px;font:inherit;font-size:15px;color:var(--ink)}
.searchbox .btn{height:48px;flex:none}

/* ---------- محتوای ویرایشگر داخل .prose ---------- */
.prose h2{font-size:20px;font-weight:900;margin:18px 0 8px}
.prose h3{font-size:17px;font-weight:800;margin:16px 0 6px}
.prose ul,.prose ol{margin:10px 0;padding-inline-start:20px;color:#41586B;line-height:2.1}
.prose ul li{list-style:disc}
.prose ol li{list-style:decimal}
.prose a{color:var(--blue);font-weight:700}
.prose img{height:auto;border-radius:var(--r-m)}
.prose blockquote{border-inline-start:4px solid var(--orange);padding-inline-start:14px;color:#41586B;margin:14px 0}
.aligncenter{display:block;margin-inline:auto}

/* ---------- فوتر (وردمارک متنی به‌جای فایل SVG) ---------- */
.ftr__logo{display:inline-block;font-weight:900;font-size:22px;color:#fff}
.ftr__logo .accent{color:var(--orange)}
.ftr__h{font-size:14px;font-weight:800;color:#fff;margin-bottom:12px}
.ftr__btn{margin-top:16px;font-size:14px;padding:11px 18px}
.ftr__copy{margin-top:6px}
.ftr ul{margin:0;padding:0;list-style:none}
.ftr li{list-style:none}

/* ---------- ریسپانسیو لایه‌ی قالب ---------- */
@media (max-width:960px){
  .pgrid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .home-hero__in{padding-top:34px;padding-bottom:32px}
  .home-wall__head{margin:26px 0 12px}
  .claim__btn{margin-inline-start:0;width:100%}
  .page-hero__in{padding-block:18px 30px}
}

/* ==========================================================================
   پلاکِ تماس در هیرو v4 — **یک پلاک در کلِ صفحه**، داخلِ کارتِ «تماس و مشخصات».
   واریانتِ .mobile-plate/.pcontact__plate (دو پلاکِ display-swap دور v3) حذف شد:
   با ردیفِ دوستونیِ v4 که در موبایل روی هم می‌آید، پلاکِ دوم فقط همان مقدار را
   بارِ سوم در HTML چاپ می‌کرد. قاعده‌ی «ذاتاً جاشونده» در بخشِ هیرو v4 پایینِ فایل.
   ========================================================================== */

/* ==========================================================================
   تعادلِ ستونِ کناریِ پروفایل (بازخوردِ محمد: «ستون چپ خیلی خالیه»)
   ========================================================================== */
/* واریانتِ pgrid--solo / pgrid__aside--row حذف شد (باگ ۲، ۸ شهریور ۱۴۰۵):
   چیدمانِ پروفایل برای همه‌ی رکوردها یکی است — سایدبارِ همیشگی (واریانت v9). */
/* «تأیید مالکیت» در ستونِ باریک: ردیفی نمی‌ماند، بلوکی می‌شود. */
.pgrid__aside .claim{margin-top:0}
.pgrid__aside .claim.aside__gap{margin-top:14px}
.claim--aside{display:block}
.claim--aside .claim__b{min-width:0}
.claim--aside .claim__btn{margin-top:12px;margin-inline-start:0;width:100%}
.pgrid__aside .blogos{gap:8px}

/* ==========================================================================
   میکرو-اینتراکشن (خواسته‌ی محمد: «هاور/انیمیشن بیشتر»)
   یک منحنی و دو مدتِ واحد برای کلِ سایت تا حرکت‌ها یک‌دست حس شوند.
   فقط هاور/فوکوس/اکتیو — هیچ انیمیشنِ ورودِ اسکرولی و هیچ چیزی که چیدمان را
   جابه‌جا کند (فقط transform و رنگ و سایه، تا reflow نشود).
   ========================================================================== */
:root{--ease:cubic-bezier(.4,0,.2,1);--t-fast:.16s;--t:.22s}

/* ---- کارت‌ها: بلندشدنِ یکنواخت (پیش‌تر هر کدام سایه‌ی ثابتِ خودش را داشت) ---- */
.card,.svc,.arow,.faq__i,.panel--tight{
  transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t) var(--ease);
}
/* بلندشدن فقط برای چیزی که واقعاً لینک است (.card/.svc/.arow) — */
.card:hover,.svc:hover,.arow:hover{
  transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#C3D4E1;
}
/* — و برای بلوک‌های غیرِقابلِ‌کلیک فقط عمقِ سایه، بدون جابه‌جایی. */
.faq__i:hover,.panel--tight:hover{box-shadow:var(--sh-2);border-color:#C3D4E1}
/* کارتِ «تأیید مالکیت» خطِ چین‌دارِ نارنجیِ خودش را نگه می‌دارد */
.claim:hover{border-color:#DCAE72}
.arow::before{transition:width var(--t) var(--ease)}
.arow:hover::before{width:6px}

/* ---- کاشی‌های دیوارِ نشان: بلندشدن + بزرگ‌شدنِ ملایمِ لوگو ---- */
.tile{transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t) var(--ease)}
.tile__logo img,.tile__logo svg,.tile .mono__sq{transition:transform var(--t) var(--ease)}
.tile:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 12px 26px rgba(6,15,22,.44)}
.tile:hover .tile__logo img,.tile:hover .tile__logo svg,.tile:hover .mono__sq{transform:scale(1.07)}
.tile--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);box-shadow:none}
.tile--light:hover{box-shadow:var(--sh-2)}

/* ---- دکمه‌ها: بالاآمدنِ کوچک، و فرونشستن روی کلیک ---- */
.btn{transition:transform var(--t-fast) var(--ease),box-shadow var(--t) var(--ease),background-color var(--t) var(--ease),border-color var(--t) var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--orange:hover{box-shadow:0 2px 0 #B85B0C,0 14px 28px rgba(242,132,43,.42)}
.btn--blue:hover{background:#207CBE;box-shadow:0 2px 0 #0D3A5C,0 12px 24px rgba(27,108,168,.32)}
.btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.btn--outline:hover{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-soft)}

/* ---- پلاک (CTA امضا): سایه + بزرگ‌نماییِ خیلی ملایم ---- */
.plate{transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.plate:hover{transform:scale(1.02);box-shadow:0 3px 0 rgba(16,26,34,.2),0 12px 26px rgba(16,26,34,.22)}
.plate:active{transform:scale(1)}
.nophone{transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease)}
.nophone:hover{border-color:#A8BDCE;background:#F1F6FA}

/* ---- چیپ‌ها و بج‌های لینک‌دار ---- */
a.badge{transition:background-color var(--t) var(--ease),color var(--t) var(--ease),transform var(--t) var(--ease)}
a.badge:hover{transform:translateY(-1px)}
a.badge--soft:hover{background:var(--blue-soft);color:var(--blue-deep)}

/* ---- لینک‌ها: زیرخطِ انیمیت‌شونده (از راست باز می‌شود، چون متن RTL است) ---- */
.ticks a,.cc__row a:not(.btn),.prose a,.minilist b{
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;background-position:100% 100%;background-size:0 1px;
  transition:background-size var(--t) var(--ease),color var(--t) var(--ease);
}
.ticks a:hover,.cc__row a:not(.btn):hover,.prose a:hover,.minilist a:hover b{background-size:100% 1px}

/* ---- لینک‌های «بیشتر»: پیکان کمی به‌سمتِ خواندن می‌رود ---- */
.link-more,.card__link{transition:color var(--t) var(--ease)}
.link-more svg,.card__link svg,.minilist svg{transition:transform var(--t) var(--ease)}
.link-more:hover,.card__link:hover{color:var(--blue-deep)}
.card:hover .card__link svg,.link-more:hover svg,.minilist a:hover svg{transform:translateX(-3px)}

/* ---- هدر / فوتر / بردکرامب / صفحه‌بندی ---- */
.hdr__nav a,.hdr__cta{transition:background-color var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.hdr__nav a:hover{color:var(--blue-deep);background:var(--blue-soft)}
.hdr__cta:hover{border-color:var(--blue);color:var(--blue-deep);box-shadow:var(--sh-1)}
.ftr li a,.crumb a{transition:color var(--t) var(--ease)}
.ftr li a:hover{color:#fff}
.crumb a:hover{color:#fff}
.crumb--light a:hover{color:var(--ink)}
.pager a,.pager .page-numbers{transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease)}
.pager a:hover,.pager .page-numbers:not(.current):not(.dots):hover{background:var(--blue-soft);border-color:#B9D5EA;color:var(--blue-deep)}

/* ---- لوگوهای برند در کارتِ ستونِ کناری ---- */
.pgrid__aside .blogo{transition:transform var(--t) var(--ease),border-color var(--t) var(--ease)}
.pgrid__aside .blogo:hover{transform:translateY(-2px);border-color:#C3D4E1}

/* ---- احترام به prefers-reduced-motion: حرکت خاموش، تغییرِ رنگ/سایه می‌ماند ---- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
  .card:hover,.svc:hover,.arow:hover,.tile:hover,.btn:hover,.plate:hover,
  a.badge:hover,.pgrid__aside .blogo:hover{transform:none !important}
  .tile:hover .tile__logo img,.tile:hover .tile__logo svg,.tile:hover .mono__sq,
  .card:hover .card__link svg,.link-more:hover svg,.minilist a:hover svg{transform:none !important}
  .arow:hover::before{width:4px !important}
}

/* ==========================================================================
   فاز ۲ بند ۲ (S1) — فرم ثبت/claim تعمیرگاه (پیاده‌سازی design/previews-phase2/sabt.html
   + mek-p2.css؛ هیچ توکن جدیدی). چیپ‌ها بدون JS: چک‌باکسِ نامرئی + span.chip.
   ========================================================================== */

/* ---------- نوار سه‌گام (wiz) ---------- */
.wiz{display:flex;align-items:center;gap:0;margin-bottom:22px;flex-wrap:wrap}
.wiz__s{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800;color:var(--muted)}
.wiz__s i{width:28px;height:28px;border-radius:9px;background:var(--steel);color:#7C8FA0;font-weight:900;font-size:13px;
  display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.wiz__s.is-on{color:var(--ink)}
.wiz__s.is-on i{background:var(--blue);color:#fff}
.wiz__s.is-done i{background:var(--green-soft);color:#12704C}
.wiz__l{flex:1;min-width:26px;height:2px;background:var(--line);margin:0 12px}

/* ---------- گام‌ها و گرید فیلدها ---------- */
.fstep{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.fstep:first-of-type{border-top:0;padding-top:0;margin-top:0}
.fstep__h{display:flex;align-items:center;gap:9px;font-weight:900;font-size:16px;margin-bottom:16px}
.fstep__h i{width:24px;height:24px;border-radius:8px;background:var(--asphalt);color:#fff;font-size:12px;font-weight:900;
  display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1/-1}
.field > label{font-size:13px;font-weight:800;color:#41586B}
.field > label em{font-style:normal;color:var(--orange-deep);margin-inline-start:2px}
.inp{font-family:inherit;font-size:14.5px;color:var(--ink);background:#fff;border:1.5px solid var(--line);
  border-radius:10px;padding:12px 14px;line-height:1.9;width:100%}
.inp::placeholder{color:#9AAAB8}
.inp:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
textarea.inp{min-height:96px;resize:vertical}
.inp--ltr{direction:ltr;text-align:left;unicode-bidi:isolate;font-weight:700;letter-spacing:.04em}
.hint{font-size:12px;color:var(--muted);line-height:1.85}

/* ---------- چیپ‌های چندانتخابی (بدون JS: input + span) ---------- */
.chipset{display:flex;gap:7px;flex-wrap:wrap;flex:1;min-width:0}
.chipbox{position:relative;display:inline-flex}
.chipbox > input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;line-height:1;
  padding:8px 12px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:#41586B;
  transition:border-color .16s ease-out,background-color .16s ease-out}
.chipbox > input:checked + .chip{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}
.chipbox > input:checked + .chip::before{content:"";width:9px;height:5px;flex:none;
  border-left:2px solid var(--blue-deep);border-bottom:2px solid var(--blue-deep);
  transform:rotate(-45deg);margin-top:-3px}
.chipbox > input:focus-visible + .chip{outline:2px solid var(--blue);outline-offset:2px}
@media (hover:hover){
  .chipbox > input:not(:checked):hover + .chip{border-color:#B4C8D6;background:var(--steel-2)}
}

/* ---------- آپلود عکس + رضایت ---------- */
.drop{position:relative;border:1.5px dashed #C4D2DD;background:#F7FAFC;border-radius:var(--r-m);padding:22px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer}
.drop svg{width:26px;height:26px;color:#9AAAB8}
.drop b{font-size:14px;font-weight:800}
.drop span{font-size:12.5px;color:var(--muted)}
/* ایراد ۱۲ رأی زنده copy-v11 — کنترلِ بومیِ «Choose Files/No file chosen» جای خود را
   به دکمه‌ی فارسی می‌دهد، ولی فقط وقتی JS هست (کلاس drop--js). پنهان‌سازی از نوع
   «visually hidden» است نه display:none، تا اینپوت فوکوس‌پذیر بماند. */
.drop input[type=file]{font-family:inherit;font-size:12.5px;color:var(--muted);max-width:100%}
.drop__btn,.drop__files{display:none}
.drop--js .drop__inp{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.drop--js .drop__btn{display:inline-block;font-size:13px;font-weight:800;color:#fff;background:var(--asphalt);
  border-radius:var(--r-s);padding:9px 18px;margin-top:2px}
.drop--js .drop__files{display:block;font-size:12.5px;color:var(--muted)}
.drop__inp:focus-visible~.drop__btn{outline:2px solid var(--blue);outline-offset:2px}
.drop--js:has(.drop__inp:focus-visible){border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,134,200,.22)}
.consent{display:flex;gap:11px;align-items:flex-start;background:#FFF9F0;border:1px dashed #E8C08A;
  border-radius:var(--r-m);padding:14px 16px}
.consent input{width:19px;height:19px;flex:none;margin-top:3px;accent-color:var(--orange-deep)}
.consent span{font-size:13.5px;font-weight:700;color:#7A4E10;line-height:1.95}

/* ---------- honeypot: با CSS مخفی، نه type=hidden ---------- */
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}

.fsubmit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);
  margin-top:22px;padding-top:20px}

/* ---------- ستون کناری چسبان + گام‌های «بعدش چه می‌شود» ---------- */
@media (min-width:961px){
  .p2-sticky{position:sticky;top:86px}
}
.steps{counter-reset:st;display:flex;flex-direction:column;gap:12px}
.steps li{display:flex;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);
  padding:14px 16px;box-shadow:var(--sh-1)}
.steps li::before{counter-increment:st;content:counter(st);width:28px;height:28px;border-radius:9px;
  background:var(--asphalt);color:#fff;font-weight:900;font-size:13px;flex:none;
  display:flex;align-items:center;justify-content:center;margin-top:3px;font-feature-settings:"ss01"}
.steps b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.8}
.steps span{display:block;font-size:14px;color:#41586B;line-height:1.95}

/* ---------- نوار زمینه‌ی claim/report + پیام وضعیت (بدون alert خام) ---------- */
.pinnote{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);
  background:#F7FAFC;border:1px dashed var(--line);border-radius:var(--r-m);padding:10px 14px;margin-bottom:12px}
.pinnote svg{width:15px;height:15px;color:#7C8FA0;flex:none}
.pinnote a{color:var(--blue);font-weight:800;border-bottom:1px solid #B9D5EA}
.formnote{display:flex;gap:11px;align-items:flex-start;border-radius:var(--r-m);padding:14px 16px;margin-bottom:18px;
  font-size:13.5px;font-weight:700;line-height:1.95}
.formnote svg{width:18px;height:18px;flex:none;margin-top:5px}
.formnote--err{background:#FFF9F0;border:1px dashed #E8C08A;color:#7A4E10}
.formnote--err svg{color:var(--orange-deep)}
.sent{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sent__i{width:52px;height:52px;border-radius:14px;background:var(--green-soft);border:1px solid #BFE5D4;
  display:flex;align-items:center;justify-content:center}
.sent__i svg{width:26px;height:26px;color:#12704C}
.sent h2{font-size:20px;font-weight:900}
.sent p{color:#4A6072;font-size:14.5px;line-height:2;max-width:56ch}

/* ---------- ریسپانسیو فرم ---------- */
@media (max-width:720px){
  .fgrid{grid-template-columns:1fr}
  .wiz__l{display:none}
  .wiz{gap:10px}
  .wiz__s{font-size:12.5px}
}

/* ==========================================================================
   بند ۱ — نقشه (S3): نوار فیلتر، چیدمانِ نقشه/فهرست، کارتِ نتیجه.
   ========================================================================== */
.fbar{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);padding:16px 18px}
.fbar__row{display:flex;align-items:flex-start;gap:14px;padding:11px 0}
.fbar__row + .fbar__row{border-top:1px dashed var(--line)}
.fbar__lbl{flex:none;width:74px;font-size:12.5px;font-weight:800;color:var(--muted);padding-top:7px}
/* چیپِ فبار دکمه‌ی خام است (نه chipbox رادیویی)، پس حالت is-on/svg/b خودش را می‌خواهد. */
.fbar .chip{cursor:pointer}
.fbar .chip.is-on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}
.fbar .chip.is-on b{color:var(--blue-deep)}
.chip svg{width:14px;height:14px;flex:none}
.chip b{font-weight:900;font-size:11.5px;color:var(--muted);direction:ltr;unicode-bidi:isolate}
@media (hover:hover){
  .fbar .chip:not(.is-on):hover{border-color:#B4C8D6;background:var(--steel-2)}
}
.chip--geo{border-color:#E3B47A;background:#FFF7EC;color:#8A5A17;font-weight:800}
.chip--geo svg{color:var(--orange-deep)}
.chip--geo.is-on{border-color:#7FD2AC;background:var(--green-soft);color:#12704C}
.fbar__foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;
  border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.fbar__count{font-weight:900;color:var(--ink);font-size:14.5px}

.maplay{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start;margin-top:18px}
.mapbox{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1);overflow:hidden;
  position:sticky;top:86px}
.mapbox__hd{display:flex;align-items:center;gap:9px;padding:12px 16px;background:var(--steel-2);
  border-bottom:1px solid var(--line);font-weight:800;font-size:13.5px}
.mapbox__hd svg{width:16px;height:16px;color:var(--blue)}
.nomap{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:28px;text-align:center}
.nomap__i{width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center}
.nomap__i svg{width:24px;height:24px;color:#9AAAB8}
.nomap__t{font-weight:800;font-size:15px}
.nomap__s{font-size:13px;color:var(--muted);line-height:2;max-width:44ch}

.reslist{display:flex;flex-direction:column;gap:12px}
.rescard{display:flex;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);
  padding:14px 16px;box-shadow:var(--sh-1)}
.rescard__n{width:32px;height:32px;border-radius:9px;background:var(--asphalt);color:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;font-feature-settings:"ss01"}
.rescard__b{flex:1;min-width:0}
.rescard__t{font-weight:800;font-size:15px;line-height:1.7;display:block}
.rescard__m{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:5px}
.rescard__go{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:var(--blue);margin-top:8px}
.rescard__go svg{width:13px;height:13px}
.rescard__d{flex:none;align-self:flex-start;text-align:center;background:var(--steel-2);
  border-radius:var(--r-s);padding:8px 12px;min-width:58px}
.rescard__d b{display:block;font-size:14px;font-weight:900;color:#41586B;direction:ltr;unicode-bidi:isolate}
.rescard__d span{display:block;font-size:10.5px;font-weight:700;color:var(--muted)}

@media (max-width:960px){
  .maplay{grid-template-columns:1fr}
  .mapbox{position:static}
}
@media (max-width:720px){
  .fbar{padding:14px}
  .fbar__row{flex-direction:column;gap:9px;align-items:stretch}
  .fbar__lbl{width:auto;padding-top:0}
  .rescard__d{align-self:center}
}

/* --- بند ۱ (S3، پاس دوم): نشانی روی کارتِ نتیجه، چیپِ بی‌نتیجه، قابِ نقشه‌ی زنده --- */
.rescard__a{display:flex;gap:7px;font-size:12.5px;color:var(--muted);line-height:1.85;margin-top:6px}
.rescard__a svg{width:14px;height:14px;color:#9AAAB8;flex:none;margin-top:5px}
.rescard__a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* چیپی که با فیلترهای فعلی هیچ کارتی نمی‌سازد، خاموش می‌شود — نه حذف (تا کاربر
   بفهمد ترکیبِ فعلی چه چیزی را بسته)، نه فعال (تا کلیک به فهرستِ خالی نبرد). */
.fbar .chip[disabled]{opacity:.42;cursor:not-allowed;background:var(--steel-2)}
.fbar .chip[disabled]:hover{border-color:var(--line);background:var(--steel-2)}
/* قابِ نقشه‌ی زنده — همان ارتفاعِ nomap تا تعویضِ درایور چیدمان را نپراند. */
.mapbox__live{min-height:430px;height:56vh;max-height:620px;width:100%}
@media (max-width:960px){ .mapbox__live{height:42vh;min-height:300px} }

/* --- حالتِ nomap: نقشه‌ای نیامده، پس ستونِ دومی هم ساخته نمی‌شود ---
   ایرادِ بازدارنده‌ی ایستگاه پذیرش (۱۰ شهریور): چیدمانِ همیشه-دوستونی در حالتِ
   بی‌نقشه یک ستونِ راستِ خالی به ارتفاعِ ~۹۰۰۰px می‌ساخت. در این حالت صفحه یک
   آرشیوِ فیلتردارِ تمام‌عرض است: نوارِ کوتاهِ توضیح + گریدِ کارت‌ها. */
.maplay--nomap{grid-template-columns:1fr}
.maplay--nomap .mapbox{position:static}
.maplay--nomap .nomap{min-height:0;flex-direction:row;align-items:center;text-align:start;
  gap:13px;padding:13px 16px}
.maplay--nomap .nomap__i{width:36px;height:36px;border-radius:10px}
.maplay--nomap .nomap__i svg{width:18px;height:18px}
.maplay--nomap .nomap__t{font-size:13.5px}
.maplay--nomap .nomap__s{max-width:none;font-size:12.5px;line-height:1.85}
.maplay--nomap .reslist{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:12px;align-items:start}

/* دکمه‌ی «بیشتر» — سقفِ اولیه‌ی کارت‌ها، بدون هیچ درخواستِ تازه به سرور */
.resmore{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.resmore__n{font-size:12.5px;color:var(--muted);font-weight:700}

@media (max-width:720px){
  .maplay--nomap .nomap{flex-direction:column;align-items:flex-start;text-align:start}
  .maplay--nomap .reslist{grid-template-columns:1fr}
}

/* --- حالتِ neshan روی دسکتاپ: دو ستونِ هم‌ارتفاع، هیچ‌کدام خالی ---
   ماکاپِ مصوب می‌گوید «نقشه‌ی چسبان + لیستِ نتایجِ اسکرول‌شونده». همان را دقیق
   پیاده می‌کنیم: هر دو ستون دقیقاً یک ارتفاع (یک صفحه) می‌گیرند، پس نه ستونِ
   خالی می‌ماند و نه صفحه بی‌دلیل بلند می‌شود. زیرِ ۹۶۱px این قاعده کنار می‌رود
   (موبایل: نقشه بالا، فهرست زیرش، اسکرولِ عادیِ صفحه). */
@media (min-width:961px){
  .maplay:not(.maplay--nomap){align-items:start}
  .maplay:not(.maplay--nomap) .mapbox{height:calc(100vh - 118px);min-height:430px;display:flex;flex-direction:column}
  .maplay:not(.maplay--nomap) .mapbox__live{flex:1;height:auto;min-height:0;max-height:none}
  .maplay:not(.maplay--nomap) .nomap{flex:1;min-height:0}
  .maplay:not(.maplay--nomap) .rescol{position:sticky;top:86px;height:calc(100vh - 118px);
    display:flex;flex-direction:column;min-height:430px}
  .maplay:not(.maplay--nomap) .reslist{overflow-y:auto;overscroll-behavior:contain;
    padding-inline-end:6px;flex:1;min-height:0}
  .maplay:not(.maplay--nomap) .resmore{margin-top:12px;flex:none}
}

/* --- نوارِ جمع‌شده‌ی فیلتر (فقط موبایل) ---
   ایرادِ ایستگاه پذیرش (۱۰ شهریور): در ۳۹۰، ۳۵ چیپِ برند + ۱۴ چیپِ منطقه ~۸۰۰px
   بالای صفحه می‌گرفتند و نقشه از کادرِ اول بیرون می‌افتاد. روی دسکتاپ خلاصه‌بار
   اصلاً وجودِ بصری ندارد و چیدمان دست‌نخورده می‌ماند. */
.fbox__sum{display:none}
.fbox__sum::-webkit-details-marker{display:none}
@media (max-width:720px){
  .fbox__sum{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
    padding:11px 12px;margin:-3px -4px 0;border:1.5px solid var(--line);border-radius:12px;
    background:var(--steel-2)}
  .fbox__sum svg{width:16px;height:16px;color:var(--blue);flex:none}
  .fbox__t{flex:1;min-width:0;font-size:13px;font-weight:800;color:var(--ink);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fbox__x{flex:none;font-size:12.5px;font-weight:800;color:var(--blue)}
  .fbox[open] .fbox__sum{border-color:var(--blue);background:var(--blue-soft);margin-bottom:4px}
  .fbox[open] .fbox__t{color:var(--blue-deep)}
  /* ردیفِ اولِ باز، خطِ بالای اضافه نگیرد */
  .fbox[open] .fbar__row:first-of-type{padding-top:12px}
}

/* --- چیپِ انتخاب‌شده باید آشکار باشد (رأی ناظر ۱۰ شهریور) ---
   تک‌انتخابی در هر گروه می‌ماند (نگاشتِ تمیزِ canonical به /brand/<slug>/)، ولی
   جایگزینی نباید بی‌صدا باشد: تیکِ ماکاپ + حلقه‌ی آبی روی چیپِ فعال. */
.fbar .chip.is-on{box-shadow:0 0 0 3px var(--blue-soft);font-weight:800}
.chip--clear{border-color:#D8C0C0;background:#FDF6F6;color:#8A3B3B;font-weight:800}
.chip--clear svg{width:13px;height:13px;color:#B45A5A}
.chip--clear:hover{border-color:#B45A5A;background:#F9EBEB}

/* ---------- جست‌وجوی هدر (فاز ۲ بند ۱۰) ----------
   سه پله، چون نوارِ هدر پیش از این هم در ۹۰۰–۱۰۰۰px تنگ بود و افزودنِ یک ورودیِ
   ۱۷۰ پیکسلی همان‌جا اسکرول افقی می‌ساخت:
     > 1160px  ورودیِ کاملِ درون‌خطی (کنارِ منو)
     ≤ 1160px  فقط دکمه‌ی آیکونی در نوار (منو هنوز درون‌خطی است)
     ≤ 720px   دکمه‌ی آیکونی در نوار + همان ورودی داخلِ کشوی منو (تمام‌عرض)
   هیچ رنگِ تازه‌ای وارد نشد: متن ink، آیکون blue-deep، قاب line — همان توکن‌ها. */
.hdr__search{display:flex;align-items:center;gap:2px;flex:none;margin-inline-start:10px;height:38px;
  padding:0 4px 0 6px;background:#fff;border:1px solid var(--line);border-radius:11px}
.hdr__search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,108,168,.14)}
.hdr__search-i{min-width:0;width:170px;height:34px;border:0;background:transparent;padding:0 8px;
  font:inherit;font-size:13.5px;color:var(--ink)}
.hdr__search-i::placeholder{color:var(--muted);opacity:1}
.hdr__search-b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;
  padding:0;border:0;border-radius:var(--r-s);background:transparent;color:var(--blue-deep);cursor:pointer}
.hdr__search-b svg{width:17px;height:17px}
.hdr__search-b:hover{background:var(--blue-soft)}
.hdr__slink{display:none}

@media (max-width:1160px){
  .hdr__search{display:none}
  .hdr__slink{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;
    border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--blue-deep)}
  .hdr__slink svg{width:18px;height:18px}
  .hdr__slink:hover{border-color:var(--blue);background:var(--blue-soft)}
}
@media (max-width:720px){
  /* داخل کشو: ورودی تمام‌عرض بالای دکمه‌ی نارنجی؛ نوارِ هدر فقط آیکون می‌گیرد. */
  .hdr__search{display:flex;width:100%;height:46px;margin:12px 0 0;padding:0 6px 0 8px}
  .hdr__search-i{flex:1;width:auto;height:42px;font-size:15px}
  .hdr__search-b{width:34px;height:34px}
  .hdr__search-b svg{width:19px;height:19px}
  .hdr__slink{width:42px;height:42px;margin-inline-start:auto}
  .hdr__slink svg{width:20px;height:20px}
  .hdr__burger{margin-inline-start:0}
}

/* ---------- صفحه‌ی نتایج جست‌وجو ---------- */
.srch__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}


/* ==========================================================================
   پروفایل تعمیرگاه v3 — اجزای تازه (سند design/profile-v3-spec.md)
   پورتِ مستقیمِ design/previews-phase2/mek-p2-profile.css + بخشِ .art از
   mek-p2.css. همه‌ی رنگ/شعاع/سایه از توکن‌های همین فایل؛ هیچ مقدارِ نو.
   (گالریِ v3 — .gal/.lbox — با هیرو v4 جایگزین شد؛ پایینِ همین فایل.)
   ========================================================================== */

/* ---------- خط منطقه/محله در هیرو (آیکن SVG، بدون ایموجی) ---------- */
.pgeo{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:15px;line-height:1.9;color:#CBDCE8}
.pgeo svg{width:18px;height:18px;color:var(--orange);flex:none}
.pgeo b{color:#fff;font-weight:800}
.pgeo__sep{font-style:normal;color:#7C97AB;margin-inline:8px}

/* ---------- بلوک «مشخصات تعمیرگاه» ---------- */
/* گروه‌ها تمام‌عرض و روی هم — گریدِ دوستونیِ دور اول با ارتفاعِ نابرابرِ کارت‌ها
   یک‌سومِ بلوک را سفید می‌گذاشت (ایراد ۸ ناظر). */
.specs{display:flex;flex-direction:column;gap:12px}
.specs__g{align-self:stretch;background:var(--steel-2);border:1px solid var(--line);
  border-radius:var(--r-m);padding:12px 16px}
/* کنتراست: --orange-deep (#D96A12) روی #F4F7FA فقط ۳٫۲۴:۱ بود؛ #A3500A ⇒ ۵٫۲۷:۱. */
.specs__gt{font-size:12px;font-weight:900;letter-spacing:.03em;color:#A3500A;
  padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.specs__r{display:grid;grid-template-columns:18px minmax(120px,auto) 1fr;align-items:start;gap:10px;
  padding:8px 0;font-size:13.5px;line-height:1.9}
.specs__r + .specs__r{border-top:1px dashed var(--line)}
.specs__i{width:16px;height:16px;color:#9AAAB8;margin-top:6px}
.specs__k{font-weight:800;color:var(--muted);font-size:12.5px;padding-top:1px}
.specs__v{color:var(--ink);font-weight:700;min-width:0;overflow-wrap:anywhere;text-align:start}
.specs__v a{color:var(--blue);border-bottom:1px solid #B9D5EA}
.specs__no{color:var(--muted);font-weight:700}
/* درسِ باگ پلاک: رشته‌ی عددیِ لاتین در متنِ راست‌به‌چپ باید ایزوله شود. */
.specs__ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;letter-spacing:.03em}
.specs__foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
  border-top:1px dashed var(--line);font-size:13px;color:var(--muted);line-height:1.9}
.specs__foot > svg{width:16px;height:16px;color:#9AAAB8;flex:none}
.specs__foot > span{flex:1;min-width:190px}
.specs__note{margin-top:14px;font-size:12.5px;color:var(--muted);line-height:1.95}

/* ---------- تیترِ شمارنده‌دار (جای دومِ عددِ برند) ---------- */
.panel__h--count{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.panel__n{font-style:normal;font-size:12px;font-weight:800;color:#41586B;
  background:var(--steel-2);border:1px solid var(--line);border-radius:7px;padding:3px 10px}

/* ---------- دیوارِ برند، گروه‌بندی‌شده بر خانواده‌ی خودرو ---------- */
.bgroup{display:flex;align-items:flex-start;gap:14px}
.bgroup + .bgroup{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.bgroup__t{flex:none;width:98px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  font-size:13px;font-weight:900;color:#41586B;padding-top:12px}
.bgroup__t i{font-style:normal;font-size:11px;font-weight:800;color:var(--muted);
  background:var(--steel-2);border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.bgroup__w{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.bgroup__w .tile{width:86px;min-height:76px;padding:10px 6px 8px;gap:6px;border-radius:10px}
.bgroup__w .tile__logo{height:30px}
.bgroup__w .tile__logo img.is-sq{max-height:28px;max-width:60%}
.bgroup__w .tile__logo img.is-md{max-height:24px;max-width:86%}
.bgroup__w .tile__logo img.is-wd{max-height:18px;max-width:100%}
.bgroup__w .tile__logo img.is-jac{max-height:30px;max-width:78%}
.bgroup__w .tile__name{font-size:11.5px}
/* کارتِ برندِ رکوردِ تک‌برندی: دو خطِ متن بلوکی می‌شوند (اسپن‌های تودرتو inline بودند). */
.brandbig__t{display:block;line-height:1.7}
.brandbig__s{display:block}

/* ---------- کارتِ «مناطق نزدیک» در ستونِ کناری (تنها فهرستِ همسایگیِ صفحه) ---------- */
.nearlist{display:flex;flex-direction:column;margin-top:2px}
.nearlist li + li{border-top:1px dashed var(--line)}
.nearlist a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;
  font-size:13.5px;font-weight:800;color:#41586B}
.nearlist a:hover{color:var(--blue-deep)}
.nearlist svg{width:14px;height:14px;color:var(--blue);flex:none}

/* ---------- کارتِ claim: آیکن کنارِ تیتر (هم‌شکلِ کارتِ گزارش) ---------- */
.claim__t{display:flex;align-items:center;gap:9px}
.claim__t svg{width:17px;height:17px;color:var(--orange-deep);flex:none}

/* ---------- تصویرِ ۱۶:۹ کارتِ آرشیو (فقط رکوردِ عکس‌دار) ---------- */
.card__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--steel-2);
  border-bottom:1px solid var(--line)}
.card__img img{width:100%;height:100%;object-fit:cover;display:block}
/* قابِ جانشینِ رکوردِ بی‌عکس — نشانِ خودِ سایت روی زمینه‌ی آسفالتِ همین سیستم.
   نه عکسِ استوک، نه شبه‌عکس: آشکارا تزئینی و از هویتِ خودمان. */
/* اصلاحیه‌ی محمد (۱۲ شهریور): زمینه **روشن** — نسخه‌ی تیره در ردیفِ کارت‌ها
   «عکسِ لودنشده» خوانده می‌شد، نه «کارتِ برندشده‌ی بی‌عکس». حالا استیلِ روشنِ
   همین سیستم با بافتِ خیلی ملایم، و **لوگوی کاملِ** هدر (نشان + وردمارک) وسط. */
.card__img--ph{position:relative;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#F4F7FA 0%,#EEF2F5 55%,#E4EBF1 100%)}
.card__img--ph::before{content:"";position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(135deg,rgba(27,108,168,.05) 0 10px,transparent 10px 20px)}
.card__img--ph::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;opacity:.55;
  background:repeating-linear-gradient(135deg,var(--orange) 0 9px,transparent 9px 18px)}
.mek-lockup{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;
  user-select:none;-webkit-user-select:none;pointer-events:none}
.mek-lockup__mark{flex:none;color:var(--blue-deep);opacity:.9}
.mek-lockup__word{font-weight:900;letter-spacing:-.01em;color:var(--blue-deep);opacity:.9}
/* ~۴۰٪ عرضِ قاب: قابِ کارت در گریدِ ۳ستونه ~۳۷۰px است. */
.card__ph .mek-lockup__mark{width:34px;height:34px}
.card__ph .mek-lockup__word{font-size:21px}

/* ---------- پنلِ «درباره‌ی این تعمیرگاه» (≥۲۵۰ کلمه) ---------- */
.art{font-size:16px;line-height:2.05;color:#33495B}
.art > * + *{margin-top:16px}
.art h2{font-size:24px;font-weight:900;line-height:1.55;color:var(--ink);margin-top:0;scroll-margin-top:96px}
.art h3{font-size:18px;font-weight:800;line-height:1.65;color:var(--ink);margin-top:26px}
.art p{color:#33495B}
.art a{color:var(--blue);font-weight:700;border-bottom:1px solid #B9D5EA}
.art ul{list-style:none;padding-inline-start:0;display:flex;flex-direction:column;gap:8px}
.art ul li{display:flex;gap:10px;align-items:flex-start}
.art ul li::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--orange);flex:none;margin-top:14px}
.art ol{list-style:decimal;padding-inline-start:24px;display:flex;flex-direction:column;gap:8px}
.art hr{border:0;border-top:1px dashed var(--line);margin:28px 0}

/* ---------- حالتِ شات: sticky خنثی می‌شود تا شاتِ fullPage ستونِ کناری را
     وسطِ صفحه رها نکند (آرتیفکتِ تأییدشده‌ی ناظر) ---------- */
.is-shooting .p2-sticky{position:static !important}

/* ---------- ریسپانسیو ---------- */
@media (max-width:640px){
  /* ایرادِ ۱ خودنقدِ شاتِ زنده (۳۹۰px): آخرین حلقه‌ی بردکرامب عیناً همان H1 است و
     در موبایل هر دو در یک نما می‌افتند — یک رشته، دو بار، در ۱۲۰px. حلقه‌ی جاری
     و فلشِ قبلش در موبایل کنار می‌روند (قاعده‌ی مصوبِ ماکاپ). */
  .crumb b{display:none}
  .crumb svg:last-of-type{display:none}
  .pgeo{font-size:14px;align-items:flex-start}
  .pgeo svg{margin-top:5px}
  .specs__r{grid-template-columns:18px 1fr;row-gap:2px}
  .specs__k{grid-column:2}
  .specs__v{grid-column:2}
  .specs__i{grid-row:span 2}
  .bgroup{flex-direction:column;gap:8px}
  .bgroup__t{flex-direction:row;align-items:center;gap:8px;width:auto;padding-top:0}
  .art{font-size:15px}
  .art h2{font-size:20px}
  .art h3{font-size:16.5px}
}


/* ══════════════════════════════════════════════════════════════════════════
   هیروی v4 — گالریِ جمع‌وجور + لایت‌باکس + کارتِ تماسِ غنی
   پورتِ مستقیمِ بخشِ «هیروی v4»ِ design/previews-phase2/mek-p2-profile.css
   (ماکاپِ تأییدشده‌ی ناظر، دور ۲). بازخورد محمد ۱۲ شهریور: «عکس‌ها خیلی
   بزرگ‌اند و ستون چپ خالی است.» هیچ مقدارِ نو؛ همه از توکن‌های همین فایل.
   ══════════════════════════════════════════════════════════════════════════ */

/* ردیف ۱ تمام‌عرض (عنوان/بج/لید/خط pin)، ردیف ۲ دوستونی (گالری | کارت) */
.phero__head{max-width:74ch;margin-bottom:22px}
.phero__v4{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr);
  gap:26px;align-items:stretch}

/* ---------- گالری ---------- */
/* گالری ستونِ فلکس است تا عکسِ شاخص تا ارتفاعِ کارتِ کناری رشد کند و
   «فضای خالیِ ستون» (بازخورد محمد) برنگردد — ولی هرگز از سقف بالاتر نرود. */
.pgal{min-width:0;display:flex;flex-direction:column}
.pgal__main{position:relative;display:block;width:100%;padding:0;border:0;cursor:zoom-in;
  background:var(--asphalt-3);border-radius:var(--r-l);overflow:hidden;
  box-shadow:0 10px 30px rgba(8,20,30,.34)}
/* سقف روی خودِ قاب است نه روی تصویر: با سقفِ روی تصویر، وقتی ستونِ کناری
   بلندتر بود نوارِ تیره بالا و پایینِ عکس می‌افتاد. */
.pgal__main{flex:1 1 auto;min-height:240px;max-height:420px;aspect-ratio:16/9}
.pgal__main img{display:block;width:100%;height:100%;object-fit:cover}
.pgal__main:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.pgal__zoom{position:absolute;top:12px;right:12px;width:34px;height:34px;
  border-radius:10px;background:rgba(12,22,30,.62);display:flex;align-items:center;justify-content:center}
.pgal__zoom svg{width:17px;height:17px;color:#fff}
/* ⚠️ این سه روپوشِ absolute عمداً **مختصاتِ فیزیکی** می‌گیرند، نه منطقی
   (ردیه‌ی ناظر، رأی زنده‌ی v4): `inset-inline-*` به جهتِ **خودِ عنصر** حل می‌شود
   و شمارنده روی خودش `direction:ltr` دارد، پس `inset-inline-end` آن به راستِ
   فیزیکی می‌رفت در حالی که بجِ همسایه با `inset-inline-start` و جهتِ ارثیِ RTL
   دقیقاً به همان گوشه می‌رفت ⇒ هم‌پوشانی. صفحه همیشه RTL است، پس مختصاتِ
   فیزیکی هم رندرِ ماکاپ را نگه می‌دارد هم این تله را می‌بندد.
   نگاشتِ گوشه‌ها (هیچ دو تایی یک گوشه را نمی‌گیرند):
     ذره‌بین = بالا-راست · شمارنده = پایین-راست · بجِ مالک = پایین-چپ */
.pgal__count{position:absolute;bottom:12px;right:12px;
  background:rgba(12,22,30,.72);color:#fff;font-size:12.5px;font-weight:800;
  padding:4px 10px;border-radius:8px;direction:ltr;unicode-bidi:isolate}
.pgal__badge{position:absolute;bottom:12px;left:12px;
  display:inline-flex;align-items:center;gap:5px;background:rgba(12,22,30,.78);color:#EAF2F8;
  font-size:11px;font-weight:800;border-radius:7px;padding:4px 8px}
.pgal__badge svg{width:12px;height:12px;color:#7FD2AC}
.pgal__strip{flex:none;display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin}
.pgal__t{flex:none;width:82px;height:62px;padding:0;border:2px solid transparent;cursor:pointer;
  border-radius:10px;overflow:hidden;background:var(--asphalt-3)}
.pgal__t img{display:block;width:100%;height:100%;object-fit:cover}
.pgal__t.is-on{border-color:var(--orange)}
.pgal__t:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.pgal__t--more{display:flex;align-items:center;justify-content:center;color:#B7C9D6;
  font-size:14px;font-weight:900;border:1px dashed rgba(255,255,255,.28);cursor:default}
/* نشانه‌ی اسکرولِ نوار (نکته‌ی دور دومِ ناظر): از ۵ کاشی به بالا نوار در ستونِ
   ~۴۴۰px دسکتاپ و در ۳۹۰px موبایل سرریز می‌کند، ولی هیچ چیزی این را نمی‌گفت —
   اسکرول‌بارِ نازک روی لمسی اصلاً دیده نمی‌شود. لبه‌ی **پایانِ** نوار (در RTL:
   چپ) محو می‌شود. معیار **شمارِ کاشی** است نه سرریزِ اندازه‌گیری‌شده (CSS آن را
   نمی‌داند)؛ زیرِ ۵ کاشی هیچ‌جا سرریز نمی‌شود، و بالای آن اگر ستون پهن باشد ماسک
   روی پس‌زمینه‌ی خالی می‌افتد و هیچ کاشی‌ای را نمی‌برد. با نبودِ :has() هیچ اتفاقی
   نمی‌افتد — افت به حالتِ قبلی، نه شکستن. */
.pgal__strip:has(.pgal__t:nth-child(5)){
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 30px);
  mask-image:linear-gradient(to right,transparent 0,#000 30px)}

/* ---------- لایت‌باکس ---------- */
.lb{padding:0;border:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;
  background:#0A1218;color:#fff;overflow:hidden}
.lb::backdrop{background:rgba(6,12,17,.96)}
.lb__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 18px;position:relative;z-index:2}
.lb__count{font-size:14px;font-weight:800;direction:ltr;unicode-bidi:isolate;color:#DCE7EF}
.lb__x{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:flex;
  align-items:center;justify-content:center}
.lb__x svg{width:20px;height:20px}
.lb__x:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.lb__stage{position:relative;height:calc(100vh - 70px);display:flex;align-items:center;
  justify-content:center;padding:0 72px 18px}
.lb__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
.lb__nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);
  width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;
  align-items:center;justify-content:center}
.lb__nav svg{width:22px;height:22px}
.lb__nav:hover{background:rgba(255,255,255,.2)}
.lb__nav:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
/* در RTL عکسِ بعدی سمتِ **چپ** است. توجه: در RTL، `inset-inline-end` یعنی چپ
   و `inset-inline-start` یعنی راست — همین یک بار جابه‌جا زده شد و روی شات دیده شد.
   #i-arrow ذاتاً چپ‌گرد است، پس «بعدی» بدون چرخش و «قبلی» چرخیده. */
.lb__nav--next{inset-inline-end:12px}
.lb__nav--prev{inset-inline-start:12px;transform:translateY(-50%) rotate(180deg)}

/* حالتِ بی‌عکس: کارتِ تمام‌عرض با ردیف‌هایی که ستون می‌شوند */
.phero__v4--solo{grid-template-columns:1fr}
.cc--wide .cc__bd{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));
  gap:0 22px;align-items:start}
.cc--wide .cc__row{border-top:0;margin-top:0;padding-top:0;
  border-inline-start:1px dashed var(--line);padding-inline-start:22px}
.cc--wide .cc__row:last-child{border-inline-start:0;padding-inline-start:0}
.cc--wide .cc__plate{margin-bottom:0}
@media (max-width:760px){
  .cc--wide .cc__bd{grid-template-columns:1fr}
  .cc--wide .cc__row{border-inline-start:0;padding-inline-start:0;
    border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}
}

/* ---------- کارت تماسِ غنی ---------- */
.cc{align-self:stretch}
.cc__bd{padding:18px}
.cc__plate{margin-bottom:4px}
.cc__row{display:flex;gap:11px;padding-top:14px;margin-top:14px;border-top:1px dashed var(--line);
  font-size:13.5px;color:#41586B;line-height:1.9}
.cc__row > svg{width:17px;height:17px;color:#9AAAB8;flex:none;margin-top:6px}
.cc__row > div{flex:1;min-width:0}
.cc__row b{display:block;color:var(--ink);font-size:12.5px;font-weight:800;margin-bottom:2px}
.cc__addr{display:block;color:#41586B;overflow-wrap:anywhere}
.cc__go{margin-top:10px;font-size:13.5px;padding:9px 15px}
.cc__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cc__chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:800;color:#41586B;
  background:var(--steel-2);border:1px solid var(--line);border-radius:7px;padding:3px 9px;line-height:1.75}
.cc__chip--more{color:var(--blue-deep);background:var(--blue-soft);border-color:#B9D5EA}
.cc__foot--one{justify-content:flex-end}
.cc__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:13px 18px;border-top:1px solid var(--line);background:#FBFCFD}
/* پلاکِ کارت — رفعِ ساختاریِ بریدگی (مسدودکننده‌ی ۱ دور دومِ ماکاپ):
   ریشه `.plate{overflow:hidden}` بود به‌علاوه‌ی کشیدنِ پلاک به عرضِ ستون؛ آیکنِ
   تلفن (order:2، لبه‌ی راست) از وسط قیچی می‌شد. حالا پلاک **عرضِ ذاتی** دارد،
   از عرضِ ستون بیرون نمی‌زند، و اندازه‌ی رقم با clamp جمع می‌شود نه بریده. */
.cc .plate{width:max-content;max-width:100%}
.cc .plate--lg .plate__num{flex:0 1 auto;min-width:0;white-space:nowrap;
  font-size:clamp(16px,1.6vw,24px);padding:0 13px 0 15px;gap:9px}
.cc .plate--lg .plate__num svg{flex:none}
/* کارتِ تمام‌عرض: پلاک باید **ذاتاً** در ستون جا شود، نه اینکه با max-width
   کوتاه و با overflow:hidden بریده شود. محاسبه‌ی جا: ستون ≥۲۶۸px،
   پلاک ≈۲۳۸px در ۱۳۶۶ و ≈۲۰۸px در ۱۰۲۴/۳۹۰. */
.cc--wide .cc__bd{grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.cc--wide .plate--lg{min-height:52px}
.cc--wide .plate--lg .plate__band{width:30px}
.cc--wide .plate--lg .plate__num{font-size:clamp(15px,1.35vw,20px);padding:0 10px 0 12px;gap:7px}

@media (max-width:960px){
  .phero__v4{grid-template-columns:1fr;gap:20px}
  .phero__head{margin-bottom:18px}
  .pgal__main img{max-height:none;aspect-ratio:16/10}
  /* عکس + دکمه‌ها **یک خوشه‌ی وسط‌چین** می‌شوند: عکسِ نزدیک‌به‌مربع در ویوپورتِ
     باریک عرض‌محور است و ارتفاعش را نمی‌تواند پر کند، پس به‌جای چسباندنِ دکمه‌ها
     به کفِ صفحه (که ~۱۸۰px شکاف می‌ساخت) دکمه‌ها بلافاصله زیرِ عکس می‌نشینند و
     فضای خالی بالا و پایینِ خوشه پخش می‌شود. */
  .lb__stage{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:16px;
    padding:0 12px 12px;height:calc(100vh - 70px)}
  .lb__img{order:1;flex:0 0 100%;max-height:calc(100vh - 190px)}
  /* در جریانِ عادی، اولین آیتمِ ردیف در RTL سمتِ **راست** می‌نشیند؛ پس «قبلی»
     order:2 (راست) و «بعدی» order:3 (چپ) — همان جهتِ حالتِ دسکتاپ. */
  .lb__nav{position:static;inset:auto;transform:none;background:rgba(255,255,255,.12)}
  .lb__nav--prev{order:2;transform:rotate(180deg)}
  .lb__nav--next{order:3}
}

/* میان‌برِ متنیِ فیلد فرم (ساعات کاری) — بدون JS اصلاً رندر نمی‌شود. */
.fhint{margin-top:7px;align-self:flex-start;border:1px dashed var(--line);background:var(--steel-2);
  color:#41586B;font:inherit;font-size:12.5px;font-weight:800;border-radius:var(--r-s);
  padding:6px 11px;cursor:pointer}
.fhint:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}