/*
Theme Name: Emdad Master — قالب مادر امداد خودرو
Description: قالب چندبرندی امداد خودرو. یک کد مشترک برای چند دامنه؛ برند، رنگ، فونت، تلفن و محتوای هر سایت از «تنظیمات قالب» در پیشخوان همان سایت خوانده می‌شود. RTL، موبایل-اول، بدون وابستگی به Elementor یا پوسته دیگر.
Author: Emdad
Version: 2.8.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: re-emdad
Tags: rtl, custom-colors, custom-menu, custom-logo, featured-images, one-column
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   1. فونت — self-hosted، بدون درخواست به سرور خارجی
   ========================================================================== */
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/Vazirmatn-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

/* ==========================================================================
   2. توکن‌های طراحی — زرد / مشکی / سفید
   ========================================================================== */
:root{
  --yellow:#FFC629; --yellow-2:#E6AE00; --ink:#0C0C0D; --ink-2:#1B1B1D;
  --white:#fff; --muted:#63636A;
  --bg:#FFC629; --card:#fff; --line:#E7E7E3;
  --ok:#23C16B;

  /* هاور — از «تنظیمات قالب ← رنگ‌بندی هاورها» بازنویسی می‌شود */
  --h-btn-bg:#E6AE00; --h-btn-fg:#0C0C0D; --h-dark-bg:#1B1B1D; --h-ghost-bg:#fff;
  --h-link:#E6AE00; --h-card-line:#D6D6D1; --h-nav-bg:#26262A; --h-nav-fg:#fff;
  --h-chip-bg:#0C0C0D; --h-chip-fg:#FFC629; --h-footer:#fff; --h-focus:#E6AE00;
  --h-lift:-2px; --t:200ms;

  /* فوتر و نوار اعتماد */
  --f-bg:#0C0C0D; --f-fg:#A3A3A8; --f-link:#C4C4C9; --f-head:#fff;
  --trust-bg:#fff; --page-bg:#FFC629; --on-dark:#D7D7DA; --line-dark:#232326;
  --soft:#FFF6DC; --soft-ink:#8A6400; --white:#fff;
  --logo-h:44px;

  --r-sm:10px; --r:14px; --r-lg:20px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(12,12,13,.06), 0 2px 8px rgba(12,12,13,.05);
  --sh-2:0 4px 12px rgba(12,12,13,.08), 0 12px 32px rgba(12,12,13,.08);
  --sh-y:0 6px 18px rgba(255,198,41,.35);

  --wrap:1160px;
  --pad:16px;
  --fab-h:64px;

  --f-body:'Vazirmatn','Segoe UI',Tahoma,sans-serif;
  --f-size:16px; --lh:1.85; --hw:800; --h1max:44px;
}

/* ==========================================================================
   3. ریست و پایه
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
body.re{
  background:var(--page-bg); color:var(--ink);
  font-family:var(--f-body); font-size:var(--f-size); line-height:var(--lh);
  font-weight:400; overflow-x:hidden;
}
/* این پایه‌ها عمداً با `.re X` نوشته شده‌اند نه `body.re X`، تا وزن انتخابگر
   (0,1,1) از بازنویسی‌های تک‌کلاسه بخش‌های تیره پایین‌تر بالاتر نرود. */
.re img,.re svg{max-width:100%;height:auto;display:block}
.re a{color:var(--ink);text-decoration:none}
.re a:hover{text-decoration:none}
.re p{margin:0 0 1em}
.re h1,.re h2,.re h3,.re h4{
  margin:0 0 .5em; line-height:1.4; font-weight:var(--hw); color:var(--ink); letter-spacing:-.2px;
}
.re h1{font-size:clamp(26px,6vw,var(--h1max));line-height:1.32}
.re h2{font-size:clamp(22px,4.4vw,34px)}
.re h3{font-size:clamp(17px,2.6vw,21px);font-weight:700}
.re ul,.re ol{margin:0 0 1em;padding-inline-start:1.4em}
.re li{margin-bottom:.4em}
.re :focus-visible{outline:3px solid var(--h-focus);outline-offset:3px;border-radius:4px}

.re-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.re-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.re a.re-skip{position:absolute;inset-inline-start:0;top:-80px;z-index:999;background:var(--ink);color:#fff;padding:12px 18px;border-radius:0 0 var(--r-sm) 0;transition:top .15s}
.re a.re-skip:focus{top:0;color:#fff}



.re-duster-hero{
  position:relative;overflow:hidden;padding:32px 0 42px;
  background:linear-gradient(145deg,#0C0C0D 0%,#18181B 68%,#292106 100%);
  color:#D7D7DA;
}
.re-duster-hero::after{
  content:"";position:absolute;inset:auto -14% -62% auto;width:520px;aspect-ratio:1;
  border-radius:50%;background:rgba(255,198,41,.12);filter:blur(8px);pointer-events:none;
}
.re-duster-hero__grid{position:relative;z-index:1;display:grid;gap:24px;align-items:center}
.re-duster-hero__body{min-width:0}
.re-duster-eyebrow{
  display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;
  border:1px solid rgba(255,198,41,.35);border-radius:var(--r-pill);
  color:var(--yellow);background:rgba(255,198,41,.08);font-size:13.5px;font-weight:700;
}
.re-duster-hero h1{max-width:720px;margin:14px 0 12px;color:#fff;font-size:clamp(30px,7vw,52px);line-height:1.34}
.re-duster-hero__lead{max-width:670px;margin:0;color:#C5C5CA;font-size:16px;line-height:1.95}
.re-duster-hero__cta{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.re-duster-hero .re-btn--ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
.re-duster-hero .re-btn--ghost:hover{background:rgba(255,255,255,.13);border-color:#fff}
.re-duster-facts{display:grid;gap:8px;list-style:none;margin:18px 0 0;padding:0}
.re-duster-facts li{
  display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 11px;
  border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm);background:rgba(255,255,255,.05);
  color:#E5E5E8;font-size:14px;font-weight:600;
}
.re-duster-facts .re-i{width:19px;height:19px;fill:var(--yellow);flex:0 0 auto}
.re-duster-hero__visual{
  margin:0;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-lg);
  background:#202023;padding:8px;box-shadow:0 18px 48px rgba(0,0,0,.28);overflow:hidden;
}
.re-duster-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r-lg) - 7px)}

.re-duster-content{scroll-margin-top:92px}
.re-duster-layout{display:grid;grid-template-areas:"aside" "article";gap:18px;align-items:start}
.re-duster-aside{grid-area:aside;display:grid;gap:12px}
.re-duster-prose{grid-area:article;min-width:0}
.re-duster-prose img{width:100%;height:auto}
.re-duster-callcard,.re-duster-safety{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 18px;box-shadow:var(--sh-1);
}
.re-duster-callcard{background:var(--ink);border-color:#242427;color:#D7D7DA}
.re-duster-callcard h2{margin:12px 0 8px;color:#fff;font-size:22px}
.re-duster-callcard p{margin:0 0 16px;color:#B8B8BE;font-size:14.5px;line-height:1.8}
.re-duster-callcard .re-btn{justify-content:center}
.re-duster-safety h2{margin:0 0 14px;font-size:20px}
.re-duster-safety ol{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.re-duster-safety li{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start}
.re-duster-safety li>span{
  display:flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:800;
}
.re-duster-safety p{margin:3px 0 0;color:var(--muted);font-size:14px;line-height:1.75}
.re-duster-final .re-cta{max-width:900px;margin-inline:auto}
.re-duster-hero__cta{flex-direction:row;flex-wrap:wrap}
.re-duster-hero__cta .re-btn{flex:0 1 auto}
.re-duster-facts{grid-template-columns:repeat(3,1fr)}
.re-duster-hero{padding:56px 0 62px}
.re-duster-hero__grid{grid-template-columns:1.08fr .92fr;gap:38px}
.re-duster-layout{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"article aside";gap:24px;direction:ltr}
.re-duster-layout>*{direction:rtl}
.re-duster-aside{position:sticky;top:98px}

/* ==========================================================================
   4. دکمه‌ها — همه ≥ ۴۸px ارتفاع
   ========================================================================== */
.re-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:52px;padding:14px 26px;border-radius:var(--r-pill);
  font-family:inherit;font-size:17px;font-weight:800;line-height:1;
  border:2px solid transparent;cursor:pointer;text-decoration:none!important;
  transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease;
}
.re-btn:active{transform:translateY(1px)}
/* دوکلاسه تا وزنش از `.re a` بالاتر باشد */
.re-btn.re-btn--call{background:var(--yellow);color:var(--ink);box-shadow:var(--sh-y)}
.re-btn.re-btn--call:hover{background:var(--h-btn-bg);color:var(--h-btn-fg);transition-duration:var(--t)}
.re-btn.re-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.re-btn.re-btn--ghost:hover{background:var(--h-ghost-bg);border-color:var(--ink)}
.re-btn.re-btn--dark{background:var(--ink);color:#fff}
.re-btn.re-btn--dark:hover{background:var(--h-dark-bg);color:#fff}
.re-btn .re-btn__num,.re-btn .re-i{color:inherit}
.re-btn--lg{min-height:60px;font-size:19px;padding:16px 34px}
.re-btn--block{display:flex;width:100%}
.re-btn__num{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums}
.re-btn .re-i{width:22px;height:22px;flex:0 0 auto;fill:currentColor}

/* ==========================================================================
   5. هدر
   ========================================================================== */
.re-topbar{background:var(--ink);color:#B9B9BE;font-size:13.5px}
.re-topbar .re-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}
.re-topbar b{color:#fff;font-weight:600}
.re-topbar__note{display:flex;align-items:center;gap:7px}
.re-topbar__note .re-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(35,193,107,.6);animation:re-pulse 2.4s infinite}
@keyframes re-pulse{0%{box-shadow:0 0 0 0 rgba(35,193,107,.55)}70%{box-shadow:0 0 0 8px rgba(35,193,107,0)}100%{box-shadow:0 0 0 0 rgba(35,193,107,0)}}
.re-topbar__links{display:none;gap:18px}
.re-topbar a{color:#B9B9BE}

.re-header{position:sticky;top:0;z-index:80;background:var(--ink);border-bottom:1px solid #232326}
.re-header--static{position:static}
.re-header .re-wrap{display:flex;align-items:center;gap:14px;min-height:68px}
.re-logo{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;min-height:44px}
/* specificity باید از `.re img{height:auto}` بالاتر باشد وگرنه لوگو با ابعاد
   ذاتی فایل رندر می‌شود و هدر را چند برابر می‌کند. */
body.re .re-logo img{height:44px;width:auto;max-width:100%;flex:0 0 auto}

/* موبایل باریک — لوگو کمی کوچک‌تر تا با دکمه همبرگر و نوار بالا شلوغ نشود؛
   سایز پایه (۴۴px) در تبلت/دسکتاپ دست‌نخورده می‌ماند */
@media (max-width:479px){
  body.re .re-logo img{height:34px}
}
.re-logo__txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.re-logo__txt b{font-size:16px;font-weight:800;color:#fff;white-space:nowrap}
.re-logo__txt span{font-size:11.5px;color:#A3A3A8;white-space:nowrap}

.re-burger{
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;flex:0 0 48px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;
  cursor:pointer;padding:0;color:#fff;
}
.re-burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:.2s}
.re-burger span::before,.re-burger span::after{content:"";position:absolute;inset-inline:0;height:2px;background:currentColor;border-radius:2px;transition:.2s}
.re-burger span::before{top:-6px}.re-burger span::after{top:6px}
.re-burger[aria-expanded="true"] span{background:transparent}
.re-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.re-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

.re-header__call{display:none}

.re-nav{
  display:none;
  position:fixed;inset:0;top:0;z-index:90;
  background:#fff;padding:20px var(--pad) 32px;
  overflow-y:auto;
}
.re-nav.is-open{display:block}
.re-nav__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;min-height:48px}
.re-nav__close{width:48px;height:48px;border:1px solid var(--line);background:var(--bg);border-radius:12px;font-size:24px;line-height:1;color:var(--ink);cursor:pointer}
.re-nav__menu{list-style:none;margin:0;padding:0}
.re-nav__menu li{margin:0 0 2px}
.re-nav__menu a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:54px;padding:0 14px;border-radius:var(--r-sm);
  font-size:16.5px;font-weight:600;color:var(--ink);text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
/* فلش کوچک انتهای هر آیتم — فقط یک نشانهٔ ظریف قابل کلیک بودن */
.re-nav__menu a::after{
  content:"";width:7px;height:7px;flex:0 0 auto;opacity:.35;
  border-inline-start:2px solid currentColor;border-block-start:2px solid currentColor;
  transform:rotate(-135deg);transition:opacity .15s ease;
}
.re-nav__menu a:hover,.re-nav__menu .current-menu-item>a{background:var(--soft);color:var(--h-link)}
.re-nav__menu a:hover::after,.re-nav__menu .current-menu-item>a::after{opacity:.7}
.re-nav__cta{margin-top:20px;display:flex;flex-direction:column;gap:10px}

/* شبکه‌های اجتماعی — آیکون‌های دایره‌ای، هم‌راستا با سبک نرم بقیهٔ منو */
.re-nav__social{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.re-nav__social li{margin:0}
.re-nav__social a{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  background:var(--soft);color:var(--soft-ink);
  transition:background .15s ease,color .15s ease;
}
.re-nav__social a:hover{background:var(--h-link);color:#fff}
.re-nav__social .re-i{width:19px;height:19px}

/* زیرمنو — در موبایل همیشه زیر آیتم والد باز است (بدون نیاز به جاوااسکریپت) */
.re-nav__menu li.menu-item-has-children>a{display:flex;align-items:center;justify-content:space-between;gap:8px}
.re-nav__menu li.menu-item-has-children>a::after{transform:rotate(45deg)}
.re-nav__menu .sub-menu{list-style:none;margin:2px 0 0;padding:0}
.re-nav__menu .sub-menu li{padding-inline-start:14px}
.re-nav__menu .sub-menu a{min-height:46px;font-size:15px;font-weight:500}

/* ==========================================================================
   6. نوار تماس شناور
   ========================================================================== */
.re-fab{
  position:fixed;inset-inline:0;bottom:0;z-index:85;
  display:flex;gap:10px;padding:10px 12px;
  background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(8px);
  border-top:1px solid var(--line);
  padding-bottom:calc(10px + env(safe-area-inset-bottom));
}
.re-fab .re-btn{flex:1;min-height:52px;font-size:17px}
.re-fab .re-btn:only-child{gap:10px}
.re-fab .re-btn:only-child .re-btn__num{font-size:16px;opacity:.92}
body.re{padding-bottom:calc(var(--fab-h) + env(safe-area-inset-bottom))}

/* ==========================================================================
   7. بخش‌ها و کارت‌های عمومی
   ========================================================================== */
.re-sec{padding:38px 0}
.re-sec--tight{padding:28px 0}
.re-sec--dark{background:var(--ink);color:#D7D7DA}
.re-sec--dark h2,.re-sec--dark h3{color:#fff}
.re-sec--white{background:#fff}
.re-sec__head{max-width:760px;margin-bottom:20px}
.re-sec__head p{color:var(--muted);font-size:16.5px;margin:0}
.re-sec--dark .re-sec__head p{color:#B4B4B9}
.re-eyebrow{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:.3px;
  color:var(--ink);background:#FFF1C2;border-radius:var(--r-pill);
  padding:6px 14px;margin-bottom:12px;
}
.re-sec--dark .re-eyebrow{background:rgba(255,198,41,.16);color:var(--yellow)}

.re-grid{display:grid;gap:14px}
.re-grid--2{grid-template-columns:repeat(2,1fr)}
.re-grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}

.re-card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:20px 18px;box-shadow:var(--sh-1);
  transition:box-shadow .2s ease,border-color .2s ease,transform .12s ease;
}
a.re-card{display:block;text-decoration:none!important;color:inherit}
a.re-card:hover{box-shadow:var(--sh-2);border-color:var(--h-card-line);transform:translateY(var(--h-lift))}
.re-card h3{margin:0 0 6px}
.re-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.re-card__ico{
  width:46px;height:46px;border-radius:12px;background:#FFF6DC;color:var(--ink);
  display:flex;align-items:center;justify-content:center;margin-bottom:13px;
}
.re-card__ico .re-i{width:24px;height:24px;fill:currentColor}
.re-card--alert .re-card__ico{background:var(--ink);color:var(--yellow)}

/* --------------------------------------------------------------------------
   7b. تراکم موبایل — نشانه‌ها آکاردئون، خدمات کارت فشرده
   -------------------------------------------------------------------------- */
.re-sym details.re-card{padding:0;overflow:hidden}
.re-sym summary{
  display:flex;align-items:center;gap:12px;
  min-height:60px;padding:11px 16px;cursor:pointer;list-style:none;
}
.re-sym summary::-webkit-details-marker{display:none}
.re-sym summary::after{
  content:"+";margin-inline-start:auto;font-size:23px;line-height:1;
  color:var(--yellow-2);font-weight:400;flex:0 0 auto;
}
.re-sym details[open] summary::after{content:"−"}
.re-sym .re-card__ico{width:38px;height:38px;margin:0;border-radius:10px;flex:0 0 auto}
.re-sym .re-card__ico .re-i{width:20px;height:20px}
.re-sym summary h3{margin:0;font-size:15.5px;line-height:1.5;font-weight:700}
.re-sym details>p{padding:0 16px 15px;margin:0;color:var(--muted);font-size:14.5px;line-height:1.75}

.re-svc{grid-template-columns:repeat(2,1fr);gap:11px}
.re-svc .re-card{padding:15px 13px}
.re-svc .re-card__ico{width:40px;height:40px;margin-bottom:10px}
.re-svc .re-card__ico .re-i{width:21px;height:21px}
.re-svc .re-card h3{font-size:15.5px;line-height:1.5;margin:0}
.re-svc .re-card p{display:none}

/* ==========================================================================
   8. هیرو
   ========================================================================== */
.re-hero{
  position:relative;
  background:linear-gradient(160deg,var(--ink) 0%,var(--ink-2) 100%);
  color:#D7D7DA;padding:38px 0 40px;overflow:hidden;
}
.re-hero::after{
  content:"";position:absolute;inset-block:-40%;inset-inline-start:-15%;width:70%;
  background:radial-gradient(closest-side,rgba(255,198,41,.22),transparent 70%);
  pointer-events:none;
}
.re-hero>*{position:relative;z-index:1}
.re-hero h1{color:#fff;margin-bottom:14px}
.re-hero h1 span{color:var(--yellow);display:block;font-size:.62em;font-weight:700;margin-top:6px;letter-spacing:0}
.re-hero__lead{font-size:17.5px;line-height:1.85;color:#C4C4C9;margin:0 0 24px;max-width:600px}
.re-hero__cta{display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.re-hero .re-btn--ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
.re-hero .re-btn--ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.re-hero__visual{display:grid;gap:12px;margin-top:26px}
body.re .re-hero__image{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.12)}

/* کادر راهنمای فوری کنار تصویر هیرو */
.re-first60{
  background:rgba(12,12,13,.88);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-lg);padding:16px;color:#D7D7DA;box-shadow:0 12px 28px rgba(0,0,0,.2)
}
.re-first60__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.re-first60__head span{font-size:11px;font-weight:800;letter-spacing:.7px;color:var(--yellow);direction:ltr}
.re-first60__head h2{font-size:17px;color:#fff;margin:0;line-height:1.5}
.re-first60 ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:first60}
.re-first60 li{position:relative;margin:0;padding:8px 38px 8px 8px;font-size:13.5px;line-height:1.65;color:#D7D7DA;border-top:1px solid rgba(255,255,255,.08);counter-increment:first60}
.re-first60 li:first-child{border-top:0}
.re-first60 li::before{
  content:counter(first60,decimal-leading-zero);position:absolute;inset-inline-end:0;top:8px;
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  border-radius:9px;background:rgba(255,198,41,.14);color:var(--yellow);font-size:11px;font-weight:800
}

.re-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;list-style:none;margin:0;padding:0}
.re-chips li{
  display:flex;align-items:center;gap:8px;margin:0;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r-sm);padding:11px 12px;font-size:13.5px;font-weight:600;color:#EDEDEF;
}
.re-chips .re-i{width:18px;height:18px;fill:var(--yellow);flex:0 0 auto}

/* ==========================================================================
   9. نوار اعتماد
   ========================================================================== */
.re-trust{background:#fff;border-bottom:1px solid var(--line)}
.re-trust ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;list-style:none;margin:0;padding:0;background:var(--line)}
.re-trust li{margin:0;background:#fff;padding:18px 14px;text-align:center}
.re-trust b{display:block;font-size:22px;font-weight:800;color:var(--ink);line-height:1.3;direction:rtl}
.re-trust span{display:block;font-size:13px;color:var(--muted);margin-top:2px}

/* ==========================================================================
   10. مدل‌های خودرو
   ========================================================================== */
.re-models{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}
.re-models li{margin:0}
.re-models a{
  display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px 8px;text-align:center;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);
  font-size:15px;font-weight:600;color:var(--ink);text-decoration:none!important;
  transition:.15s;
}
.re-models a:hover{background:var(--h-chip-bg);color:var(--h-chip-fg);border-color:var(--h-chip-bg)}

.re-models--img{grid-template-columns:repeat(2,1fr);gap:10px}
.re-models--img a{
  flex-direction:column;align-items:stretch;gap:0;
  min-height:0;padding:0;overflow:hidden;background:#fff;text-align:start;
}
.re-models--img a:hover{background:var(--card);color:var(--ink);border-color:var(--h-card-line);box-shadow:var(--sh-2);transform:translateY(var(--h-lift))}
.re-model__thumb{
  display:block;background:var(--bg);border-bottom:1px solid var(--line);
  aspect-ratio:16/9;overflow:hidden;
}
.re-models--img .re-model__img{width:100%;height:100%;object-fit:cover;display:block}
.re-models--img .re-model__img--ph{
  object-fit:contain;padding:14% 16%;fill:var(--ink);opacity:.25;
  transition:opacity .2s ease,fill .2s ease;
}
.re-models--img a:hover .re-model__img--ph{opacity:.5;fill:var(--h-link)}
.re-model__name{
  display:flex;align-items:center;justify-content:center;
  min-height:46px;padding:9px 8px;font-size:15px;font-weight:700;text-align:center;
}
/* معرفی اختیاری زیر نام — فقط وقتی re_render_model_grid() با show_intro=true صدا زده شود */
.re-model__intro{
  display:block;padding:0 10px 12px;margin-top:-4px;
  font-size:12.5px;font-weight:400;line-height:1.7;color:var(--muted);text-align:center;
}

#re-models,#re-services,#re-symptoms,#re-coverage,#re-faq{scroll-margin-top:110px}

/* ==========================================================================
   11. مراحل
   ========================================================================== */
.re-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:10px}
.re-steps li{
  margin:0;position:relative;counter-increment:s;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:12px 46px 12px 12px;box-shadow:var(--sh-1);
}
.re-steps li::before{
  content:counter(s);position:absolute;inset-inline-start:auto;inset-inline-end:12px;top:12px;
  width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;
}
.re-steps h3,.re-sec--dark .re-steps h3{margin:0 0 3px;font-size:16px;color:var(--ink)}
.re-steps p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.7}

/* ==========================================================================
   12. پرسش‌های متداول — بدون جاوااسکریپت
   ========================================================================== */
.re-faq{display:grid;gap:10px}
.re-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);overflow:hidden}
.re-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:56px;padding:14px 18px;cursor:pointer;list-style:none;
  font-size:16px;font-weight:700;color:var(--ink);
}
.re-faq summary::-webkit-details-marker{display:none}
.re-faq summary::after{content:"+";font-size:24px;font-weight:400;color:var(--yellow-2);flex:0 0 auto;line-height:1;transition:transform .2s}
.re-faq details[open] summary::after{content:"−"}
.re-faq .re-faq__a{padding:0 18px 16px;color:var(--muted);font-size:15.5px;line-height:1.85}
.re-faq .re-faq__a p:last-child{margin-bottom:0}

/* ==========================================================================
   13. یادداشت درون‌محتوا
   ========================================================================== */
.re-note{
  background:var(--bg);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:14px 16px;font-size:15px;font-weight:600;line-height:1.75;
}
.re-note--ok{background:#EAFBF2;border-color:#BFEDD4;color:#0E7A48}
.re-note--err{background:#FDECEB;border-color:#F6C9C3;color:#B32B1E}

.re-faq--wide{max-width:860px}
.re-grid--contact{gap:12px;margin-bottom:20px}

/* ==========================================================================
   14. CTA پایانی
   ========================================================================== */
.re-cta{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-2) 100%);color:#D7D7DA;border-radius:var(--r-lg);padding:30px 20px;text-align:center}
.re-cta h2{color:#fff;margin-bottom:10px}
.re-cta p{color:#B4B4B9;max-width:520px;margin:0 auto 22px}

/* ==========================================================================
   15. محدوده پوشش
   ========================================================================== */
.re-areas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.re-areas li{margin:0}
.re-areas span{
  display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);
  font-size:14.5px;font-weight:600;color:var(--ink);
}
.re-sec--dark .re-areas span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#EDEDEF}

/* ==========================================================================
   16. محتوای متنی (صفحات و نوشته‌ها)
   ========================================================================== */
.re-prose{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 18px;box-shadow:var(--sh-1)}
.re-prose>*:first-child{margin-top:0}
.re-prose h2{margin-top:1.6em;font-size:clamp(20px,3.4vw,26px)}
.re-prose h3{margin-top:1.4em}
.re-prose img{border-radius:var(--r);margin-block:1.2em}
.re-prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.re-prose th,.re-prose td{border:1px solid var(--line);padding:10px 12px;text-align:start}
.re-prose th{background:var(--bg);font-weight:700;color:var(--ink)}
.re-prose blockquote{margin:1.4em 0;padding:14px 18px;border-inline-start:4px solid var(--yellow);background:var(--bg);border-radius:0 var(--r-sm) var(--r-sm) 0}
.re-prose blockquote p:last-child{margin-bottom:0}

.re-model-hero__grid{display:grid;gap:22px}
.re-model-hero__img{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-lg);padding:16px;overflow:hidden;
}
.re-model-hero__img .re-model__img{width:100%;height:auto;border-radius:var(--r);display:block}
.re-model-hero__img .re-model__img--ph{fill:#C9C9CE;opacity:.75;padding:6% 4%;aspect-ratio:16/9;height:auto}

.re-page-hero{background:linear-gradient(160deg,var(--ink),var(--ink-2));color:#D7D7DA;padding:30px 0}
.re-page-hero h1{color:#fff;margin-bottom:8px}
.re-page-hero p{color:#B4B4B9;margin:0;max-width:640px}

.re-crumbs{font-size:13.5px;color:#96969C;margin-bottom:12px}
.re-crumbs a{color:#C4C4C9}
.re-crumbs span{opacity:.55;margin-inline:6px}

/* --------------------------------------------------------------------------
   آرشیو مقالات، تک‌مقاله، صفحه‌بندی
   -------------------------------------------------------------------------- */
.re-cats{background:#fff;border-bottom:1px solid var(--line)}
.re-cats ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:12px 0}
.re-cats li{margin:0;flex:0 0 auto}
.re-cats a{
  display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-pill);
  font-size:14.5px;font-weight:700;color:var(--ink);white-space:nowrap;
  text-decoration:none!important;transition:.15s;
}
.re-cats a:hover{border-color:var(--h-card-line)}
.re-cats a.is-active{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.re-cats__n{
  font-size:12px;font-weight:700;opacity:.6;
  background:rgba(12,12,13,.08);border-radius:var(--r-pill);padding:1px 7px;
}
.re-cats a.is-active .re-cats__n{background:rgba(255,198,41,.22);opacity:.95;color:var(--yellow)}

.re-posts{display:grid;gap:16px}
.re-post{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--sh-1);display:flex;flex-direction:column;
  transition:box-shadow .2s ease,border-color .2s ease,transform .12s ease;
}
.re-post:hover{box-shadow:var(--sh-2);border-color:var(--h-card-line);transform:translateY(var(--h-lift))}
.re-post__thumb{display:block;background:var(--bg);border-bottom:1px solid var(--line)}
.re-post__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.re-post__ph{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:16/9;background:#FFF6DC;
}
.re-post__ph .re-i{width:38px;height:38px;fill:var(--ink);opacity:.28}
.re-post__body{padding:18px;display:flex;flex-direction:column;flex:1}
.re-post__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;
  font-size:13px;color:var(--muted);margin-bottom:9px;
}
.re-post__meta time{font-size:13px;color:var(--muted)}
.re-post__cat{
  display:inline-flex;align-items:center;min-height:26px;padding:2px 11px;
  background:#FFF1C2;color:#8A6400;border-radius:var(--r-pill);
  font-size:12.5px;font-weight:700;
}
.re-post h2{font-size:19px;line-height:1.5;margin:0 0 8px}
.re-post h2 a{color:var(--ink)}
.re-post h2 a:hover{color:var(--h-link);text-decoration:none}
.re-post__body p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 12px}
.re-post__more{
  margin-top:auto;font-size:14.5px;font-weight:700;color:var(--ink);
}

.re-pagination{margin-top:30px}
.re-pagination ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}
.re-pagination li{margin:0}
.re-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;
  padding:0 14px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);
  color:var(--ink);font-weight:700;text-decoration:none!important;
}
.re-pagination a.page-numbers:hover{border-color:var(--h-card-line)}
.re-pagination .page-numbers.current{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.re-pagination .page-numbers.dots{border-color:transparent;background:transparent}

.re-article-hero h1{max-width:800px}
.re-article__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:14px;color:#B4B4B9;margin-top:12px;
}
.re-article__meta a{color:#D7D7DA;font-weight:600}
.re-article__cover{margin:0 0 22px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2)}
.re-article__cover img{width:100%;height:auto;display:block}
.re-article__cover figcaption{
  background:#fff;border-top:1px solid var(--line);
  padding:11px 16px;font-size:13.5px;color:var(--muted);text-align:center;
}
.re-article{max-width:820px;margin-inline:auto}
.re-article > h2:first-child,.re-article > p:first-child{margin-top:0}

.re-adjacent{display:grid;gap:12px;margin-top:28px}
.re-adjacent__item{
  display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:16px 18px;text-decoration:none!important;box-shadow:var(--sh-1);
  transition:box-shadow .2s ease,border-color .2s ease;
}
.re-adjacent__item:hover{box-shadow:var(--sh-2);border-color:var(--h-card-line)}
.re-adjacent__item span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.re-adjacent__item b{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.6}
.re-adjacent__item--next{text-align:end}

/* ==========================================================================
   17. فوتر
   ========================================================================== */
.re-footer{background:var(--ink);color:#A3A3A8;padding:30px 0 18px;font-size:15px;margin-top:auto}
.re-footer h3{color:#fff;font-size:16px;margin-bottom:6px}
.re-footer a{color:#C4C4C9}
.re-footer__cols{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.re-footer__brand{grid-column:1/-1}
.re-footer ul{list-style:none;margin:0;padding:0}
.re-footer li{margin-bottom:2px}
.re-footer li a{display:inline-flex;align-items:center;min-height:44px}
.re-footer__brand p{font-size:14.5px;line-height:1.85;color:#8F8F95;margin:12px 0 0;max-width:340px}
.re-footer__nap{margin-top:14px;font-size:14.5px}
.re-footer__nap div{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.re-footer__nap .re-i{width:18px;height:18px;fill:#6C6C72;flex:0 0 auto;margin-top:3px}
.re-footer__bottom{border-top:1px solid #232326;margin-top:28px;padding-top:18px;font-size:13.5px;color:#7A7A80;text-align:center}
.re-tel{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums;font-weight:700}

/* ==========================================================================
   18. بریک‌پوینت‌ها
   ========================================================================== */
@media (min-width:600px){
  :root{--pad:24px}
  .re-sec{padding:64px 0}
  .re-svc{grid-template-columns:repeat(3,1fr)}
  .re-svc .re-card p{display:block}
  .re-hero{padding:52px 0 56px}
  .re-hero__cta{flex-direction:row;flex-wrap:wrap}
  .re-hero__cta .re-btn{flex:0 1 auto}
  .re-chips{grid-template-columns:repeat(4,1fr)}
  .re-trust ul{grid-template-columns:repeat(4,1fr)}
  .re-grid--2{gap:18px}
  .re-models{grid-template-columns:repeat(3,1fr)}
  .re-models--img{grid-template-columns:repeat(3,1fr);gap:14px}
  .re-prose{padding:28px}
  .re-cta{padding:44px 32px}
  .re-footer__cols{grid-template-columns:1.4fr 1fr 1fr}
  .re-footer__brand{grid-column:auto}
  .re-posts{grid-template-columns:repeat(2,1fr)}
  .re-adjacent{grid-template-columns:repeat(2,1fr)}
  .re-post--feat{grid-column:1/-1}
  .re-post--feat h2{font-size:24px}
}

@media (min-width:900px){
  .re-sec{padding:76px 0}
  .re-grid{gap:20px}

  .re-sym details.re-card{padding:20px 18px}
  .re-sym summary{display:block;padding:0;min-height:0;cursor:default;pointer-events:none}
  .re-sym summary::after{display:none}
  .re-sym .re-card__ico{width:46px;height:46px;margin-bottom:13px}
  .re-sym .re-card__ico .re-i{width:24px;height:24px}
  .re-sym summary h3{font-size:19px;margin-bottom:6px}
  .re-sym details>p{padding:0;font-size:15px}

  .re-grid--3{grid-template-columns:repeat(3,1fr)}
  .re-grid--2{grid-template-columns:repeat(2,1fr)}
  .re-steps{grid-template-columns:repeat(4,1fr)}
  .re-models{grid-template-columns:repeat(4,1fr)}
  .re-models--img{grid-template-columns:repeat(4,1fr);gap:18px}
  .re-model-hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:36px}
  .re-hero{padding:66px 0 72px}
  .re-hero__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
  .re-hero__visual{margin-top:0}
  .re-first60{padding:15px 16px}
  .re-posts{grid-template-columns:repeat(3,1fr)}
  .re-post--feat{flex-direction:row;align-items:stretch}
  .re-post--feat .re-post__thumb{flex:0 0 52%;border-bottom:0;border-inline-start:1px solid var(--line)}
  .re-post--feat .re-post__thumb img,.re-post--feat .re-post__ph{height:100%;aspect-ratio:auto;min-height:280px}
  .re-post--feat .re-post__body{justify-content:center;padding:32px}
  .re-post--feat h2{font-size:27px}
  .re-post--feat .re-post__body p{font-size:16px}

  .re-topbar__links{display:flex}
  .re-burger{display:none}
  .re-header__call{display:inline-flex}
  .re-nav,.re-nav.is-open{
    display:block;position:static;
    background:transparent;padding:0;overflow:visible;flex:0 1 auto;min-width:0;
  }
  .re-nav__head{display:none}
  /* با منوهای پرشمار (بدون منوی دستی، فهرست خودکار همهٔ برگه‌ها)، ردیف تک‌خطی
     ممکن است از عرض هدر بیشتر شود؛ به‌جای سرریز از هدر بیرون زدن (که کل صفحه
     را کج می‌کرد)، آیتم‌های اضافه به خط بعد می‌روند و هدر کمی بلندتر می‌شود */
  .re-nav__menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px;row-gap:6px}
  .re-nav__menu li{border:0}
  /* در دسکتاپ منو داخل هدر مشکی است، پس رنگ پایه باید روشن باشد */
  .re-header .re-nav__menu a{min-height:44px;padding:0 12px;font-size:15.5px;font-weight:600;border-radius:var(--r-sm);color:#D7D7DA}
  .re-header .re-nav__menu a:hover,.re-header .re-nav__menu .current-menu-item>a{background:var(--h-nav-bg);color:var(--h-nav-fg)}
  .re-nav__cta,.re-nav__social{display:none}
  /* دکمه تماس در هدر همیشه انتهای صف است — با dir=rtl یعنی سمت چپ */
  .re-header__call{order:99}

  /* زیرمنو دسکتاپ — dropdown با hover/focus روی آیتم والد */
  .re-header .re-nav li.menu-item-has-children{position:relative}
  .re-header .re-nav li.menu-item-has-children>a::after{transform:rotate(135deg);margin-top:-3px}
  .re-header .re-nav .sub-menu{
    display:none;position:absolute;top:100%;inset-inline-start:0;
    min-width:210px;margin-top:6px;padding:8px;
    background:var(--ink);border:1px solid #232326;border-radius:var(--r-sm);
    box-shadow:var(--sh-2);
    flex-direction:column;gap:0;z-index:95;
  }
  .re-header .re-nav li.menu-item-has-children:hover>.sub-menu,
  .re-header .re-nav li.menu-item-has-children:focus-within>.sub-menu{display:flex}
  .re-header .re-nav .sub-menu li{border:0;padding-inline-start:0}
  .re-header .re-nav .sub-menu a{min-height:42px;padding:0 12px;font-size:14.5px;font-weight:500;color:#D7D7DA;white-space:nowrap}
  .re-header .re-nav .sub-menu a:hover{background:var(--h-nav-bg);color:var(--h-nav-fg)}

  .re-fab{display:none}
  body.re{padding-bottom:0}
}

@media (min-width:1100px){
  .re-prose{padding:36px}
}

/* ========================================================================== 
   Homepage Visual Pass v1.8 — تصویرمحور، متن فشرده، Scoped به صفحه اصلی
   ========================================================================== */
body.home.re .re-sec{padding-block:44px}
body.home.re .re-sec--tight{padding-block:28px}
body.home.re .re-sec__head{margin-bottom:18px}

.re-chips--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.re-chips--compact li{justify-content:center;padding-inline:8px;text-align:center}
.re-hero__visual{position:relative}
body.re .re-hero__image{
  width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center;
  box-shadow:0 18px 46px rgba(0,0,0,.3)
}
.re-hero__visual .re-first60{position:relative;z-index:2;margin:-56px 10px 0;padding:13px 14px}
.re-hero__visual .re-first60__head{margin-bottom:5px}
.re-hero__visual .re-first60__head span{direction:rtl;letter-spacing:0}
.re-hero__visual .re-first60 li{padding-block:5px;font-size:12.5px;line-height:1.55}
.re-hero__visual .re-first60 li::before{top:5px}

.re-home-split{display:grid;gap:24px;align-items:center}
.re-home-media{
  position:relative;margin:0;overflow:hidden;border-radius:var(--r-lg);background:var(--ink);
  box-shadow:var(--sh-2);isolation:isolate
}
.re-home-media::after{
  content:"";position:absolute;inset:auto 0 0;height:42%;z-index:1;
  background:linear-gradient(transparent,rgba(12,12,13,.82));pointer-events:none
}
.re-home-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.re-home-media figcaption{
  position:absolute;inset-inline:16px;bottom:14px;z-index:2;color:#fff;
  font-size:14px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)
}

.re-service-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* کارت‌های نمایشی — لینک نیستند، پس هیچ افکت هاوری ندارند تا سیگنال
   اشتباهِ «قابل کلیک است» به کاربر داده نشود. */
.re-service-tile{
  display:flex;align-items:center;gap:10px;min-height:70px;padding:12px;
  background:#FFF8E5;border:1px solid #F0E2B7;border-radius:var(--r-sm);
  color:var(--ink)
}
.re-service-tile>span{
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;
  border-radius:10px;background:var(--ink);color:var(--yellow)
}
.re-service-tiles .re-i{width:20px;height:20px;fill:currentColor}
.re-service-tile strong{font-size:14px;line-height:1.5;font-weight:700}

.re-home-symptoms .re-home-media{order:-1}
.re-sym--compact{display:grid;gap:9px;margin-bottom:16px}
.re-sym--compact details.re-card{padding:0;overflow:hidden}
.re-sym--compact summary{
  display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 13px;
  cursor:pointer;pointer-events:auto;list-style:none
}
.re-sym--compact summary::after{display:block;content:"+";margin-inline-start:auto;font-size:22px;color:var(--yellow-2)}
.re-sym--compact details[open] summary::after{content:"−"}
.re-sym--compact .re-card__ico{width:38px;height:38px;margin:0;flex:0 0 38px}
.re-sym--compact summary h3{font-size:15px;margin:0;line-height:1.5}
.re-sym--compact details>p{padding:0 14px 14px;margin:0;font-size:14px;line-height:1.7}

.re-home-process__visual{
  position:relative;margin:0 0 16px;overflow:hidden;border-radius:var(--r-lg);
  background:#171719;box-shadow:0 18px 46px rgba(0,0,0,.28);isolation:isolate
}
.re-home-process__visual::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,transparent 30%,rgba(12,12,13,.9) 100%);pointer-events:none
}
.re-home-process__visual img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.re-home-process__visual figcaption{position:absolute;inset-inline:18px;bottom:14px;z-index:2}
.re-home-process__visual h2{font-size:25px;margin:0;color:#fff}
.re-home-process__visual .re-eyebrow{margin-bottom:8px}
.re-steps--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.re-steps--compact li{display:flex;align-items:center;min-height:74px;padding:12px 43px 12px 10px}
.re-steps--compact h3,.re-sec--dark .re-steps--compact h3{font-size:14px;line-height:1.55;margin:0}
.re-home-coverage{
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)
}
.re-home-coverage .re-eyebrow{margin-bottom:7px}
.re-home-coverage h2{font-size:23px;margin:0}
.re-home-process .re-areas{margin-top:16px}

.re-home-faq-grid{display:grid;gap:24px;align-items:center}
.re-home-support-media img{aspect-ratio:16/10;object-position:center}

@media (min-width:600px){
  body.home.re .re-sec{padding-block:56px}
  .re-service-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .re-home-coverage{flex-direction:row;align-items:center;justify-content:space-between}
}

@media (min-width:900px){
  body.home.re .re-sec{padding-block:64px}
  .re-hero__inner{grid-template-columns:.9fr 1.1fr}
  body.re .re-hero__image{aspect-ratio:2/1}
  .re-hero__visual .re-first60{margin:-70px 14px 0}
  .re-home-split{grid-template-columns:1fr 1fr;gap:38px}
  .re-home-symptoms .re-home-media{order:initial}
  .re-home-media img{min-height:390px;height:100%}
  .re-home-process__visual img{aspect-ratio:2.05/1;max-height:560px}
  .re-home-process__visual figcaption{inset-inline:30px;bottom:24px}
  .re-home-process__visual h2{font-size:34px}
  .re-steps--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .re-steps--compact li{min-height:84px}
  .re-home-faq-grid{grid-template-columns:.88fr 1.12fr;gap:36px}
  .re-home-support-media img{min-height:460px;object-fit:cover}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

@media print{.re-fab,.re-nav,.re-burger,.re-topbar{display:none!important}body.re{padding-bottom:0}}

/* ==========================================================================
   ۱۸. قالب مادر — اجزایی که از تنظیمات پر می‌شوند
   ========================================================================== */

/* لوگوی تصویری — ارتفاع ثابت تا هدر با لوگوهای مختلف نپرد */

.re-footer__logo{height:46px;width:auto;max-width:200px;object-fit:contain;margin-bottom:12px}

.re-footer__social{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.re-footer__social li{margin:0}
.re-footer__social a{
  display:inline-flex;align-items:center;min-height:36px;padding:0 12px;
  border:1px solid rgba(255,255,255,.22);border-radius:var(--r-pill);
  font-size:13.5px;font-weight:600;color:#fff;transition:border-color .15s,background .15s
}
.re-footer__social a:hover{background:rgba(255,255,255,.1);border-color:#fff}

.re-footer__note{
  margin:24px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);
  font-size:13.5px;color:#B4B4B9;line-height:1.9
}

/* پیام حالت خالی — اغلب فقط برای مدیر سایت دیده می‌شود */
.re-empty{
  margin:0;padding:18px 20px;border:1px dashed var(--line);border-radius:var(--r);
  background:var(--card);color:var(--muted);font-size:14.5px;line-height:1.9
}

/* ==========================================================================
   ۱۹. متغیرهای پنل — فوتر، نوار اعتماد و لوگو
   این قوانین عمداً پایین‌تر از تعریف‌های بالا آمده‌اند تا بر آن‌ها اولویت
   داشته باشند؛ مقدار پیش‌فرض هر متغیر در :root هست، پس سایتی که
   چیزی تنظیم نکرده دقیقاً مثل قبل رندر می‌شود.
   ========================================================================== */
.re .re-footer{background:var(--f-bg);color:var(--f-fg)}
.re .re-footer h3{color:var(--f-head)}
.re .re-footer a{color:var(--f-link);transition:color var(--t)}
.re .re-footer a:hover{color:var(--h-footer)}
.re .re-footer__bottom{color:var(--f-fg)}
.re-footer__credit{display:block;margin-top:6px;opacity:.8;font-size:13px}

.re .re-trust{background:var(--trust-bg)}
.re-trust__ico{display:inline-flex;margin-inline-end:6px;vertical-align:-3px}
.re-trust__ico svg{width:18px;height:18px;fill:var(--yellow-2)}

.re-logo__img{height:var(--logo-h);width:auto;max-width:220px;object-fit:contain}
@media (max-width:600px){.re-logo__img{max-width:160px}}


/* ==========================================================================
   ۲۰. صفحه تک‌مقاله — هیرو، چیدمان دوستونه، کارت کناری و برچسب‌ها
   ========================================================================== */
.re-article-hero{position:relative;overflow:hidden}
.re-article-hero__grid{
  position:relative;z-index:1;display:grid;gap:24px;align-items:center;margin-top:14px
}
.re-article-hero__body{min-width:0}
.re-article-hero h1{max-width:760px;margin:12px 0 12px;line-height:1.34}
.re-article__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  color:#B4B4B9;font-size:14px;margin-bottom:18px
}
.re-article__meta time{color:inherit}
.re-article-hero .re-hero__cta{margin:0 0 18px}

/* نوار «پاسخگویی شبانه‌روزی / محدوده / حمل» زیر دکمه تماس.
   روی پس‌زمینه تیره هیرو می‌نشیند، پس رنگ متن روشن است و پس‌زمینه‌اش
   شیشه‌ای — همان الگوی .re-chips در هیرو صفحه اصلی. flex با flex-basis
   یعنی روی موبایل زیر هم و روی دسکتاپ در یک ردیف می‌نشینند، بدون
   media query جداگانه. */
.re-article-facts{
  display:flex;flex-wrap:wrap;gap:9px;
  list-style:none;margin:0;padding:0
}
.re-article-facts li{
  display:flex;align-items:center;gap:9px;margin:0;
  flex:1 1 190px;min-width:0;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r-sm);
  padding:11px 12px;
  font-size:13.5px;font-weight:600;color:#EDEDEF;
  transition:background var(--t),border-color var(--t)
}
.re-article-facts li:hover{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.22)
}
.re-article-facts li span{min-width:0;overflow-wrap:anywhere}
.re-article-facts .re-i{width:18px;height:18px;fill:var(--yellow);flex:0 0 auto}

.re-article-hero__visual{
  margin:0;padding:7px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--sh-2)
}
.re-article-hero__visual img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:calc(var(--r-lg) - 7px)
}

.re-article-content{scroll-margin-top:92px}
.re-article-layout{display:grid;grid-template-areas:"aside" "main";gap:18px;align-items:start}
.re-article-aside{grid-area:aside;display:grid;gap:12px}
.re-article-main{grid-area:main;min-width:0}
.re-article-main img{width:100%;height:auto}

.re-article-callcard,.re-article-safety{
  background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:18px
}
.re-article-callcard{background:var(--ink);border-color:var(--line-dark);color:var(--on-dark)}
.re-article-callcard .re-eyebrow{color:var(--yellow)}
.re-article-callcard h2{margin:12px 0 8px;color:#fff;font-size:22px}
.re-article-callcard p{margin:0 0 16px;font-size:14.5px;line-height:1.8}
.re-article-callcard .re-btn{justify-content:center}

.re-article-safety h2{margin:0 0 14px;font-size:20px}
.re-article-safety ol{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.re-article-safety li{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;margin:0}
.re-article-safety li>span{
  display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:var(--soft);color:var(--ink);font-weight:800;font-size:14px
}
.re-article-safety p{margin:3px 0 0;color:var(--muted);font-size:14px;line-height:1.75}

/* برچسب‌های نوشته — مبنای بخش «مطالب مرتبط» هم همین‌هاست */
.re-tags{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin-top:26px;padding-top:18px;border-top:1px solid var(--line)
}
.re-tags__label{color:var(--muted);font-size:14px;font-weight:600}
.re-tags ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.re-tags li{margin:0}
.re-tags a{
  display:inline-flex;align-items:center;min-height:34px;padding:0 13px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);
  font-size:13.5px;font-weight:600;color:var(--ink);
  transition:border-color var(--t),background var(--t),color var(--t)
}
.re-tags a:hover{border-color:var(--h-card-line);background:var(--soft)}

@media (min-width:900px){
  .re-article-hero__grid{grid-template-columns:1fr 520px;gap:32px}
  .re-article-layout{grid-template-areas:"main aside";grid-template-columns:1fr 320px;gap:28px}
  .re-article-aside{position:sticky;top:88px}
}


/* ==========================================================================
   ۲۱. محدوده اعزام — منطقه (H3) و محله‌های هرکدام (H4)
   در بخش تیره صفحه اصلی می‌نشیند، پس رنگ‌ها روشن‌اند.
   ========================================================================== */
.re-coverage{margin-top:34px}
.re-coverage__head{
  display:grid;gap:14px;align-items:center;
  padding-bottom:18px;margin-bottom:20px;
  border-bottom:1px solid var(--line-dark)
}
.re-coverage__head h2{margin:0}
.re-coverage__desc{margin:8px 0 0;max-width:640px;font-size:15px;line-height:1.9;color:var(--on-dark)}
.re-sec--white .re-coverage__desc,.re-sec:not(.re-sec--dark) .re-coverage__desc{color:var(--muted)}

.re-zones{display:grid;gap:14px}

.re-zone{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.11);
  border-radius:var(--r-lg);
  padding:18px 18px 16px
}
.re-zone__title{
  margin:0 0 12px;padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:clamp(17px,2.4vw,20px);line-height:1.5;color:#fff
}

/* محله‌ها — هرکدام یک h4 است، پس وزن و اندازه‌اش عمداً پایین
   آورده شده تا سلسله‌مراتب بصری با سلسله‌مراتب معنایی یکی بماند */
.re-zone__places{
  display:flex;flex-wrap:wrap;gap:7px;
  list-style:none;margin:0;padding:0
}
.re-zone__places li{margin:0}
.re-zone__places h4{
  display:inline-flex;align-items:center;min-height:32px;
  margin:0;padding:5px 12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-pill);
  font-size:13px;font-weight:600;line-height:1.6;
  color:var(--on-dark);letter-spacing:0;
  transition:background var(--t),border-color var(--t),color var(--t)
}
.re-zone__places li:hover h4{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.24);
  color:#fff
}

@media (min-width:700px){
  .re-coverage__head{grid-template-columns:1fr auto}
  .re-zones{grid-template-columns:repeat(2,1fr);gap:16px}
}

/* وقتی بخش روی پس‌زمینه روشن قرار بگیرد (مثلاً در برگه داخلی) */
.re-sec--white .re-zone,.re-sec:not(.re-sec--dark) .re-zone{
  background:var(--card);border-color:var(--line)
}
.re-sec--white .re-zone__title,.re-sec:not(.re-sec--dark) .re-zone__title{
  color:var(--ink);border-bottom-color:var(--line)
}
.re-sec--white .re-zone__places h4,.re-sec:not(.re-sec--dark) .re-zone__places h4{
  background:var(--soft);border-color:var(--line);color:var(--ink)
}
.re-sec--white .re-coverage__head,.re-sec:not(.re-sec--dark) .re-coverage__head{
  border-bottom-color:var(--line)
}

/* ==========================================================================
   ۱۹. لایهٔ حرکت و هاور — الهام‌گرفته از میکرو‌اینتراکشن‌های سایت مرجع
   (نور لغزان روی کارت، بالا‌آمدن نرم، درخشش آیکون، ظاهرشدن هنگام اسکرول)
   کاملاً افزایشی؛ همه با prefers-reduced-motion خنثی می‌شوند (بلوک بالا).
   رنگ‌ها با تم زرد/روشنِ خودِ قالب تطبیق داده شده، نه کپی تیرهٔ مرجع.
   ========================================================================== */

/* --- نور لغزان (shine) روی خانوادهٔ کارت‌های لینک‌دار --- */
.re-models--img a,
a.re-card,
.re-post,
.re-brand-card{
  position:relative;
  isolation:isolate;
}
.re-models--img a,
a.re-card{
  overflow:hidden;
}
.re-models--img a::before,
a.re-card::before,
.re-post::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-60%;
  inset-inline-end:-150px;
  width:90px;
  height:220%;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.55) 48%,rgba(255,246,220,.35) 54%,transparent 80%);
  transform:rotate(18deg);
  transition:inset-inline-end .7s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}
.re-models--img a:hover::before,
a.re-card:hover::before,
.re-post:hover::before{
  inset-inline-end:calc(100% + 90px);
}

/* --- بالا‌آمدن کمی محسوس‌تر + حاشیهٔ گرم روی هاور (هماهنگ با مرجع) --- */
.re-models--img a:hover,
a.re-card:hover,
.re-post:hover{
  transform:translateY(-6px);
  border-color:var(--yellow);
  box-shadow:var(--sh-2), 0 0 0 1px rgba(255,198,41,.12);
}

/* --- آیکون کارت: حلقهٔ نقطه‌چین چرخان + درخشش هنگام هاورِ کارت --- */
.re-card__ico{position:relative;transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease}
.re-card__ico::after{
  content:"";position:absolute;inset:5px;border:1px dashed rgba(12,12,13,.18);
  border-radius:inherit;transition:transform .55s ease;pointer-events:none;
}
a.re-card:hover .re-card__ico,
.re-svc .re-card:hover .re-card__ico{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 0 26px rgba(255,198,41,.35);
}
a.re-card:hover .re-card__ico::after{transform:rotate(28deg)}
.re-card--alert:hover .re-card__ico,
a.re-card--alert:hover .re-card__ico{box-shadow:0 0 26px rgba(255,198,41,.45)}

/* --- دکمه‌ها: پالس نرم + نور لغزان روی هاور --- */
.re-btn{position:relative;overflow:hidden;isolation:isolate}
.re-btn::after{
  content:"";position:absolute;z-index:0;top:-50%;inset-inline-end:-80px;
  width:60px;height:200%;transform:rotate(18deg);pointer-events:none;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);
  transition:inset-inline-end .6s cubic-bezier(.22,.61,.36,1);
}
.re-btn:hover::after{inset-inline-end:calc(100% + 80px)}
.re-btn>*{position:relative;z-index:1}
.re-btn.re-btn--call:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,198,41,.4)}

/* --- آیکون‌های شبکه‌های اجتماعی منو: بزرگ‌نمایی نرم --- */
.re-nav__social a{transition:background .15s ease,color .15s ease,transform .2s ease,box-shadow .2s ease}
.re-nav__social a:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 18px rgba(230,174,0,.3)}

/* --- ردیف‌های نوار اعتماد: برجسته‌شدن نرم هنگام هاور --- */
.re-trust li{transition:background .25s ease,transform .25s ease}
.re-trust li:hover{background:var(--soft);transform:translateY(-2px)}

/* --- کارت مدل روی صفحهٔ آرشیو/فهرست: زوم نرم تصویر داخل کادر --- */
.re-models--img .re-model__img{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.re-models--img a:hover .re-model__img{transform:scale(1.06)}