/* ==================================================================
   lg.css  —  قالب اختصاصی «نمایندگی تعمیرات ال جی»  (صفحه اصلی و اجزای مشترک)
   ------------------------------------------------------------------
   بخش ۱: قواعد پایه ساختاری (توکن محور)
   بخش ۲: لایه طراحی LG در انتهای فایل — رنگ، فرم و ریتم نهایی
   ================================================================== */


/* ==================================================================
   متغیرهای رنگ برند زیمنس
   ================================================================== */
:root{
  --petrol:        #a50034;   /* فیروزه‌ای اصلی زیمنس */
  --petrol-dark:   #7c0027;
  --deep:          #171215;   /* سرمه‌ای تیره برای هدر و فوتر */
  --deep-soft:     #2b2226;
  --bg:            #faf7f8;   /* پس‌زمینه روشن */
  --white:         #ffffff;
  --text:          #201a1d;
  --text-soft:     #6c6166;
  --line:          #e6e0e2;
  --radius:        14px;
  --shadow:        0 10px 30px rgba(23,18,21,.10);
  --transition:    .3s cubic-bezier(.4,0,.2,1);
}


/* لینک «پرش به محتوا» برای دسترس‌پذیری و سئو */
.skip{
  position:absolute;right:16px;top:-60px;z-index:200;background:var(--petrol);color:#fff;
  padding:10px 20px;border-radius:0 0 10px 10px;font-weight:700;font-size:.85rem;transition:top .2s;
}
.skip:focus{top:0}
/* دکمه موبایل هدر */
.btn-mobile{background:var(--petrol);color:#fff;box-shadow:0 8px 18px rgba(165,0,52,.35)}
.btn-mobile:hover{background:var(--petrol-dark);transform:translateY(-2px)}
.btn-mobile .btn-call-icon{display:block;flex:none;width:1.15em;height:1.15em}

/* ================= ریست و پایه ================= */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-fa);
  background:var(--bg);
  color:var(--text);
  line-height:1.9;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{max-width:1280px;margin:0 auto;padding:0 28px}

/* تیتر بخش‌ها */
.sec-head{text-align:center;margin-bottom:48px}
.sec-head .eyebrow{
  display:inline-block;color:var(--petrol);font-weight:700;font-size:.92rem;
  letter-spacing:.5px;background:rgba(165,0,52,.1);
  padding:5px 18px;border-radius:50px;margin-bottom:14px;
}
.sec-head h2{font-size:clamp(1.75rem,3.6vw,2.45rem);font-weight:800;color:var(--deep);line-height:1.45}
.sec-head p{color:var(--text-soft);max-width:620px;margin:12px auto 0;font-size:1.02rem}
section{padding:80px 0}

/* === محتوای ادیتور — تطابق با CKEditor (WYSIWYG) === */
.article-intro.rich-content,
.content-block.rich-content,
.section-content.rich-content,
.page-content.rich-content,
.about-lead.rich-content,
.about-more__inner.rich-content,
.rich-content{
  font-family:var(--font-fa);
  font-size:14px;
  line-height:1.8;
  direction:rtl;
  text-align:right;
  color:#241d20;
}
.rich-content div,
.rich-content p{
  margin:0;
  padding:0;
  font-weight:400;
  color:inherit;
}
/* فقط strong/b بولد — متن بعد از برچسب عادی */
.rich-content :is(strong,b){
  font-weight:700;
}
.rich-content :is(strong,b) + span,
.rich-content :is(strong,b) + *:not(:is(strong,b)){
  font-weight:400;
}
.rich-content a:not(.btn){
  color:#8e002c;
  font-weight:inherit;
  text-decoration:none;
}
.rich-content a:not(.btn):hover{
  text-decoration:underline;
}
.rich-content img{
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  margin:28px auto!important;
  float:none!important;
  border-radius:12px;
}
.rich-content figure{
  display:block;
  margin:28px auto;
  text-align:center;
  max-width:100%;
}
.rich-content figure img{
  margin:0 auto 10px!important;
}
.rich-content figcaption{
  text-align:center;
  font-size:.85rem;
  color:var(--text-soft,#6c6166);
  margin-top:8px;
}
/* p که فقط یک تصویر دارد — وسط‌چین */
.rich-content p:has(> img:only-child),
.rich-content p:has(> a:only-child > img:only-child){
  text-align:center;
}
/* br مثل ادیتور — بدون فاصله اضافه */
.rich-content br{
  display:inline;
  margin:0;
  line-height:inherit;
}

/* انیمیشن ظاهرشدن هنگام اسکرول */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
/* محتوای کاربردی — بدون انیمیشن مخفی‌کننده */
.reveal-static,
.comments .c-list,
.comments .comment-form,
.page-tail form,
.page-tail .faq-list,
.toc,.toc-inline,.side-cta,
.cta-band,.cta-band .box,.cta-band .cta-body,
.page-cta-wrap,.page-cta-wrap *{
  opacity:1 !important;transform:none !important;
}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .slide.active .slide-frame__photo,.slide.active .slide-frame__panel{animation:none}
  .svc:hover .svc-media img{transform:none}
  .article-card:hover .article-card__media img{transform:none}
  .article-card:hover{transform:none}
}

/* ==================================================================
   نوار بالای هدر (تماس سریع)
   ================================================================== */
.topbar{background:var(--deep);color:#efe1e5;font-size:.83rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:38px;flex-wrap:wrap;gap:6px}
.topbar a{color:#fff;font-weight:700;transition:var(--transition)}
.topbar-phone{
  font-size:clamp(1rem,.95rem + .35vw,1.15rem);
  font-weight:800;letter-spacing:.04em;color:#fff;
  unicode-bidi:plaintext;padding:2px 0;
}
.topbar-phone:hover{color:var(--petrol)}
.topbar .dot{color:var(--petrol);margin:0 8px}

/* ==================================================================
   هدر چسبان
   ================================================================== */
header.main{
  position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px;padding:6px 0}

/* لوگو */
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--deep)}
.logo--image-only{gap:0;font-size:0;line-height:0}
.logo--image-only .logo-img{
  display:block;width:auto;height:59px;max-width:min(187px,18vw);object-fit:contain;
}
.logo--footer{display:inline-flex;margin-bottom:0}
.logo-foot-frame{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;background:#fff;border-radius:10px;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 6px 20px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.92);
  margin-bottom:16px;line-height:0;
}
.logo--footer .logo-img,.logo--footer .logo-mark--footer,.logo--footer .logo-mark{
  height:47px;max-width:min(147px,90%);width:auto;border-radius:0;
}
.logo--footer .logo-mark{width:47px;font-size:1.33rem;border-radius:8px}
@media(min-width:769px){
  .logo-foot-frame{padding:12px 18px;border-radius:12px}
  .logo--footer .logo-img,.logo--footer .logo-mark--footer,.logo--footer .logo-mark{
    height:61px;max-width:min(191px,90%);
  }
  .logo--footer .logo-mark{width:61px;font-size:1.73rem}
}
.logo .mark,.logo-mark{
  width:44px;height:44px;border-radius:10px;background:var(--petrol);
  display:grid;place-items:center;color:#fff;font-size:1.3rem;font-weight:900;
  box-shadow:0 6px 14px rgba(165,0,52,.35);
}
.logo--image-only .logo-mark{
  width:59px;height:59px;border-radius:8px;font-size:1.65rem;
}
.logo small{display:block;font-size:.68rem;font-weight:400;color:var(--text-soft)}

/* آیکون‌های Font Awesome */
.fa-btn-icon{font-size:1rem;line-height:1}
.fa-quick-icon{font-size:1.35rem;line-height:1}
.fa-service-icon{font-size:1.5rem;line-height:1}
.fa-slide-art-icon{
  font-size:min(8rem,18vw);line-height:1;color:#fff;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));
}
.fa-float-wa-icon{font-size:1.75rem;line-height:1}
.fa-cover-icon{font-size:4.4rem;line-height:1;opacity:.9}
.fa-meta-icon{font-size:.875rem;line-height:1;opacity:.85}
.fa-share-icon{font-size:1.05rem;line-height:1}
.foot-contact .ic i,.socials a i,.quick .ic i,.svc-icon-wrap .ic i{display:block}

/* منو */
.menu{font-weight:600;font-size:.9rem}
.menu-list{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:nowrap;align-items:center}
.menu-item{position:relative}
.menu-row{display:flex;align-items:center;gap:4px}
.menu-link{
  position:relative;display:inline-flex;align-items:center;padding:6px 0;
  transition:var(--transition);white-space:nowrap;color:inherit;text-decoration:none;
}
.menu-link::after{
  content:"";position:absolute;right:0;bottom:0;height:2px;width:0;
  background:var(--petrol);transition:var(--transition);border-radius:2px;
}
.menu-link:hover{color:var(--petrol)}
.menu-link:hover::after{width:100%}
.menu-sub-toggle{
  display:none;align-items:center;justify-content:center;
  width:30px;height:30px;padding:0;border:none;background:transparent;
  color:var(--text-soft);cursor:pointer;border-radius:8px;transition:var(--transition);
}
.menu-sub-toggle:hover{background:rgba(165,0,52,.08);color:var(--petrol)}
.menu-sub-icon{font-size:.72rem;transition:transform .2s}
.menu-item.open > .menu-row .menu-sub-icon{transform:rotate(180deg)}
.menu-sub{
  list-style:none;margin:0;padding:6px;min-width:210px;
  position:absolute;top:calc(100% + 10px);right:0;
  background:var(--white);border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s,transform .18s,visibility .18s;z-index:1200;
}
.menu-item.has-children:hover > .menu-sub,
.menu-item.has-children:focus-within > .menu-sub{
  opacity:1;visibility:visible;transform:translateY(0);
}
.menu-sub .menu-item{width:100%}
.menu-sub .menu-link{display:block;padding:10px 14px;white-space:nowrap}
.menu-sub .menu-link::after{display:none}
.menu-sub .menu-item.has-children > .menu-sub{
  top:0;right:100%;margin-right:6px;
}
.menu-list > .menu-item:nth-last-child(-n+2) > .menu-sub{right:auto;left:0}
.menu-list > .menu-item:nth-last-child(-n+2) .menu-sub .menu-item.has-children > .menu-sub{
  right:auto;left:100%;margin-right:0;margin-left:6px;
}

/* دکمه‌های تماس هدر */
.nav-actions{display:flex;align-items:center;gap:10px;flex:none}
.btn{
  display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;
  padding:11px 22px;border-radius:50px;border:none;cursor:pointer;
  transition:var(--transition);font-family:inherit;white-space:nowrap;
}
.btn-petrol{background:var(--petrol);color:#fff;box-shadow:0 8px 18px rgba(165,0,52,.35)}
.btn-petrol:hover{background:var(--petrol-dark);transform:translateY(-2px)}
.btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.3)}
.btn-whatsapp:hover{background:#1ebe58;transform:translateY(-2px)}
.btn-outline{background:transparent;border:2px solid var(--petrol);color:var(--petrol)}
.btn-outline:hover{background:var(--petrol);color:#fff}
.nav-actions .btn span[dir="ltr"]{
  font-size:1.02rem;font-weight:800;letter-spacing:.03em;
}

/* منوی همبرگری موبایل */
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:2}
.burger span{width:26px;height:3px;background:var(--deep);border-radius:3px;transition:var(--transition)}
.burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ==================================================================
   منوی موبایل — دراور تمام‌قد
   ================================================================== */
.mob-nav{
  position:fixed;inset:0;z-index:1400;pointer-events:none;visibility:hidden;
}
.mob-nav.is-open{pointer-events:auto;visibility:visible}
.mob-nav__backdrop{
  position:absolute;inset:0;background:rgba(28,20,23,.55);
  opacity:0;transition:opacity .35s ease;backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.mob-nav.is-open .mob-nav__backdrop{opacity:1}
.mob-nav__panel{
  position:absolute;top:0;right:0;bottom:0;width:min(92vw,390px);
  background:var(--white);display:flex;flex-direction:column;
  box-shadow:-12px 0 40px rgba(28,20,23,.18);
  transform:translateX(105%);transition:transform .38s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.mob-nav.is-open .mob-nav__panel{transform:none}
.mob-nav__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 14px 12px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#faf7f8 100%);
  flex:none;
}
.mob-nav__brand{display:inline-flex;align-items:center;line-height:0}
.mob-nav__brand .logo-img{height:48px;width:auto;max-width:min(170px,52vw);object-fit:contain}
.mob-nav__brand .logo-mark{width:48px;height:48px;font-size:1.35rem;border-radius:8px}
.mob-nav__close{
  width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;
  background:rgba(165,0,52,.1);color:var(--petrol);display:grid;place-items:center;
  transition:var(--transition);flex:none;
}
.mob-nav__close:hover{background:rgba(165,0,52,.18);transform:scale(1.04)}
.mob-nav__close-icon{font-size:1.15rem;line-height:1}
.mob-nav__scroll{
  flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  padding:8px 0 12px;
}
.mob-nav__list{list-style:none;margin:0;padding:0}
.mob-nav__item{border-bottom:1px solid var(--line)}
.mob-nav__item:last-child{border-bottom:none}
.mob-nav__branch{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:54px;padding:14px 16px;border:none;background:transparent;cursor:pointer;
  font-family:inherit;font-size:1.02rem;font-weight:700;color:var(--text);text-align:right;
  transition:color .2s,background .2s;
}
.mob-nav__branch:hover,.mob-nav__branch:focus-visible{
  color:var(--petrol);background:rgba(165,0,52,.05);outline:none;
}
.mob-nav__branch-label{flex:1}
.mob-nav__item.is-open > .mob-nav__branch{color:var(--petrol);background:rgba(165,0,52,.06)}
.mob-nav__chev{font-size:.85rem;transition:transform .32s cubic-bezier(.4,0,.2,1);color:var(--text-soft);flex:none}
.mob-nav__item.is-open > .mob-nav__branch .mob-nav__chev{transform:rotate(180deg);color:var(--petrol)}
.mob-nav__link{
  display:flex;align-items:center;padding:14px 16px;width:100%;
  font-size:1.02rem;font-weight:700;color:var(--text);text-decoration:none;
  transition:color .2s,background .2s;
}
.mob-nav__link--solo{width:100%}
.mob-nav__link:hover,.mob-nav__link:focus-visible{color:var(--petrol);background:rgba(165,0,52,.05)}
.mob-nav__sub-wrap{
  display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1);
  background:linear-gradient(180deg,#faf7f8 0%,#f9f5f6 100%);
}
.mob-nav__item.is-open > .mob-nav__sub-wrap{grid-template-rows:1fr}
.mob-nav__sub{
  list-style:none;margin:0;padding:0 0 6px;overflow:hidden;
  border-top:1px solid rgba(165,0,52,.12);
}
.mob-nav__item--nested .mob-nav__link{
  font-size:.94rem;font-weight:600;color:var(--text-soft);padding:12px 16px 12px 28px;
}
.mob-nav__item--nested .mob-nav__branch{
  font-size:.94rem;font-weight:600;color:var(--text-soft);padding:12px 16px 12px 20px;
}
.mob-nav__item--nested::before{
  content:"";position:absolute;right:16px;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--petrol),rgba(165,0,52,.2));
  border-radius:3px;opacity:0;transition:opacity .25s;
}
.mob-nav__item--nested{position:relative}
.mob-nav__item--branch.mob-nav__item--nested.is-open::before{opacity:1}
.mob-nav__foot{
  flex:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0));
  border-top:1px solid var(--line);background:#fff;
  display:flex;flex-direction:column;gap:10px;
  box-shadow:0 -8px 24px rgba(70,20,35,.06);
}
.mob-nav__cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:50px;padding:12px 16px;border-radius:14px;
  font-weight:800;font-size:1rem;text-decoration:none;transition:var(--transition);
}
.mob-nav__cta-icon{font-size:1.05rem;line-height:1}
.mob-nav__cta--phone{background:var(--deep);color:#fff;box-shadow:0 8px 20px rgba(28,20,23,.18)}
.mob-nav__cta--phone:hover{background:var(--deep-soft);transform:translateY(-1px)}
.mob-nav__cta--mobile{background:var(--petrol);color:#fff;box-shadow:0 8px 20px rgba(165,0,52,.28)}
.mob-nav__cta--mobile:hover{background:var(--petrol-dark);transform:translateY(-1px)}
.mob-nav__cta--request{
  background:transparent;border:2px solid var(--petrol);color:var(--petrol);
}
.mob-nav__cta--request:hover{background:rgba(165,0,52,.08)}
body.mob-nav-open{overflow:hidden;touch-action:none}

.mob-nav.is-opening .mob-nav__item{
  animation:mobNavItemIn .42s cubic-bezier(.22,1,.36,1) both;
}
.mob-nav.is-opening .mob-nav__item:nth-child(1){animation-delay:.04s}
.mob-nav.is-opening .mob-nav__item:nth-child(2){animation-delay:.07s}
.mob-nav.is-opening .mob-nav__item:nth-child(3){animation-delay:.10s}
.mob-nav.is-opening .mob-nav__item:nth-child(4){animation-delay:.13s}
.mob-nav.is-opening .mob-nav__item:nth-child(5){animation-delay:.16s}
.mob-nav.is-opening .mob-nav__item:nth-child(6){animation-delay:.19s}
.mob-nav.is-opening .mob-nav__item:nth-child(7){animation-delay:.22s}
.mob-nav.is-opening .mob-nav__item:nth-child(8){animation-delay:.25s}
@keyframes mobNavItemIn{
  from{opacity:0;transform:translateX(16px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .mob-nav__panel,.mob-nav__backdrop,.mob-nav__sub-wrap,.mob-nav__chev{transition:none}
  .mob-nav.is-opening .mob-nav__item{animation:none}
}

/* ==================================================================
   اسلایدشو (Hero)
   ================================================================== */
.hero{position:relative;height:min(78vh,620px);min-height:460px;overflow:hidden;padding:0}
.slide{
  position:absolute;inset:0;opacity:0;transition:opacity 1s ease;
  display:flex;align-items:center;
}
.slide.active{opacity:1;z-index:2}
/* پس‌زمینه هر اسلاید — این گرادیان‌ها را با عکس واقعی جایگزین کنید:
   background:url('images/slide1.jpg') center/cover;  */
.slide-1{background:linear-gradient(120deg,var(--deep) 20%,#6d0022 65%,var(--petrol))}
.slide-2{background:linear-gradient(120deg,#150f12 20%,#5a0020 60%,#b80039)}
.slide-3{background:linear-gradient(120deg,#120d10 25%,#54001e 60%,#a50034)}
/* بافت نقطه‌ای ظریف روی اسلایدها */
.slide::before{
  content:"";position:absolute;inset:0;opacity:.25;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:26px 26px;
}
.slide-inner{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-bottom:80px;padding-top:20px}
.slide-text{color:#fff}
.slide-text .tag{
  display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);
  padding:5px 18px;border-radius:50px;font-size:.83rem;margin-bottom:18px;
}
.slide-text h1,.slide-text .h1{
  font-size:clamp(1.6rem,4vw,2.7rem);font-weight:900;line-height:1.5;margin-bottom:14px;
}
.slide-text h1 em,.slide-text .h1 em{color:#ff8aaa;font-style:normal}
.slide-text p{color:rgba(255,255,255,.85);max-width:520px;margin-bottom:26px;font-size:1.02rem}
.slide-cta{display:flex;gap:12px;flex-wrap:wrap}

/* تصویرک اسلاید (آیکون بزرگ دستگاه) */
.slide-art{display:grid;place-items:center;min-height:min(380px,42vh)}
.slide-art svg,.slide-art .fa-slide-art-icon{width:min(320px,70%)}

/* فریم هندسی عکس اسلاید */
.slide-frame{
  position:relative;width:min(400px,88%);aspect-ratio:4/5;max-height:min(420px,52vh);
  display:grid;place-items:center;
}
.slide-frame__glow{
  position:absolute;inset:12% 8% 8% 12%;border-radius:50%;
  background:radial-gradient(circle,rgba(207,0,67,.35) 0%,transparent 68%);
  filter:blur(18px);z-index:0;
}
.slide-frame__panel{
  position:absolute;inset:6% 4% 10% 10%;z-index:1;
  background:linear-gradient(145deg,rgba(207,0,67,.22),rgba(90,20,40,.12));
  border:1px solid rgba(255,255,255,.16);border-radius:28px;
  transform:rotate(-7deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.slide-frame__ring{
  position:absolute;top:2%;left:0;width:min(110px,28%);aspect-ratio:1;z-index:2;
  border:2px solid rgba(255,138,170,.45);border-radius:50%;
  border-left-color:transparent;border-bottom-color:transparent;
  transform:rotate(-18deg);
}
.slide-frame__dots{
  position:absolute;bottom:14%;right:0;width:72px;height:72px;z-index:2;opacity:.55;
  background-image:radial-gradient(rgba(255,255,255,.55) 1.5px,transparent 1.5px);
  background-size:12px 12px;
  mask-image:linear-gradient(135deg,#000 30%,transparent 75%);
}
.slide-frame__photo{
  position:relative;z-index:3;margin:0;width:82%;max-width:320px;
  padding:16px 16px 14px;
  background:linear-gradient(165deg,#fff 0%,#f6e6ea 100%);
  border-radius:22px;
  box-shadow:
    0 28px 64px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.22),
    inset 0 1px 0 rgba(255,255,255,.85);
  transform:perspective(900px) rotateY(-7deg) rotateX(3deg);
  overflow:hidden;
}
.slide-frame__photo::before{
  content:"";position:absolute;top:0;right:0;left:0;height:4px;
  background:linear-gradient(90deg,var(--petrol),#ff8aaa);
}
.slide-frame__photo img{
  width:100%;height:auto;max-height:min(280px,34vh);
  object-fit:contain;display:block;border-radius:12px;
}
.slide.active .slide-frame__photo{animation:slidePhotoIn .9s cubic-bezier(.2,.8,.2,1) both}
.slide.active .slide-frame__panel{animation:slidePanelIn 1s ease .1s both}
@keyframes slidePhotoIn{
  from{opacity:0;transform:perspective(900px) rotateY(-7deg) rotateX(3deg) translateY(24px) scale(.94)}
  to{opacity:1;transform:perspective(900px) rotateY(-7deg) rotateX(3deg) translateY(0) scale(1)}
}
@keyframes slidePanelIn{
  from{opacity:0;transform:rotate(-7deg) scale(.9)}
  to{opacity:1;transform:rotate(-7deg) scale(1)}
}

/* دکمه‌های ناوبری اسلایدر */
.hero-nav{position:absolute;bottom:66px;right:50%;transform:translateX(50%);z-index:5;display:flex;gap:10px}
.hero-dot{width:34px;height:6px;border-radius:6px;background:rgba(255,255,255,.35);border:none;cursor:pointer;transition:var(--transition)}
.hero-dot.active{background:var(--petrol);width:52px}
.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.1);color:#fff;font-size:1.25rem;cursor:pointer;transition:var(--transition);
}
.hero-arrow:hover{background:var(--petrol);border-color:var(--petrol)}
.hero-arrow.prev{right:22px}
.hero-arrow.next{left:22px}

/* ==================================================================
   نوار ویژگی‌های سریع زیر اسلایدر
   ================================================================== */
.quickbar{margin-top:-46px;position:relative;z-index:6;padding:0 0 22px}
.quickbar .row{
  background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.quick{display:flex;align-items:center;gap:12px;padding:22px 20px;border-left:1px solid var(--line)}
.quick:last-child{border-left:none}
.quick .ic{width:44px;height:44px;flex:none;border-radius:12px;background:rgba(165,0,52,.1);display:grid;place-items:center;color:var(--petrol)}
.quick b{display:block;font-size:.94rem;color:var(--deep)}
.quick span{font-size:.8rem;color:var(--text-soft)}

/* ==================================================================
   دسته‌بندی خدمات
   ================================================================== */
.services{
  position:relative;z-index:7;
  padding-top:36px;
}
.services .sec-head{margin-bottom:40px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.svc-card{display:flex;flex-direction:column;min-height:100%}
.svc-card .svc{flex:1;height:100%}
.svc{
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  transition:var(--transition);position:relative;overflow:hidden;
  display:flex;flex-direction:column;min-height:100%;
  text-decoration:none;color:inherit;cursor:pointer;
}
.svc:focus-visible{outline:2px solid var(--petrol);outline-offset:3px}
.svc::before{
  content:"";position:absolute;top:0;right:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--petrol),#cf0043);
  transform:scaleX(0);transform-origin:right;transition:var(--transition);z-index:2;
}
.svc:hover{transform:translateY(-8px);box-shadow:0 18px 44px rgba(70,20,35,.14);border-color:rgba(165,0,52,.25)}
.svc:hover::before{transform:scaleX(1)}

/* کاور تصویر خدمات */
.svc-media{
  position:relative;height:196px;overflow:hidden;
  background:linear-gradient(145deg,var(--deep) 0%,var(--petrol-dark) 100%);
}
.svc-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.svc:hover .svc-media img{transform:scale(1.07)}
.svc-media-accent{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to top,rgba(28,20,23,.72) 0%,rgba(28,20,23,.08) 42%,transparent 68%),
    linear-gradient(135deg,rgba(165,0,52,.18),transparent 55%);
}
.svc-media::after{
  content:"";position:absolute;top:14px;right:14px;width:42px;height:3px;
  background:var(--petrol);border-radius:3px;z-index:1;
  box-shadow:0 0 12px rgba(207,0,67,.55);
}

.svc-icon-wrap{padding:28px 24px 0}
.svc-icon-wrap .ic{
  width:58px;height:58px;border-radius:16px;background:rgba(165,0,52,.1);
  display:grid;place-items:center;color:var(--petrol);transition:var(--transition);
}
.svc:hover .svc-icon-wrap .ic{background:var(--petrol);color:#fff}

.svc-body{
  padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;
}
.svc--has-media .svc-body{padding-top:20px}
.svc-body h3{
  font-size:1.06rem;font-weight:800;margin-bottom:8px;color:var(--deep);line-height:1.55;
}
.svc-body p{font-size:.9rem;color:var(--text-soft);margin-bottom:16px;flex:1}
.svc-link{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--petrol);font-weight:700;font-size:.88rem;margin-top:auto;
  transition:var(--transition);pointer-events:none;
}
.svc-link::after{
  content:"";width:22px;height:2px;background:currentColor;border-radius:2px;
  transition:width .25s ease;
}
.svc:hover .svc-link{color:var(--petrol-dark)}
.svc:hover .svc-link::after{width:34px}

/* ==================================================================
   درباره ما
   ================================================================== */
.about{background:var(--white)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start}
.about-eyebrow{
  display:inline-block;color:var(--petrol);font-weight:700;font-size:.92rem;
  background:rgba(165,0,52,.1);padding:5px 18px;border-radius:50px;margin-bottom:14px;
}
.about-text h2{font-size:clamp(1.65rem,3.2vw,2.2rem);font-weight:800;color:var(--deep);margin-bottom:14px;line-height:1.55}
.about-text h2 em{color:var(--petrol);font-style:normal}
.about-lead{
  font-size:1.02rem;line-height:1.95;color:var(--text);
  margin-bottom:18px;
}
.about-lead p,.about-more__inner p{color:var(--text-soft)}
.about-lead p:last-child,.about-more__inner p:last-child{margin-bottom:0}
.about-lead .about-lead-p{font-size:1.05rem;color:var(--deep);font-weight:600;line-height:1.9}
.about-highlights{
  list-style:none;margin:0 0 20px;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.about-highlights li{
  display:flex;align-items:flex-start;gap:10px;
  background:var(--bg);border:1px solid var(--line);border-radius:12px;
  padding:12px 14px;font-size:.88rem;font-weight:600;line-height:1.65;color:var(--deep);
  transition:var(--transition);
}
.about-highlights li:hover{border-color:rgba(165,0,52,.28);background:rgba(165,0,52,.04)}
.about-highlights__ic{
  flex:none;width:22px;height:22px;margin-top:2px;
  color:var(--petrol);font-size:.95rem;
}
.about-more{
  max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.2,.8,.2,1);
}
.about-more.is-open{max-height:var(--about-more-h,2400px)}
.about-more__inner{
  padding:4px 0 8px;font-size:.94rem;line-height:1.9;color:var(--text-soft);
}
.about-more__inner h2,.about-more__inner h3,.about-more__inner h4{
  font-size:1rem;font-weight:800;color:var(--deep);margin:16px 0 8px;
}
.about-more__toggle{
  display:inline-flex;align-items:center;gap:8px;
  margin:4px 0 20px;padding:0;border:none;background:none;
  font-family:inherit;font-size:.9rem;font-weight:700;color:var(--petrol);
  cursor:pointer;transition:var(--transition);
}
.about-more__toggle:hover{color:var(--petrol-dark)}
.about-more__chev{font-size:.8rem;transition:transform .35s ease}
.about-more__toggle[aria-expanded="true"] .about-more__chev{transform:rotate(180deg)}
.about-actions{margin-top:4px}
.about-list{margin:20px 0 28px;display:grid;gap:12px}
.about-list li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem}
.about-list li::before{
  content:"✓";flex:none;width:24px;height:24px;border-radius:50%;
  background:rgba(165,0,52,.12);color:var(--petrol);font-weight:900;
  display:grid;place-items:center;font-size:.8rem;
}
.about-art{
  position:relative;border-radius:20px;overflow:hidden;min-height:400px;
  background:linear-gradient(150deg,var(--deep-soft),#6d0022 60%,var(--petrol));
  display:grid;place-items:center;
}
@media (min-width:993px){
  .about-art{position:sticky;top:92px}
}
.about-art svg{width:58%}
.about-badge{
  position:absolute;bottom:20px;right:20px;background:var(--white);border-radius:14px;
  padding:14px 22px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;
}
.about-badge b{font-size:1.4rem;color:var(--petrol);font-weight:900}
.about-badge span{font-size:.8rem;color:var(--text-soft)}

/* ==================================================================
   فرم درخواست خدمات
   ================================================================== */
.request{
  background:linear-gradient(135deg,var(--deep) 30%,#5a0020 70%,var(--petrol-dark));
  position:relative;overflow:hidden;
}
.request::before{
  content:"";position:absolute;inset:0;opacity:.2;
  background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);
  background-size:28px 28px;
}
.request .container{position:relative;z-index:2}
.request .sec-head h2,.request .sec-head p{color:#fff}
.request .sec-head p{opacity:.8}
.request .sec-head .eyebrow{background:rgba(255,255,255,.14);color:#ffb3c6}
form.req{
  max-width:860px;margin:0 auto;background:var(--white);border-radius:20px;
  padding:38px 34px;box-shadow:0 24px 60px rgba(0,0,0,.3);
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-weight:700;font-size:.88rem;color:var(--deep)}
.field label b{color:#e04141}
.field input,.field select,.field textarea{
  font-family:inherit;font-size:.93rem;padding:13px 16px;border-radius:10px;
  border:1.5px solid var(--line);background:#fdfafb;transition:var(--transition);color:var(--text);
}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--petrol);box-shadow:0 0 0 4px rgba(165,0,52,.12);
}
.field .err{color:#e04141;font-size:.78rem;min-height:1.2em}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#e04141}
.req .btn{grid-column:1/-1;justify-content:center;padding:15px;font-size:1rem}
.form-msg{grid-column:1/-1;text-align:center;font-weight:700;border-radius:10px;padding:12px;display:none}
.form-msg.ok{display:block;background:#e6f7ef;color:#0c7a46}

/* ==================================================================
   آمار (شمارنده‌ها)
   ================================================================== */
.stats{padding:0}
.stats .row{
  margin-top:-56px;position:relative;z-index:5;
  background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);
  display:grid;grid-template-columns:repeat(4,1fr);text-align:center;
}
.stat{padding:30px 16px;border-left:1px solid var(--line)}
.stat:last-child{border-left:none}
.stat b{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;color:var(--petrol);display:block;line-height:1.1}
.stat .counter{font-size:inherit;font-weight:inherit}
.stat span{font-size:.88rem;color:var(--text-soft);font-weight:600}

/* ==================================================================
   مراحل خدمات (پروسه)
   ================================================================== */
.process{background:var(--white);margin-top:60px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.steps::before{
  content:"";position:absolute;top:36px;right:9%;left:9%;height:3px;
  background:repeating-linear-gradient(to left,var(--petrol) 0 10px,transparent 10px 20px);
  opacity:.4;
}
.step{text-align:center;position:relative;padding:0 8px}
.step .num{
  width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:var(--white);
  border:3px solid var(--petrol);color:var(--petrol);display:grid;place-items:center;
  font-size:1.5rem;font-weight:900;position:relative;z-index:2;transition:var(--transition);
  box-shadow:0 0 0 8px var(--white);
}
.step:hover .num{background:var(--petrol);color:#fff;transform:scale(1.08)}
.step h3{font-size:.98rem;font-weight:800;color:var(--deep);margin-bottom:6px}
.step p{font-size:.82rem;color:var(--text-soft)}

/* ==================================================================
   آخرین مقالات
   ================================================================== */
.articles{background:var(--bg)}
.articles-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  align-items:stretch;
}
.article-card{
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;display:flex;flex-direction:column;min-height:100%;
  position:relative;transition:var(--transition);
}
.article-card__link{
  display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;cursor:pointer;
}
.article-card__link:focus-visible{outline:2px solid var(--petrol);outline-offset:3px;border-radius:18px}
.article-card::before{
  content:"";position:absolute;top:0;right:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--petrol),#cf0043);
  transform:scaleX(0);transform-origin:right;transition:var(--transition);z-index:3;
}
.article-card:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 44px rgba(70,20,35,.14);
  border-color:rgba(165,0,52,.25);
}
.article-card:hover::before{transform:scaleX(1)}
.article-card__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;flex:none;
  background:linear-gradient(145deg,var(--deep) 0%,var(--petrol-dark) 100%);
}
.article-card__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.article-card:hover .article-card__media img{transform:scale(1.07)}
.article-card__placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  color:rgba(255,255,255,.88);font-size:2.6rem;
}
.article-card__accent{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to top,rgba(28,20,23,.78) 0%,rgba(28,20,23,.12) 45%,transparent 70%),
    linear-gradient(135deg,rgba(165,0,52,.16),transparent 55%);
}
.article-card__media::after{
  content:"";position:absolute;top:14px;right:14px;width:42px;height:3px;
  background:var(--petrol);border-radius:3px;z-index:1;
  box-shadow:0 0 12px rgba(207,0,67,.55);
}
.article-card__date{
  position:absolute;bottom:12px;right:14px;z-index:2;
  font-size:.72rem;font-weight:700;color:#fff;
  background:rgba(28,20,23,.55);backdrop-filter:blur(6px);
  padding:5px 11px;border-radius:50px;
  border:1px solid rgba(255,255,255,.18);
}
.article-card__body{
  padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;gap:14px;
}
.article-card__body h3{
  font-size:.98rem;font-weight:800;color:var(--deep);line-height:1.65;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:3.25em;
}
.article-card__cta{
  margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-size:.84rem;font-weight:700;color:var(--petrol);
  transition:var(--transition);
}
.article-card__cta::after{
  content:"‹";font-size:1.1rem;line-height:1;
  transition:transform var(--transition);
}
.article-card:hover .article-card__cta{color:var(--petrol-dark)}
.article-card:hover .article-card__cta::after{transform:translateX(-4px)}

/* سازگاری با نام‌های قدیمی */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post{
  background:var(--white);border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);transition:var(--transition);display:flex;flex-direction:column;
}
.post:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.post .cover{height:180px;display:grid;place-items:center;color:#fff;position:relative}
.post .cover svg,.post .cover .fa-cover-icon{width:70px;opacity:.9}
.post:nth-child(1) .cover{background:linear-gradient(135deg,#6d0022,var(--petrol))}
.post:nth-child(2) .cover{background:linear-gradient(135deg,var(--deep-soft),#7c0027)}
.post:nth-child(3) .cover{background:linear-gradient(135deg,#3d0016,#c1003d)}
.post .body{padding:22px;display:flex;flex-direction:column;flex:1}
.post time{font-size:.76rem;color:var(--petrol);font-weight:700}
.post h3{font-size:1rem;font-weight:800;margin:8px 0 10px;color:var(--deep);line-height:1.7}
.post p{font-size:.87rem;color:var(--text-soft);flex:1}
.post a.more{margin-top:14px;color:var(--petrol);font-weight:700;font-size:.87rem}
.post a.more:hover{text-decoration:underline}

/* ==================================================================
   پرسش و پاسخ (آکاردئون)
   ================================================================== */
.faq{background:var(--white)}
.faq-list{max-width:820px;margin:0 auto;display:grid;gap:14px}
.faq-item{border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg);transition:var(--transition)}
.faq-item.open{border-color:var(--petrol);background:var(--white);box-shadow:var(--shadow)}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;
  background:none;border:none;cursor:pointer;font-family:inherit;text-align:right;
  padding:18px 22px;font-weight:700;font-size:.98rem;color:var(--deep);
}
.faq-q .chev{
  flex:none;width:30px;height:30px;border-radius:50%;background:rgba(165,0,52,.12);
  color:var(--petrol);display:grid;place-items:center;transition:var(--transition);font-size:.85rem;
}
.faq-item.open .chev{transform:rotate(180deg);background:var(--petrol);color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-a p{padding:0 22px 20px;color:var(--text-soft);font-size:.92rem}

/* ==================================================================
   نوار دعوت به تماس
   ================================================================== */
.cta-band{padding:0}
.cta-band .box{
  background:linear-gradient(120deg,var(--petrol),#b80039);border-radius:20px;color:#fff;
  padding:44px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;
  flex-wrap:wrap;box-shadow:0 20px 50px rgba(165,0,52,.35);
  margin-bottom:0;position:relative;z-index:2;
}
.cta-band .cta-body{flex:1;min-width:min(100%,280px)}
.cta-band h2{
  font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:900;color:#fff;
  margin:0 0 8px;line-height:1.55;
}
.cta-band p{opacity:.95;font-size:.95rem;color:#fff;margin:0}
.cta-band .btn{
  background:var(--white);color:var(--petrol);font-size:1.05rem;
  flex:none;white-space:nowrap;
}
.cta-band .btn:hover{transform:translateY(-3px)}

/* ==================================================================
   فوتر
   ================================================================== */
footer{background:var(--deep);color:#cbb9bf;padding:56px 0 0}
main.page-inner + footer{padding-top:0}
main.page-inner .page-body{padding-bottom:0}
main.page-inner .page-tail{padding-top:16px}
main.page-inner .page-cta-wrap{padding:20px 0 72px;background:var(--bg)}
main .page-cta-wrap{padding:20px 0 72px;background:var(--bg)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding:32px 0 48px}
.foot-grid h3.foot-col-title,.foot-grid h4{color:#fff;font-size:1rem;font-weight:800;margin:20px 0 18px;position:relative;padding-bottom:10px}
.foot-grid h3.foot-col-title::after,.foot-grid h4::after{content:"";position:absolute;bottom:0;right:0;width:36px;height:3px;background:var(--petrol);border-radius:3px}
.foot-about p{font-size:.88rem;line-height:2}
.foot-links li{margin-bottom:10px}
.foot-links a{font-size:.88rem;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}
.foot-links a::before{content:"‹";color:var(--petrol);font-weight:900}
.foot-links a:hover{color:var(--petrol);padding-right:5px}
.foot-contact li{display:flex;gap:10px;margin-bottom:14px;font-size:.88rem;align-items:flex-start}
.foot-contact .ic{flex:none;width:36px;height:36px;border-radius:9px;background:rgba(165,0,52,.15);color:var(--petrol);display:grid;place-items:center}
.foot-contact a:hover{color:var(--petrol)}
.foot-phone{
  font-size:1.05rem;font-weight:800;letter-spacing:.03em;
  direction:ltr;display:inline-block;
}
.socials{display:flex;gap:10px;margin-top:18px}
.socials a{
  width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);
  display:grid;place-items:center;transition:var(--transition);
}
.socials a:hover{background:var(--petrol);color:#fff;transform:translateY(-3px)}
.copy{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;text-align:center;font-size:.82rem}
.copy b{color:var(--petrol)}
.foot-credit{
  border-top:1px solid rgba(255,255,255,.06);padding:14px 0 20px;text-align:center;
  font-size:.78rem;color:rgba(203,185,191,.75);
}
.foot-credit a{color:var(--petrol);font-weight:700;transition:var(--transition)}
.foot-credit a:hover{color:#fff}

/* ==================================================================
   دکمه‌های شناور
   ================================================================== */
.float-wa{
  position:fixed;bottom:24px;right:24px;z-index:90;width:58px;height:58px;border-radius:50%;
  background:#25d366;color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 26px rgba(37,211,102,.45);transition:var(--transition);
  animation:pulse 2.4s infinite;
}
.float-wa:hover{transform:scale(1.1)}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}
  70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}
@media (prefers-reduced-motion:reduce){.float-wa{animation:none}}
.to-top{
  position:fixed;bottom:24px;left:24px;z-index:90;width:48px;height:48px;border-radius:12px;
  background:var(--petrol);color:#fff;border:none;cursor:pointer;font-size:1.1rem;
  opacity:0;pointer-events:none;transition:var(--transition);box-shadow:var(--shadow);
}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{background:var(--petrol-dark);transform:translateY(-4px)}

/* دسترس‌پذیری: فوکوس کیبورد */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--petrol);outline-offset:2px;
}

/* ==================================================================
   ریسپانسیو
   ================================================================== */
@media(max-width:1120px){
  /* دکمه تلفن هدر در عرض کم حذف می‌شود (شماره در نوار بالا هست) */
  .nav-actions .btn-outline{display:none}
  .menu-list{gap:16px}
  .menu{font-size:.86rem}
}
@media(max-width:1024px){
  .services{padding-top:28px}
  .quickbar{padding-bottom:26px}
  .services-grid,.blog-grid,.articles-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr);row-gap:36px}
  .steps::before{display:none}
  .foot-grid{grid-template-columns:1fr 1fr}
  .quickbar .row,.stats .row{grid-template-columns:repeat(2,1fr)}
  .quick:nth-child(2),.stat:nth-child(2){border-left:none}
  .quick:nth-child(1),.quick:nth-child(2){border-bottom:1px solid var(--line)}
  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}
  .slide-inner{grid-template-columns:1fr}
  .slide-art{display:none}
  .svc-media{height:180px}
}
@media(max-width:992px){
  html{scroll-padding-top:88px}
  header.main{position:sticky;top:0;z-index:1100;background:var(--white)}
  .container{padding-left:20px;padding-right:20px}
  .topbar .container,
  header.main .container.nav{padding-left:20px;padding-right:20px}
  .menu{display:none}
  .burger{display:flex}
}
@media(max-width:768px){
  section{padding:60px 0}
  .quickbar{margin-top:-32px;padding-bottom:30px}
  .services{padding-top:20px;margin-top:0}
  .services .sec-head{margin-bottom:32px}
  .sec-head{margin-bottom:36px}
  .sec-head h2{font-size:clamp(1.65rem,5.2vw,2.05rem)}
  .topbar .hide-m{display:none}
  .about-highlights{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .about-art{min-height:300px;position:relative;top:auto}
  form.req{grid-template-columns:1fr;padding:28px 20px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .cta-band .box{
    flex-direction:column;align-items:stretch;text-align:center;
    padding:32px 22px;gap:20px;
  }
  .cta-band .cta-body{width:100%}
  .cta-band .btn{align-self:center}
  .hero{
    height:auto;
    min-height:300px;
    max-height:88vh;
    touch-action:pan-y;
    overflow:hidden;
    transition:height .25s ease;
  }
  .hero.is-sized{min-height:0}
  .hero .slide-inner.container{
    padding-left:40px;
    padding-right:40px;
  }
  .slide{
    align-items:flex-start;
    justify-content:flex-start;
    padding-top:24px;
    overflow:visible;
  }
  .slide-inner{
    display:flex;flex-direction:column;justify-content:flex-start;align-items:center;
    text-align:center;gap:4px;
    min-height:0;
    height:auto;
    width:100%;
    padding-top:8px;
    padding-bottom:72px;
  }
  .slide-text{
    width:100%;max-width:300px;
    display:flex;flex-direction:column;align-items:center;
    margin:0 auto;
    padding:0 4px;
  }
  .slide-text .tag{
    font-size:.74rem;padding:8px 18px;margin-bottom:18px;
    max-width:100%;line-height:1.6;
    display:inline-block;
  }
  .slide-text h1,.slide-text .h1{
    font-size:clamp(1.22rem,4.8vw,1.65rem);
    line-height:1.55;margin-bottom:16px;
    max-width:100%;padding:0 2px;
  }
  .slide-text p{
    font-size:.88rem;line-height:1.85;margin-bottom:26px;
    max-width:100%;padding:0 4px;
    color:rgba(255,255,255,.88);
  }
  .slide-cta{
    width:100%;max-width:240px;
    flex-direction:column;gap:12px;align-items:stretch;
    margin:0 auto;
  }
  .slide-cta .btn{
    width:100%;justify-content:center;min-height:50px;
    font-size:.88rem;padding:14px 24px;
    border-radius:50px;
  }
  .hero-arrow{display:none}
  .hero-nav{
    bottom:28px;gap:8px;padding:0 40px;
    width:100%;justify-content:center;
  }
  .hero-dot{
    width:32px;height:8px;border-radius:8px;
    flex:none;
  }
  .hero-dot.active{width:44px}
  .logo--image-only .logo-img,.logo--image-only .logo-mark{
    height:56px !important;max-width:min(190px,52vw) !important;
  }
  .logo--image-only .logo-mark{width:56px !important;font-size:1.55rem !important;border-radius:8px}
  .logo--footer .logo-img,.logo--footer .logo-mark--footer,.logo--footer .logo-mark{
    height:99px !important;width:auto !important;max-width:min(280px,78vw) !important;
  }
  .nav{min-height:76px}
}
@media(max-width:520px){
  .quickbar{margin-top:-24px;padding-bottom:32px}
  .services{padding-top:16px;margin-top:0}
  .services .sec-head{margin-bottom:28px}
  .hero .slide-inner.container{
    padding-left:28px;
    padding-right:28px;
  }
  .slide-text{max-width:280px}
  .slide-cta{max-width:220px}
  .services-grid,.blog-grid,.articles-grid,.steps,.foot-grid{grid-template-columns:1fr}
  .quickbar .row,.stats .row{grid-template-columns:1fr}
  .quick,.stat{border-left:none;border-bottom:1px solid var(--line)}
  .quick:last-child,.stat:last-child{border-bottom:none}
  .nav-actions .btn-mobile span{display:none}
  .nav-actions .btn-mobile{
    padding:0;width:44px;height:44px;border-radius:50%;
    display:inline-grid;place-items:center;
  }
  .nav-actions .btn-mobile .fa-btn-icon{font-size:1.2rem}
  .nav-actions .btn-mobile .btn-call-icon{width:20px;height:20px}
  .logo small{display:none}
  .logo{font-size:1.05rem}
  .logo .mark{width:38px;height:38px}
  .logo--image-only .logo-img,.logo--image-only .logo-mark{
    height:50px !important;max-width:min(175px,54vw) !important;
  }
  .logo--image-only .logo-mark{width:50px !important;font-size:1.4rem !important;border-radius:7px}
  .logo--footer .logo-img,.logo--footer .logo-mark--footer,.logo--footer .logo-mark{
    height:81px !important;width:auto !important;max-width:min(240px,82vw) !important;
  }
  .nav{min-height:72px;padding:8px 0}
  .burger{padding:10px 6px}
}


/* ==================================================================
   LG DESIGN LAYER  —  قالب اختصاصی نمایندگی تعمیرات ال جی
   این بخش بعد از قواعد پایه می آید و ظاهر نهایی سایت را می سازد.
   پترن رنگی رسمی LG:  #A50034 (قرمز برند) + مشکی گرم + سفید
   ------------------------------------------------------------------
   قاعده ها عمداً با همان وزن (specificity) بخش پایه نوشته شده اند و
   در انتهای فایل قرار دارند، پس همیشه برنده می شوند.
   ================================================================== */

:root{
  --lg-red:        #a50034;   /* قرمز رسمی ال جی */
  --lg-red-deep:   #7c0027;
  --lg-red-ink:    #8e002c;   /* برای متن و لینک — کنتراست AA */
  --lg-red-tint:   #fbeef2;
  --lg-red-line:   #f0d3dc;
  --lg-ink:        #171215;   /* مشکی گرم */
  --lg-ink-2:      #2b2226;
  --lg-gray:       #6c6166;
  --lg-line:       #e6e0e2;
  --lg-line-soft:  #f1ecee;
  --lg-paper:      #ffffff;
  --lg-paper-2:    #faf7f8;

  --petrol:        var(--lg-red);
  --petrol-dark:   var(--lg-red-deep);
  --deep:          var(--lg-ink);
  --deep-soft:     var(--lg-ink-2);
  --bg:            var(--lg-paper);
  --text:          #201a1d;
  --text-soft:     var(--lg-gray);
  --line:          var(--lg-line);

  --radius:        6px;       /* گوشه های تیز — امضای بصری این قالب */
  --radius-lg:     10px;
  --shadow:        0 1px 0 var(--lg-line);
  --shadow-lift:   0 10px 26px rgba(23,18,21,.10);
  --transition:    .25s cubic-bezier(.4,0,.2,1);
}

body{
  background:var(--lg-paper);
  color:var(--text);
  line-height:1.95;
  -webkit-font-smoothing:antialiased;
}

/* هیچ letter-spacing روی متن فارسی — خط را می شکند */
h1,h2,h3,h4,h5,h6,p,li,a,span,b,strong{letter-spacing:0}

section{padding:74px 0}
.container{max-width:1240px;padding:0 24px}

/* ============================ تیتر بخش ها ========================= */
/* راست چین با خط قرمز نازک — نه وسط چین و نه چیپس رنگی */
.sec-head{text-align:start;margin-bottom:38px;position:relative;padding-top:18px}
.sec-head::before{
  content:"";position:absolute;top:0;inset-inline-start:0;
  width:54px;height:3px;background:var(--lg-red);
}
.sec-head .eyebrow{
  display:block;background:none;padding:0;border-radius:0;margin-bottom:8px;
  color:var(--lg-red-ink);font-weight:800;font-size:.86rem;
}
.sec-head h2{
  font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:900;color:var(--lg-ink);line-height:1.55;
  max-width:26ch;
}
.sec-head p{color:var(--text-soft);max-width:62ch;margin:10px 0 0;font-size:1rem}

/* ============================== دکمه ها =========================== */
.btn{
  border-radius:999px;font-weight:800;padding:12px 26px;
  transition:var(--transition);box-shadow:none;border:1px solid transparent;
}
.btn-petrol,.btn-mobile{
  background:var(--lg-red);color:#fff;box-shadow:none;border-color:var(--lg-red);
}
.btn-petrol:hover,.btn-mobile:hover{background:var(--lg-red-deep);border-color:var(--lg-red-deep);transform:none}
.btn-outline{
  background:transparent;border:1px solid var(--lg-line);color:var(--lg-ink);
}
.btn-outline:hover{border-color:var(--lg-red);color:var(--lg-red-ink);background:transparent}
.btn-whatsapp{border-radius:999px}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}

/* =============================== نوار بالا ======================== */
.topbar{background:var(--lg-ink);color:rgba(255,255,255,.72);font-size:.82rem}
.topbar .container{min-height:40px}
.topbar-phone{color:#fff;font-weight:800}
.topbar-phone:hover{color:#ff9fb8}
.topbar .dot{color:var(--lg-red)}

/* =============================== هدر ============================== */
header.main{
  background:#fff;backdrop-filter:none;
  border-bottom:1px solid var(--lg-line);
  box-shadow:none;
}
/* نوار قرمز نازک زیر هدر — امضای برند */
header.main::after{
  content:"";position:absolute;inset-inline:0;bottom:-3px;height:3px;
  background:linear-gradient(90deg,var(--lg-red) 0 42%,var(--lg-ink) 42% 100%);
}
header.main{position:sticky}
.nav{min-height:72px}
.logo{color:var(--lg-ink)}
.menu-link{
  font-weight:700;color:var(--lg-ink);border-radius:0;padding:10px 12px;
  position:relative;
}
.menu-link::after{
  content:"";position:absolute;inset-inline:12px;bottom:2px;height:2px;
  background:var(--lg-red);transform:scaleX(0);transform-origin:inline-start;
  transition:transform .22s ease;
}
.menu-link:hover{background:transparent;color:var(--lg-red-ink)}
.menu-link:hover::after{transform:scaleX(1)}
.menu-item.open>.menu-row>.menu-link::after{transform:scaleX(1)}
.menu-sub{
  border-radius:var(--radius);border:1px solid var(--lg-line);
  box-shadow:var(--shadow-lift);padding:8px;
}
.menu-sub .menu-link{padding:9px 12px;border-radius:4px;font-weight:600}
.menu-sub .menu-link:hover{background:var(--lg-red-tint)}
.menu-sub .menu-link::after{display:none}

/* =============================== هیرو ============================= */
.hero{height:auto;min-height:0;background:var(--lg-ink)}
.slide{position:relative;inset:auto;display:none;opacity:1}
.slide.active{display:flex}
.slide-1,.slide-2,.slide-3{background:var(--lg-ink)}
/* نوار مورب قرمز پشت هیرو */
.slide::after{
  content:"";position:absolute;inset-block:0;inset-inline-start:-8%;width:46%;
  background:var(--lg-red);
  clip-path:polygon(28% 0,100% 0,72% 100%,0 100%);
  opacity:.92;z-index:1;
}
.slide::before{opacity:.14;background-size:22px 22px}
.slide-inner{padding-block:64px 72px;gap:34px;align-items:center}
.slide-text .tag{
  background:transparent;border:1px solid rgba(255,255,255,.42);
  border-radius:999px;font-weight:700;padding:5px 16px;
}
.slide-text h1,.slide-text .h1{
  font-size:clamp(1.55rem,3.4vw,2.5rem);font-weight:900;line-height:1.6;
  max-width:20ch;
}
.slide-text p{color:rgba(255,255,255,.82)}
.slide-cta .btn-petrol{background:#fff;color:var(--lg-red-ink);border-color:#fff}
.slide-cta .btn-petrol:hover{background:#ffe7ee;color:var(--lg-red-deep)}
.hero-arrow{
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.3);
  border-radius:50%;color:#fff;
}
.hero-arrow:hover{background:var(--lg-red)}
.hero-dot{background:rgba(255,255,255,.35);border-radius:0;width:22px;height:3px}
.hero-dot.active{background:#fff;width:34px}
.slide-frame__glow{background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 68%)}
.slide-frame__panel{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);
  border-radius:8px;transform:rotate(-4deg);
}
.slide-frame__ring{border-color:rgba(255,255,255,.5);border-left-color:transparent;border-bottom-color:transparent}
.slide-frame__photo img{border-radius:8px}

/* ========================== نوار مزیت ها ========================== */
.quickbar{background:var(--lg-paper-2);border-block:1px solid var(--lg-line);padding:0}
.quickbar .row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.quick{
  border-radius:0;background:transparent;box-shadow:none;
  border-inline-start:1px solid var(--lg-line);
  padding:24px 22px;margin:0;
}
.quick:first-child{border-inline-start:0}
.quick .ic{
  background:var(--lg-red-tint);color:var(--lg-red);border-radius:50%;
  width:44px;height:44px;display:grid;place-items:center;flex:none;
}
.quick b{color:var(--lg-ink);font-size:1rem}
.quick span{color:var(--text-soft);font-size:.88rem}

/* ============================== خدمات ============================= */
.services{background:#fff}
.services-grid{gap:0;border-top:1px solid var(--lg-line);border-inline-start:1px solid var(--lg-line)}
.svc-card{
  border-radius:0;box-shadow:none;background:#fff;
  border-bottom:1px solid var(--lg-line);border-inline-end:1px solid var(--lg-line);
  transition:var(--transition);position:relative;
}
.svc-card::before{
  content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--lg-red);
  transform:scaleX(0);transform-origin:inline-start;transition:transform .25s ease;z-index:2;
}
.svc-card:hover{transform:none;box-shadow:var(--shadow-lift);z-index:3}
.svc-card:hover::before{transform:scaleX(1)}
.svc{border-radius:0;padding:0}
.svc-media{border-radius:0;aspect-ratio:16/10;overflow:hidden;background:var(--lg-paper-2)}
.svc-media img{transition:transform .5s ease}
.svc-card:hover .svc-media img{transform:scale(1.05)}
.svc-media-accent{display:none}
.svc-icon-wrap{
  background:var(--lg-red-tint);border-radius:0;aspect-ratio:16/10;
  display:grid;place-items:center;
}
.svc-icon-wrap .ic{color:var(--lg-red)}
.svc-body{padding:22px 22px 24px}
.svc-body h3{font-size:1.06rem;font-weight:800;color:var(--lg-ink);line-height:1.7}
.svc-body p{color:var(--text-soft);font-size:.92rem;margin-top:6px}
.svc-link{
  color:var(--lg-red-ink);font-weight:800;font-size:.9rem;margin-top:14px;
  display:inline-flex;align-items:center;gap:6px;
}

/* ============================== درباره ============================ */
.about{background:var(--lg-paper-2);border-block:1px solid var(--lg-line)}
.about-grid{gap:48px;align-items:start}
.about-text h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;color:var(--lg-ink)}
.about-eyebrow{color:var(--lg-red-ink);background:none;padding:0}
.about-highlights li{
  background:#fff;border:1px solid var(--lg-line);border-radius:var(--radius);
  padding:12px 14px;box-shadow:none;
}
.about-highlights__ic{color:var(--lg-red)}
.about-more__toggle{
  border:1px solid var(--lg-line);border-radius:999px;background:#fff;
  color:var(--lg-ink);font-weight:700;
}
.about-more__toggle:hover{border-color:var(--lg-red);color:var(--lg-red-ink)}
.about-art{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--lg-line);background:#fff}
.about-badge{
  background:var(--lg-red);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lift);
}
.about-badge b{color:#fff}
.about-badge span{color:rgba(255,255,255,.9)}

/* =============================== آمار ============================= */
.stats{background:var(--lg-red);color:#fff;padding:52px 0}
.stats .row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat{
  background:transparent;border-radius:0;box-shadow:none;
  border-inline-start:1px solid rgba(255,255,255,.22);padding:8px 18px;
}
.stat:first-child{border-inline-start:0}
.stat b{color:#fff;font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:900}
.stat span{color:rgba(255,255,255,.86);font-weight:600}

/* ============================== مراحل ============================= */
.process{background:#fff}
.steps{counter-reset:none;gap:0;border-top:1px solid var(--lg-line)}
.step{
  background:#fff;border-radius:0;box-shadow:none;
  border-bottom:1px solid var(--lg-line);border-inline-end:1px solid var(--lg-line);
  padding:26px 22px;
}
.step:last-child{border-inline-end:0}
.step .num{
  background:transparent;color:var(--lg-red);border:2px solid var(--lg-red);
  border-radius:50%;width:44px;height:44px;font-weight:900;
  display:grid;place-items:center;box-shadow:none;
}
.step h3{color:var(--lg-ink);font-size:1rem;font-weight:800;margin-top:14px}
.step p{color:var(--text-soft);font-size:.9rem}

/* =============================== مقالات =========================== */
.articles{background:var(--lg-paper-2);border-block:1px solid var(--lg-line)}
.article-card{
  border-radius:0;box-shadow:none;background:#fff;border:1px solid var(--lg-line);
  transition:var(--transition);
}
.article-card:hover{transform:none;box-shadow:var(--shadow-lift);border-color:var(--lg-red-line)}
.article-card__media{border-radius:0;aspect-ratio:16/9}
.article-card__accent{display:none}
.article-card__date{
  background:var(--lg-ink);color:#fff;border-radius:0;font-weight:700;
  font-size:.75rem;padding:5px 12px;
}
.article-card__body h3{color:var(--lg-ink);font-size:1rem;font-weight:800;line-height:1.75}
.article-card__cta{color:var(--lg-red-ink);font-weight:800}
.article-card__placeholder{background:var(--lg-red-tint);color:var(--lg-red)}

/* =============================== سوالات =========================== */
.faq{background:#fff}
.faq-list{max-width:900px;margin-inline:0}
.faq-item{
  border-radius:0;box-shadow:none;background:#fff;
  border:0;border-top:1px solid var(--lg-line);margin:0;
}
.faq-item:last-child{border-bottom:1px solid var(--lg-line)}
.faq-item.open{background:var(--lg-red-tint)}
.faq-q{
  font-weight:800;color:var(--lg-ink);padding:20px 4px;font-size:1rem;
}
.faq-q .chev{color:var(--lg-red);transition:transform .25s ease}
.faq-item.open .faq-q{color:var(--lg-red-ink)}
.faq-a p{color:var(--text-soft)}

/* ============================ فرم درخواست ========================= */
.request{background:var(--lg-ink);color:#fff}
.request .sec-head h2{color:#fff}
.request .sec-head .eyebrow{color:#ff9fb8}
.request .sec-head p{color:rgba(255,255,255,.75)}
.request .sec-head::before{background:#fff}
form.req,.req{
  background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);
  border:0;padding:28px;
}
.field input,.field select,.field textarea{
  border-radius:var(--radius);border:1px solid var(--lg-line);background:#fff;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--lg-red);box-shadow:0 0 0 3px rgba(165,0,52,.12);outline:none;
}
.field label{color:var(--lg-ink);font-weight:700}
.form-msg.ok{background:var(--lg-red-tint);color:var(--lg-red-deep);border:1px solid var(--lg-red-line)}

/* =============================== CTA ============================== */
.cta-band{
  background:var(--lg-red);color:#fff;border-radius:0;
  border-block:0;box-shadow:none;
}
.cta-band h2,.cta-band h3,.cta-band b{color:#fff}
.cta-band p{color:rgba(255,255,255,.88)}
.cta-band .btn{background:#fff;color:var(--lg-red-ink);border-color:#fff}
.cta-band .btn:hover{background:var(--lg-ink);color:#fff;border-color:var(--lg-ink)}

/* =============================== فوتر ============================= */
footer{background:var(--lg-ink);color:rgba(255,255,255,.72);border-top:4px solid var(--lg-red)}
footer h3,footer h4,footer b{color:#fff}
.foot-grid{gap:36px;padding-block:52px}
.foot-links a,.foot-contact a{color:rgba(255,255,255,.75)}
.foot-links a:hover,.foot-contact a:hover{color:#ff9fb8}
.foot-contact .ic{color:var(--lg-red);background:rgba(255,255,255,.08);border-radius:50%}
.foot-phone{color:#fff;font-weight:800}
.socials a{
  border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:transparent;
}
.socials a:hover{background:var(--lg-red);border-color:var(--lg-red)}
.copy{border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6)}
.foot-credit{color:rgba(255,255,255,.45)}
.foot-credit a{color:rgba(255,255,255,.7)}
.logo-foot-frame{border-radius:var(--radius);box-shadow:none;border:0}

/* ======================== دکمه های شناور ========================== */
.float-wa{border-radius:50%;box-shadow:var(--shadow-lift)}
.to-top{
  background:var(--lg-ink);color:#fff;border-radius:50%;border:0;
  box-shadow:var(--shadow-lift);
}
.to-top:hover{background:var(--lg-red)}
.skip{background:var(--lg-red);border-radius:0 0 6px 6px}

/* ============================== موبایل ============================ */
.mob-nav__panel{background:#fff}
.mob-nav__head{border-bottom:1px solid var(--lg-line)}
.mob-nav__link,.mob-nav__branch{color:var(--lg-ink);font-weight:700;border-radius:0}
.mob-nav__item{border-bottom:1px solid var(--lg-line-soft)}
.mob-nav__sub .mob-nav__link{color:var(--text-soft);font-weight:600}
.mob-nav__chev{color:var(--lg-red)}
.mob-nav__cta{border-radius:999px;font-weight:800}
.mob-nav__cta--phone{background:var(--lg-red);color:#fff}
.mob-nav__cta--mobile{background:var(--lg-ink);color:#fff}
.mob-nav__cta--request{background:#fff;color:var(--lg-red-ink);border:1px solid var(--lg-red)}
.burger span{background:var(--lg-ink)}

@media(max-width:1024px){
  .quickbar .row{grid-template-columns:repeat(2,1fr)}
  .quick:nth-child(3){border-inline-start:0}
  .quick:nth-child(-n+2){border-bottom:1px solid var(--lg-line)}
  .stats .row{grid-template-columns:repeat(2,1fr);gap:0}
  .stat:nth-child(3){border-inline-start:0}
  .stat:nth-child(-n+2){padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.22)}
  .stat:nth-child(n+3){padding-top:20px}
}

@media(max-width:860px){
  section{padding:52px 0}
  .container{padding:0 18px}
  .sec-head{margin-bottom:26px}
  .sec-head h2{max-width:none}
  .slide::after{inset-inline-start:auto;inset-inline-end:-30%;width:80%;opacity:.85}
  .slide-inner{grid-template-columns:1fr;padding-block:44px 52px;text-align:start}
  .slide-art{display:none}
  .slide-text h1,.slide-text .h1{max-width:none;font-size:1.45rem;line-height:1.65}
  .slide-cta{width:100%}
  .slide-cta .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .services-grid{border-inline-start:0}
  .svc-card{border-inline-end:0}
  .steps{grid-template-columns:1fr}
  .step{border-inline-end:0}
  .about-grid{gap:28px}
  form.req,.req{padding:20px}
  /* متن فارسی در ستون باریک justify نشود — رودخانه سفید می سازد */
  .slide-text p,.about-lead,.sec-head p,.svc-body p,.step p{text-align:start}
}

@media(max-width:520px){
  .quickbar .row{grid-template-columns:1fr}
  .quick{border-inline-start:0;border-bottom:1px solid var(--lg-line)}
  .quick:last-child{border-bottom:0}
}

/* روی دستگاه لمسی hover نچسبد — بعد از tap رنگ باقی می ماند */
@media (hover:none){
  .svc-card:hover{box-shadow:none;transform:none}
  .svc-card:hover::before{transform:scaleX(0)}
  .svc-card:hover .svc-media img{transform:none}
  .article-card:hover{box-shadow:none;border-color:var(--lg-line)}
  .menu-link:hover{color:var(--lg-ink)}
  .menu-link:hover::after{transform:scaleX(0)}
  .btn-petrol:hover,.btn-mobile:hover{background:var(--lg-red)}
  .btn-outline:hover{border-color:var(--lg-line);color:var(--lg-ink)}
  .to-top:hover{background:var(--lg-ink)}
  .svc-card:active{box-shadow:var(--shadow-lift)}
  .btn:active{opacity:.85}
}

/* دسترس پذیری فوکوس */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--lg-red);outline-offset:2px;
}
/* ==================================================================
   LG — بخش های جدید صفحه اول، مودال درخواست، و فضای سفید بیشتر
   این بخش بعد از لایه طراحی اصلی می آید.
   ================================================================== */

/* --------------------- فضای سفید بازتر در کل سایت ----------------- */
:root{
  --lg-gap:      clamp(56px, 7vw, 112px);   /* فاصله عمودی بخش ها */
  --lg-gap-sm:   clamp(36px, 4.5vw, 64px);
}
section{padding:var(--lg-gap) 0}
.container{max-width:1240px;padding:0 28px}
.sec-head{margin-bottom:clamp(34px, 4vw, 58px)}
.sec-head h2{line-height:1.6}
.quickbar{padding:0}

/* ====================== اسلایدشو — فقط عکس ======================== */
.lg-hero{
  position:relative;padding:0;background:var(--lg-paper-2);
  overflow:hidden;
}
.lg-hero__track{position:relative;width:100%}
.lg-hero__slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .7s ease;
}
.lg-hero__slide:first-child{position:relative}
.lg-hero__slide.is-active{opacity:1;visibility:visible;z-index:2}
.lg-hero__slide img{
  display:block;width:100%;height:auto;object-fit:cover;
}
/* اسلایدهای بعدی روی اسلاید اول سوار می شوند، پس ارتفاع از اولی می آید */
.lg-hero__slide:not(:first-child){position:absolute}

.lg-hero__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.86);backdrop-filter:blur(4px);
  box-shadow:0 4px 16px rgba(23,18,21,.18);
  display:grid;place-items:center;transition:var(--transition);
}
.lg-hero__arrow::before{
  content:"";width:10px;height:10px;
  border-top:2px solid var(--lg-ink);border-inline-start:2px solid var(--lg-ink);
}
.lg-hero__arrow.prev{inset-inline-start:18px}
.lg-hero__arrow.next{inset-inline-end:18px}
/* فلش ها با چرخش رسم می شوند تا در RTL معکوس نشوند */
.lg-hero__arrow.prev::before{transform:rotate(-45deg);margin-inline-start:4px}
.lg-hero__arrow.next::before{transform:rotate(135deg);margin-inline-end:4px}
.lg-hero__arrow:hover{background:var(--lg-red)}
.lg-hero__arrow:hover::before{border-color:#fff}

.lg-hero__dots{
  position:absolute;bottom:16px;inset-inline:0;z-index:5;
  display:flex;gap:8px;justify-content:center;
}
.lg-hero__dot{
  width:26px;height:4px;border:0;border-radius:0;cursor:pointer;padding:0;
  background:rgba(255,255,255,.55);transition:var(--transition);
}
.lg-hero__dot.is-active{background:var(--lg-red);width:40px}

/* =============== نوار نیم دایره زیر اسلایدشو ====================== */
.lg-arch{padding:clamp(32px,4vw,56px) 0 0}
.lg-arch__row{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;
  gap:clamp(14px,2.4vw,34px);
}
.lg-arch__item{margin:0;text-align:center}
.lg-arch__link{display:block;color:inherit}
.lg-arch__frame{
  display:block;overflow:hidden;background:var(--lg-paper-2);
  /* نیم دایره: بالا کاملاً گرد، پایین صاف */
  border-radius:999px 999px 8px 8px;
  border:1px solid var(--lg-line);
  transition:var(--transition);
}
.lg-arch__frame img{
  display:block;width:100%;height:100%;object-fit:cover;
}
/* سه اندازه، تا ریتم بصری بسازد */
.lg-arch__item--sm .lg-arch__frame{width:clamp(96px,13vw,150px);aspect-ratio:3/4}
.lg-arch__item--md .lg-arch__frame{width:clamp(122px,16vw,196px);aspect-ratio:3/4.2}
.lg-arch__item--lg .lg-arch__frame{width:clamp(148px,20vw,248px);aspect-ratio:3/4.5}
.lg-arch__item figcaption{
  margin-top:12px;font-size:.86rem;font-weight:700;color:var(--lg-ink);
}
.lg-arch__link:hover .lg-arch__frame{
  border-color:var(--lg-red);box-shadow:0 10px 26px rgba(165,0,52,.16);
}

/* ======================= آمار — طرح جدید ========================== */
/* قبلاً متن سفید روی زمینه روشن بود و دیده نمی شد.                    */
.lg-stats{
  background:var(--lg-ink);color:#fff;
  padding:var(--lg-gap) 0;position:relative;overflow:hidden;
}
.lg-stats::before{
  content:"";position:absolute;top:0;inset-inline-start:0;
  width:38%;height:4px;background:var(--lg-red);
}
.lg-stats__head{margin-bottom:clamp(30px,3.5vw,48px)}
.lg-stats__eyebrow{
  display:block;color:#ff9fb8;font-weight:800;font-size:.86rem;margin-bottom:8px;
}
.lg-stats__head h2{
  color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;line-height:1.6;
  max-width:24ch;
}
.lg-stats__row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(18px,2.5vw,34px);
}
.lg-stat{
  padding:26px 22px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);
  border-top:3px solid var(--lg-red);
  display:flex;flex-direction:column;gap:8px;
}
.lg-stat__num{
  font-size:clamp(1.9rem,4vw,2.9rem);font-weight:900;color:#fff;
  line-height:1.2;display:flex;align-items:baseline;gap:2px;
  unicode-bidi:plaintext;
}
.lg-stat__suffix{color:var(--lg-red);font-style:normal;font-size:.7em;font-weight:900}
.lg-stat__label{color:rgba(255,255,255,.78);font-size:.94rem;font-weight:600}

/* ==================== چرا ما — ۴ کارت شماره دار =================== */
.lg-why{background:#fff}
.lg-why__grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(18px,2.4vw,32px);
}
.lg-why__card{
  padding:30px 26px 32px;background:#fff;
  border:1px solid var(--lg-line);border-radius:var(--radius);
  position:relative;transition:var(--transition);
}
.lg-why__num{
  display:block;font-size:1.7rem;font-weight:900;color:var(--lg-red);
  line-height:1;margin-bottom:18px;unicode-bidi:plaintext;
}
.lg-why__card::after{
  content:"";position:absolute;top:0;inset-inline:0;height:3px;
  background:var(--lg-red);transform:scaleX(0);transform-origin:inline-start;
  transition:transform .25s ease;
}
.lg-why__card:hover{box-shadow:var(--shadow-lift)}
.lg-why__card:hover::after{transform:scaleX(1)}
.lg-why__card h3{
  font-size:1.05rem;font-weight:800;color:var(--lg-ink);
  line-height:1.75;margin-bottom:10px;
}
.lg-why__card p{color:var(--text-soft);font-size:.93rem;line-height:2}

/* ========================== ساعت کاری ============================= */
.lg-hours{background:var(--lg-paper-2);border-block:1px solid var(--lg-line)}
.lg-hours__box{
  display:grid;grid-template-columns:1.1fr auto auto;align-items:center;
  gap:clamp(22px,3vw,46px);
}
.lg-hours__eyebrow{
  display:block;color:var(--lg-red-ink);font-weight:800;font-size:.86rem;margin-bottom:6px;
}
.lg-hours__text h2{
  font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:900;color:var(--lg-ink);line-height:1.6;
}
.lg-hours__text p{color:var(--text-soft);margin-top:8px;max-width:44ch}
.lg-hours__panel{
  display:flex;align-items:center;gap:16px;
  background:#fff;border:1px solid var(--lg-line);
  border-inline-start:3px solid var(--lg-red);
  border-radius:var(--radius);padding:20px 24px;
}
.lg-hours__ic{
  width:44px;height:44px;flex:none;display:grid;place-items:center;
  border-radius:50%;background:var(--lg-red-tint);color:var(--lg-red);font-size:1.1rem;
}
.lg-hours__lines{display:flex;flex-direction:column;gap:3px}
.lg-hours__days{color:var(--lg-ink);font-weight:800;font-size:1rem}
.lg-hours__time{
  color:var(--lg-red-ink);font-weight:900;font-size:1.28rem;
  unicode-bidi:plaintext;
}
.lg-hours__note{color:var(--text-soft);font-size:.85rem}
.lg-hours__cta{display:flex;flex-direction:column;gap:10px}
.lg-hours__cta .btn{white-space:nowrap;text-align:center;justify-content:center}

/* ======================= روش کار — ۳ قدم ========================== */
.lg-how{background:#fff}
.lg-how__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(20px,3vw,40px);list-style:none;padding:0;margin:0;
  counter-reset:none;
}
.lg-how__step{
  position:relative;padding:30px 26px 32px;
  background:var(--lg-paper-2);border-radius:var(--radius);
  border:1px solid var(--lg-line);
}
.lg-how__step::before{display:none}
.lg-how__badge{
  display:inline-block;background:var(--lg-red);color:#fff;
  font-size:.78rem;font-weight:800;padding:5px 14px;border-radius:999px;
  margin-bottom:16px;
}
.lg-how__step h3{
  font-size:1.08rem;font-weight:900;color:var(--lg-ink);
  line-height:1.7;margin-bottom:10px;
}
.lg-how__step p{color:var(--text-soft);font-size:.94rem;line-height:2.05}
/* خط اتصال بین قدم ها روی دسکتاپ */
@media(min-width:861px){
  .lg-how__step:not(:last-child)::after{
    content:"";position:absolute;top:44px;inset-inline-end:calc(-1 * clamp(20px,3vw,40px) / 2 - 5px);
    width:10px;height:10px;border-top:2px solid var(--lg-red);
    border-inline-start:2px solid var(--lg-red);transform:rotate(-45deg);
  }
}

/* ========================== نظر مشتریان =========================== */
.lg-reviews{background:var(--lg-paper-2);border-block:1px solid var(--lg-line)}
.lg-reviews__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(18px,2.6vw,34px);
}
.lg-review{
  margin:0;padding:28px 26px 24px;background:#fff;
  border:1px solid var(--lg-line);border-radius:var(--radius);
  display:flex;flex-direction:column;gap:16px;
}
.lg-review__stars{color:var(--lg-red);font-size:1.05rem;letter-spacing:2px;line-height:1}
.lg-review blockquote{
  margin:0;padding:0;border:0;background:none;border-radius:0;
  color:#241d20;font-size:.98rem;line-height:2.05;flex:1;
}
.lg-review figcaption{
  display:flex;flex-direction:column;gap:2px;
  border-top:1px solid var(--lg-line);padding-top:14px;
}
.lg-review figcaption b{color:var(--lg-ink);font-weight:800;font-size:.95rem}
.lg-review figcaption span{color:var(--text-soft);font-size:.85rem}

/* ============================= نقشه ============================== */
.lg-map{background:#fff}
.lg-map__grid{
  display:grid;grid-template-columns:1.6fr .9fr;
  gap:clamp(20px,2.6vw,34px);align-items:stretch;
}
.lg-map__frame{
  border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--lg-line);min-height:340px;background:var(--lg-paper-2);
}
.lg-map__frame iframe{display:block;width:100%;height:100%;min-height:340px;border:0}
.lg-map__side{
  background:var(--lg-paper-2);border:1px solid var(--lg-line);
  border-radius:var(--radius-lg);padding:26px;
  display:flex;flex-direction:column;gap:20px;
}
.lg-map__row{display:flex;gap:14px;align-items:flex-start}
.lg-map__ic{
  width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:var(--lg-red-tint);color:var(--lg-red);
}
.lg-map__row div{display:flex;flex-direction:column;gap:3px}
.lg-map__row b{color:var(--lg-ink);font-weight:800;font-size:.9rem}
.lg-map__row span,.lg-map__row a{color:var(--text-soft);font-size:.92rem;line-height:1.9}
.lg-map__row a{color:var(--lg-red-ink);font-weight:700}
.lg-map__btns{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.lg-map__btns .btn{justify-content:center;text-align:center}

/* ==================================================================
   مودال درخواست تعمیر
   ================================================================== */
body.lg-modal-open{overflow:hidden}

.lg-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.lg-modal[hidden]{display:none}
.lg-modal__backdrop{
  position:absolute;inset:0;background:rgba(23,18,21,.62);
  backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease;
}
.lg-modal.is-open .lg-modal__backdrop{opacity:1}
.lg-modal__panel{
  position:relative;z-index:2;width:min(620px,100%);
  max-height:min(88vh, 860px);overflow-y:auto;overscroll-behavior:contain;
  background:#fff;border-radius:var(--radius-lg);
  box-shadow:0 24px 60px rgba(23,18,21,.34);
  opacity:0;transform:translateY(16px) scale(.985);
  transition:opacity .26s ease, transform .26s cubic-bezier(.2,.8,.3,1);
}
.lg-modal.is-open .lg-modal__panel{opacity:1;transform:none}

.lg-modal__close{
  position:absolute;top:14px;inset-inline-end:14px;z-index:3;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--lg-line);
  background:#fff;cursor:pointer;display:grid;place-items:center;
  transition:var(--transition);
}
.lg-modal__close span{position:relative;display:block;width:15px;height:15px}
.lg-modal__close span::before,.lg-modal__close span::after{
  content:"";position:absolute;top:50%;left:0;width:100%;height:2px;
  background:var(--lg-ink);border-radius:2px;
}
.lg-modal__close span::before{transform:rotate(45deg)}
.lg-modal__close span::after{transform:rotate(-45deg)}
.lg-modal__close:hover{background:var(--lg-red);border-color:var(--lg-red)}
.lg-modal__close:hover span::before,.lg-modal__close:hover span::after{background:#fff}

.lg-modal__head{
  padding:30px 30px 22px;border-bottom:1px solid var(--lg-line);
  background:var(--lg-paper-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  position:relative;
}
.lg-modal__head::before{
  content:"";position:absolute;top:0;inset-inline-start:0;width:120px;height:4px;
  background:var(--lg-red);border-start-start-radius:var(--radius-lg);
}
.lg-modal__head h2{
  font-size:1.28rem;font-weight:900;color:var(--lg-ink);
  line-height:1.65;padding-inline-end:44px;
}
.lg-modal__head p{color:var(--text-soft);font-size:.94rem;margin-top:6px}

.lg-modal__body{padding:26px 30px 30px}
.lg-modal__form{
  background:none;box-shadow:none;padding:0;border:0;
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
.lg-modal__form .field.full{grid-column:1 / -1}
.lg-modal__form .form-msg{grid-column:1 / -1}
.lg-modal__form .form-msg.is-error{
  background:#fde8e8;color:#b42318;border:1px solid #f5c2c2;
}
.lg-modal__actions{
  grid-column:1 / -1;display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;
}
.lg-modal__submit{flex:1 1 220px;justify-content:center;text-align:center}
.lg-modal__call{flex:0 1 auto;justify-content:center;text-align:center}
.lg-modal__hint{
  grid-column:1 / -1;color:var(--text-soft);font-size:.83rem;
  text-align:start;margin:0;
}

.lg-modal__done{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:34px 20px;text-align:center;outline:none;
}
.lg-modal__done-ic{
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:var(--lg-red);color:#fff;font-size:1.9rem;font-weight:900;
}
.lg-modal__done b{color:var(--lg-ink);font-size:1.12rem;font-weight:900}
.lg-modal__done span{color:var(--text-soft);font-size:.94rem}

/* ============================== موبایل =========================== */
@media(max-width:1024px){
  .lg-stats__row{grid-template-columns:repeat(2,1fr)}
  .lg-why__grid{grid-template-columns:repeat(2,1fr)}
  .lg-hours__box{grid-template-columns:1fr;align-items:stretch}
  .lg-hours__cta{flex-direction:row}
  .lg-hours__cta .btn{flex:1}
  .lg-map__grid{grid-template-columns:1fr}
}

@media(max-width:860px){
  .container{padding:0 20px}
  .lg-how__grid{grid-template-columns:1fr}
  .lg-reviews__grid{grid-template-columns:1fr}
  .lg-hero__arrow{width:38px;height:38px}
  .lg-hero__arrow.prev{inset-inline-start:10px}
  .lg-hero__arrow.next{inset-inline-end:10px}
  .lg-arch__row{gap:12px}
  .lg-stats__head h2{max-width:none}
  /* متن فارسی در ستون باریک justify نشود */
  .lg-why__card p,.lg-how__step p,.lg-review blockquote,.lg-hours__text p{text-align:start}

  .lg-modal{padding:0;place-items:end center}
  .lg-modal__panel{
    width:100%;max-height:94vh;
    border-radius:var(--radius-lg) var(--radius-lg) 0 0;
    transform:translateY(28px);
  }
  .lg-modal__head{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px 18px}
  .lg-modal__body{padding:20px 20px calc(24px + env(safe-area-inset-bottom))}
  .lg-modal__form{grid-template-columns:1fr}
  .lg-modal__actions{flex-direction:column}
  .lg-modal__submit,.lg-modal__call{flex:1 1 auto;width:100%}
  /* دستگیره کشیدن، مثل شیت موبایل */
  .lg-modal__head::after{
    content:"";position:absolute;top:8px;inset-inline:0;margin:auto;
    width:42px;height:4px;border-radius:4px;background:var(--lg-line);
  }
}

@media(max-width:560px){
  .lg-stats__row{grid-template-columns:1fr}
  .lg-why__grid{grid-template-columns:1fr}
  .lg-arch__item--sm .lg-arch__frame{width:86px}
  .lg-arch__item--md .lg-arch__frame{width:104px}
  .lg-arch__item--lg .lg-arch__frame{width:124px}
  .lg-hours__cta{flex-direction:column}
}

/* روی دستگاه لمسی hover نچسبد */
@media (hover:none){
  .lg-why__card:hover{box-shadow:none}
  .lg-why__card:hover::after{transform:scaleX(0)}
  .lg-arch__link:hover .lg-arch__frame{border-color:var(--lg-line);box-shadow:none}
  .lg-hero__arrow:hover{background:rgba(255,255,255,.86)}
  .lg-hero__arrow:hover::before{border-color:var(--lg-ink)}
  .lg-modal__close:hover{background:#fff;border-color:var(--lg-line)}
  .lg-modal__close:hover span::before,.lg-modal__close:hover span::after{background:var(--lg-ink)}
  .lg-why__card:active{box-shadow:var(--shadow-lift)}
}

@media (prefers-reduced-motion: reduce){
  .lg-hero__slide,.lg-modal__panel,.lg-modal__backdrop{transition:none}
}

/* ===================== تیتر اصلی صفحه اول (H1) ==================== */
.lg-intro{padding:clamp(40px,5vw,72px) 0 0;background:#fff;text-align:center}
.lg-intro__h1{
  font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:900;color:var(--lg-ink);
  line-height:1.65;max-width:22ch;margin:0 auto;position:relative;padding-top:22px;
}
.lg-intro__h1::before{
  content:"";position:absolute;top:0;inset-inline:0;margin:auto;
  width:56px;height:3px;background:var(--lg-red);
}
.lg-intro__sub{
  color:var(--text-soft);font-size:1.02rem;line-height:2;
  max-width:60ch;margin:16px auto 0;
}
.lg-intro__cta{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px;
}
@media(max-width:860px){
  .lg-intro__h1{max-width:none;font-size:1.4rem}
  .lg-intro__sub{text-align:start}
  .lg-intro__cta{width:100%}
  .lg-intro__cta .btn{flex:1 1 100%;justify-content:center;text-align:center}
}

/* ==================================================================
   دور سوم — رفع ایرادها، عناوین تک لایه، آمار روشن، کروسل ها
   ================================================================== */

/* ---------- ۱) دکمه های زیر تیتر H1 پشت نوار مزیت ها می رفتند --------
   علت: قاعده پایه .quickbar{margin-top:-46px} برای هیرو قدیمی نوشته
   شده بود و نوار را روی بخش قبلی می کشید. اینجا خنثی می شود.        */
.quickbar{margin-top:0}
.lg-intro{padding-bottom:clamp(40px,5vw,66px)}

/* ---------- ۲) مودال زیر هدر موبایل می رفت -------------------------
   علت: در مدیا کوئری زیر ۹۹۲px هدر z-index:1100 می گیرد و از مودال
   (۱۰۰۰) بالاتر بود. مودال باید از همه چیز بالاتر باشد.             */
.lg-modal{z-index:2000}
body.lg-modal-open header.main{z-index:1}
/* دکمه های شناور و نوار پایین موبایل هم نباید روی مودال بیفتند */
body.lg-modal-open .float-wa,
body.lg-modal-open .to-top,
body.lg-modal-open .mob-bar{z-index:1}

@media(max-width:860px){
  /* پنل از پایین می آید ولی سرش نباید زیر هدر برود */
  .lg-modal__panel{max-height:calc(100dvh - 64px);max-height:calc(100vh - 64px)}
}

/* ---------- ۳) عناوین تک لایه ------------------------------------
   بخش ها فقط یک تیتر دارند؛ برچسب و توضیح اگر خالی باشند اصلاً
   رندر نمی شوند، ولی این قاعده ها فاصله را هم درست می کنند.        */
.sec-head{padding-top:16px}
.sec-head h2{max-width:none;font-size:clamp(1.45rem,2.8vw,2rem)}
.sec-head .eyebrow:empty{display:none}
.sec-head p:empty{display:none}

/* ---------- ۴) آمار — نسخه روشن ---------------------------------- */
.lg-stats{
  background:var(--lg-paper-2);
  color:var(--lg-ink);
  border-block:1px solid var(--lg-line);
  padding:clamp(44px,5vw,76px) 0;
}
.lg-stats::before{display:none}
.lg-stats__head{margin-bottom:clamp(24px,3vw,38px)}
.lg-stats__eyebrow{color:var(--lg-red-ink)}
.lg-stats__head h2{color:var(--lg-ink)}
.lg-stats__row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;background:#fff;
  border:1px solid var(--lg-line);border-radius:var(--radius);
  overflow:hidden;
}
.lg-stat{
  background:transparent;border:0;border-radius:0;
  border-inline-start:1px solid var(--lg-line);
  border-top:0;
  padding:28px 20px;text-align:center;align-items:center;gap:6px;
  position:relative;
}
.lg-stat:first-child{border-inline-start:0}
/* خط قرمز کوتاه بالای هر ستون، به جای زمینه تیره */
.lg-stat::before{
  content:"";position:absolute;top:0;inset-inline:0;margin:auto;
  width:38px;height:3px;background:var(--lg-red);
}
.lg-stat__num{color:var(--lg-ink);justify-content:center}
.lg-stat__suffix{color:var(--lg-red)}
.lg-stat__label{color:var(--text-soft)}

/* ---------- ۵) کروسل مشترک (نظرات و مقالات) -----------------------
   بدون کتابخانه: scroll-snap + دکمه های ناوبری. در RTL هم درست کار
   می کند چون از scrollIntoView استفاده می شود نه محاسبه دستی offset. */
.lg-carousel{position:relative}
.lg-carousel__viewport{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:minmax(300px, 1fr);
  gap:clamp(16px,2.2vw,28px);
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline-start:2px;
  padding:4px 2px 18px;
  scrollbar-width:thin;
  scrollbar-color:var(--lg-line) transparent;
}
.lg-carousel__viewport > *{scroll-snap-align:start;min-width:0}
.lg-carousel__viewport::-webkit-scrollbar{height:6px}
.lg-carousel__viewport::-webkit-scrollbar-track{background:var(--lg-line-soft);border-radius:6px}
.lg-carousel__viewport::-webkit-scrollbar-thumb{background:var(--lg-line);border-radius:6px}
.lg-carousel__viewport:hover::-webkit-scrollbar-thumb{background:var(--lg-red-line)}

.lg-carousel__nav{
  display:flex;gap:8px;justify-content:flex-end;margin-bottom:14px;
}
.lg-carousel__btn{
  width:42px;height:42px;border-radius:50%;cursor:pointer;
  border:1px solid var(--lg-line);background:#fff;
  display:grid;place-items:center;transition:var(--transition);
}
.lg-carousel__btn::before{
  content:"";width:9px;height:9px;
  border-top:2px solid var(--lg-ink);border-inline-start:2px solid var(--lg-ink);
}
.lg-carousel__btn.prev::before{transform:rotate(-45deg);margin-inline-start:3px}
.lg-carousel__btn.next::before{transform:rotate(135deg);margin-inline-end:3px}
.lg-carousel__btn:hover{background:var(--lg-red);border-color:var(--lg-red)}
.lg-carousel__btn:hover::before{border-color:#fff}
.lg-carousel__btn[disabled]{opacity:.35;cursor:default}
.lg-carousel__btn[disabled]:hover{background:#fff;border-color:var(--lg-line)}
.lg-carousel__btn[disabled]:hover::before{border-color:var(--lg-ink)}

/* تیتر بخش و دکمه های کروسل در یک ردیف */
.lg-sec-bar{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
.lg-sec-bar .sec-head{margin-bottom:0;flex:1 1 260px}

/* ---------- ۶) نظرات در کروسل ------------------------------------ */
.lg-reviews .lg-carousel__viewport{grid-auto-columns:minmax(300px, 380px)}
.lg-review{height:100%}

/* ---------- ۷) کارت مقاله — نمایش بهتر --------------------------- */
.lg-posts .lg-carousel__viewport{grid-auto-columns:minmax(280px, 340px)}
.lg-post{
  display:flex;flex-direction:column;height:100%;
  background:#fff;border:1px solid var(--lg-line);border-radius:var(--radius);
  overflow:hidden;transition:var(--transition);
}
.lg-post__link{display:flex;flex-direction:column;height:100%;color:inherit}
.lg-post__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--lg-paper-2);
}
.lg-post__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease;
}
.lg-post__ph{
  width:100%;height:100%;display:grid;place-items:center;
  background:var(--lg-red-tint);color:var(--lg-red);font-size:1.6rem;
}
.lg-post__date{
  position:absolute;bottom:0;inset-inline-start:0;
  background:var(--lg-ink);color:#fff;font-size:.73rem;font-weight:700;
  padding:5px 12px;
}
.lg-post__body{
  padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1;
}
.lg-post__body h3{
  font-size:1rem;font-weight:800;color:var(--lg-ink);line-height:1.8;
  /* حداکثر دو خط، تا ارتفاع کارت ها یکسان بماند */
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
}
.lg-post__excerpt{
  color:var(--text-soft);font-size:.88rem;line-height:1.95;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;text-align:start;
}
.lg-post__cta{
  margin-top:auto;color:var(--lg-red-ink);font-weight:800;font-size:.88rem;
  display:inline-flex;align-items:center;gap:6px;
}
.lg-post__cta::after{
  content:"";width:7px;height:7px;
  border-top:2px solid currentColor;border-inline-start:2px solid currentColor;
  transform:rotate(-45deg);
}
.lg-post:hover{box-shadow:var(--shadow-lift);border-color:var(--lg-red-line)}
.lg-post:hover .lg-post__media img{transform:scale(1.05)}

.lg-posts__more{margin-top:22px;display:flex;justify-content:center}

/* ---------- ۸) موبایل ------------------------------------------- */
@media(max-width:860px){
  .lg-carousel__viewport{
    grid-auto-columns:minmax(268px, 84%);
    gap:14px;padding-bottom:14px;
  }
  .lg-reviews .lg-carousel__viewport,
  .lg-posts .lg-carousel__viewport{grid-auto-columns:minmax(268px, 84%)}
  .lg-carousel__nav{display:none}          /* روی موبایل با انگشت اسکرول می شود */
  .lg-sec-bar{align-items:flex-start}
  .lg-stats__row{grid-template-columns:repeat(2,1fr)}
  .lg-stat:nth-child(3){border-inline-start:0}
  .lg-stat:nth-child(n+3){border-top:1px solid var(--lg-line)}
}

@media(max-width:560px){
  .lg-stats__row{grid-template-columns:1fr}
  .lg-stat{border-inline-start:0}
  .lg-stat:not(:first-child){border-top:1px solid var(--lg-line)}
}

@media (hover:none){
  .lg-post:hover{box-shadow:none;border-color:var(--lg-line)}
  .lg-post:hover .lg-post__media img{transform:none}
  .lg-carousel__btn:hover{background:#fff;border-color:var(--lg-line)}
  .lg-carousel__btn:hover::before{border-color:var(--lg-ink)}
}

/* ==================================================================
   دور چهارم — مرزبندی خلاقانه بین بخش ها
   ------------------------------------------------------------------
   سه شکل استفاده می شود: مورب، موجی، و قوس نرم. هر جداکننده یک SVG
   درون خطی است که به شکل ::before یا ::after روی لبه بخش می نشیند و
   رنگش دقیقاً رنگ بخش مجاور است، پس درز دیده نمی شود.

   قواعدی که رعایت شده و مهم اند:
   ۱) هیچ کدام overflow:hidden ندارند تا محتوا بریده نشود؛ به جای آن
      بخش ها padding کافی گرفته اند.
   ۲) شکل ها pointer-events:none دارند تا جلوی کلیک را نگیرند.
   ۳) preserveAspectRatio="none" تا در هر عرضی کشیده شود بدون درز.
   ۴) top:-1px / bottom:-1px برای پوشاندن خط مویی گرد کردن پیکسل.
   ۵) در حالت راست به چپ، شکل مورب با transform: scaleX(-1) آینه
      می شود تا شیب به سمت درست باشد.
   ================================================================== */

:root{
  --lg-div-h: clamp(38px, 5vw, 74px);   /* ارتفاع جداکننده ها */
}

/* ==================================================================
   اعمال روی بخش ها — ترتیب واقعی صفحه اول
   خدمات(سفید) → درباره(کاغذی) → آمار(کاغذی) → چرا ما(سفید)
   → ساعت کاری(کاغذی) → روش کار(سفید) → نظرات(کاغذی)
   → مقالات(سفید) → سوالات(سفید) → نقشه(سفید) → CTA(قرمز)
   ================================================================== */

/* درباره ما — لبه بالا مورب از سفید */
.about{position:relative;padding-top:calc(var(--lg-gap) + var(--lg-div-h))}
.about::before{
  content:"";position:absolute;inset-inline:0;top:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L1200 0 L1200 62 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}
[dir="rtl"] .about::before{transform:scaleX(-1)}
/* مرز درباره/آمار: هر دو کاغذی اند، پس فقط یک خط ظریف هندسی */
.about{border-bottom:0}

/* چرا ما — لبه بالا موجی از کاغذی */
.lg-why{position:relative;padding-top:calc(var(--lg-gap) + var(--lg-div-h))}
.lg-why::before{
  content:"";position:absolute;inset-inline:0;top:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L1200 0 L1200 44 C900 92 720 8 480 52 C300 86 140 30 0 58 Z' fill='%23faf7f8'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}

/* ساعت کاری — لبه بالا قوس از سفید، لبه پایین موج به سفید */
.lg-hours{
  position:relative;border-block:0;
  padding-top:calc(var(--lg-gap-sm) + var(--lg-div-h));
  padding-bottom:calc(var(--lg-gap-sm) + var(--lg-div-h));
}
.lg-hours::before{
  content:"";position:absolute;inset-inline:0;top:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L1200 0 L1200 26 C860 104 340 104 0 26 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}
.lg-hours::after{
  content:"";position:absolute;inset-inline:0;bottom:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 56 C140 28 300 84 480 50 C720 6 900 90 1200 42 L1200 100 L0 100 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}

/* نظرات — لبه بالا مورب از سفید، لبه پایین مورب به سفید */
.lg-reviews{
  position:relative;border-block:0;
  padding-top:calc(var(--lg-gap) + var(--lg-div-h));
  padding-bottom:calc(var(--lg-gap) + var(--lg-div-h));
}
.lg-reviews::before{
  content:"";position:absolute;inset-inline:0;top:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L1200 0 L1200 62 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}
.lg-reviews::after{
  content:"";position:absolute;inset-inline:0;bottom:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 38 L1200 100 L0 100 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}
[dir="rtl"] .lg-reviews::before,
[dir="rtl"] .lg-reviews::after{transform:scaleX(-1)}

/* سوالات متداول — کاغذی با لبه موجی، تا از مقالات جدا شود */
.faq{
  position:relative;background:var(--lg-paper-2);
  padding-top:calc(var(--lg-gap) + var(--lg-div-h));
  padding-bottom:calc(var(--lg-gap) + var(--lg-div-h));
}
.faq::before{
  content:"";position:absolute;inset-inline:0;top:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L1200 0 L1200 44 C900 92 720 8 480 52 C300 86 140 30 0 58 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}
.faq::after{
  content:"";position:absolute;inset-inline:0;bottom:-1px;height:var(--lg-div-h);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 56 C140 28 300 84 480 50 C720 6 900 90 1200 42 L1200 100 L0 100 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;pointer-events:none;z-index:1;
}
/* محتوای بخش باید بالای شکل بنشیند */
.about > .container,
.lg-why > .container,
.lg-hours > .container,
.lg-reviews > .container,
.faq > .container{position:relative;z-index:2}

/* ==================================================================
   لهجه های هندسی — نقطه چین و دایره های محو
   امضای بصری قالب، بدون اینکه خوانایی را کم کند.
   ================================================================== */
.lg-why::after,
.lg-posts::before{
  content:"";position:absolute;pointer-events:none;z-index:0;
}
/* شبکه نقطه ای گوشه بخش «چرا ما» */
.lg-why::after{
  inset-inline-end:2%;top:calc(var(--lg-div-h) + 18px);
  width:120px;height:120px;opacity:.5;
  background-image:radial-gradient(var(--lg-red-line) 1.6px, transparent 1.6px);
  background-size:14px 14px;
}
/* دایره محو پشت بخش مقالات */
.lg-posts{position:relative;overflow:hidden}
.lg-posts::before{
  inset-inline-start:-90px;bottom:-90px;
  width:260px;height:260px;border-radius:50%;
  border:26px solid var(--lg-red-tint);opacity:.75;
}
.lg-posts > .container{position:relative;z-index:2}

/* نیم دایره تزیینی بالای نوار CTA */
.page-cta-wrap{position:relative}

/* ==================================================================
   موبایل — جداکننده ها کوتاه تر می شوند تا فضا هدر نرود
   ================================================================== */
@media(max-width:860px){
  :root{--lg-div-h:26px}
  .lg-why::after{display:none}
  .lg-posts::before{width:170px;height:170px;border-width:18px;inset-inline-start:-70px;bottom:-70px}
}

/* کاربرانی که انیمیشن کم می خواهند — شکل ها ثابت اند، مشکلی نیست */
@media (prefers-reduced-motion: reduce){
  .lg-carousel__viewport{scroll-behavior:auto}
}

/* ==================================================================
   دور پنجم — تایپوگرافی IRANYekanX و مقیاس اندازه ها
   ------------------------------------------------------------------
   مقیاس بر پایه دو اصل نوشته شده:
   ۱) متن بدنه فارسی زیر ۱۶ پیکسل روی موبایل خسته کننده می شود، و اگر
      فیلد فرم زیر ۱۶ پیکسل باشد iOS موقع تایپ صفحه را زوم می کند.
      پس کف همه جا ۱۶ پیکسل است.
   ۲) اختلاف اندازه تیترها روی موبایل باید کمتر از دسکتاپ باشد، وگرنه
      تیتر بزرگ کل صفحه اول موبایل را می بلعد. clamp دقیقاً همین کار
      را می کند: کف کوچک، سقف بزرگ، و بینشان خطی نسبت به عرض صفحه.
   ================================================================== */

:root{
  --font-fa: 'IRANYekanX', 'IRANYekanX-fallback', Tahoma, Arial, sans-serif;

  /* مقیاس تیتر — clamp(کف موبایل, نسبت به عرض, سقف دسکتاپ) */
  --fs-h1:   clamp(1.55rem, 1.15rem + 2.0vw, 2.45rem);   /* ۲۵ → ۳۹ px */
  --fs-h2:   clamp(1.30rem, 1.05rem + 1.3vw, 1.95rem);   /* ۲۱ → ۳۱ px */
  --fs-h3:   clamp(1.08rem, 0.98rem + 0.5vw, 1.30rem);   /* ۱۷ → ۲۱ px */
  --fs-h4:   clamp(1.00rem, 0.96rem + 0.2vw, 1.10rem);
  --fs-body: clamp(1.00rem, 0.97rem + 0.15vw, 1.07rem);  /* ۱۶ → ۱۷ px */
  --fs-lead: clamp(1.06rem, 1.00rem + 0.3vw, 1.20rem);
  --fs-sm:   clamp(0.88rem, 0.86rem + 0.1vw, 0.94rem);
  --fs-xs:   0.82rem;

  /* ارتفاع خط — فارسی به فضای عمودی بیشتری از لاتین نیاز دارد */
  --lh-tight: 1.55;   /* تیترها */
  --lh-body:  2.00;   /* متن بدنه */
  --lh-ui:    1.75;   /* دکمه، منو، برچسب */
}

html{-webkit-text-size-adjust:100%}

body{
  font-family:var(--font-fa);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  font-weight:400;
  /* اعداد فارسی و لاتین هم عرض بمانند تا جدول ها نلرزند */
  font-variant-numeric:tabular-nums;
}

/* هیچ letter-spacing روی فارسی — خط متصل را می شکند */
h1,h2,h3,h4,h5,h6,p,li,a,span,b,strong,label,button,input,select,textarea{
  letter-spacing:0;
  font-family:var(--font-fa);
}

h1,h2,h3,h4,h5,h6{line-height:var(--lh-tight);text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:900}
h2{font-size:var(--fs-h2);font-weight:900}
h3{font-size:var(--fs-h3);font-weight:800}
h4{font-size:var(--fs-h4);font-weight:800}

p,li{font-size:inherit;line-height:var(--lh-body)}

/* وزن های نازک برای فارسی زیر ۲۰ پیکسل خوانا نیستند — کف وزن ۴۰۰ */
small,.text-sm{font-size:var(--fs-sm);font-weight:500}

/* ----------------- اعمال مقیاس روی اجزای قالب ------------------- */
.lg-intro__h1{font-size:var(--fs-h1)}
.lg-intro__sub{font-size:var(--fs-lead);line-height:var(--lh-body)}
.sec-head h2{font-size:var(--fs-h2)}
.sec-head p{font-size:var(--fs-body)}
.sec-head .eyebrow{font-size:var(--fs-sm);font-weight:700}

.svc-body h3{font-size:var(--fs-h3)}
.svc-body p{font-size:var(--fs-sm);line-height:1.95}
.svc-link{font-size:var(--fs-sm)}

.about-text h2{font-size:var(--fs-h2)}
.about-lead{font-size:var(--fs-lead)}
.about-highlights li{font-size:var(--fs-sm);font-weight:600}

.lg-stat__num{font-size:clamp(1.75rem, 1.2rem + 2.4vw, 2.7rem);font-weight:900}
.lg-stat__label{font-size:var(--fs-sm);font-weight:600}

.lg-why__num{font-size:clamp(1.4rem, 1.1rem + 1vw, 1.8rem)}
.lg-why__card h3{font-size:var(--fs-h3)}
.lg-why__card p{font-size:var(--fs-sm);line-height:2}

.lg-hours__text h2{font-size:var(--fs-h2)}
.lg-hours__days{font-size:var(--fs-body);font-weight:800}
.lg-hours__time{font-size:clamp(1.15rem, 1rem + 0.7vw, 1.45rem);font-weight:900}
.lg-hours__note{font-size:var(--fs-sm)}

.lg-how__step h3{font-size:var(--fs-h3)}
.lg-how__step p{font-size:var(--fs-sm);line-height:2}
.lg-how__badge{font-size:var(--fs-xs);font-weight:800}

.lg-review blockquote{font-size:var(--fs-body);line-height:1.95}
.lg-review figcaption b{font-size:var(--fs-sm)}
.lg-review figcaption span{font-size:var(--fs-xs)}

.lg-post__body h3{font-size:var(--fs-h3);line-height:1.75}
.lg-post__excerpt{font-size:var(--fs-sm);line-height:1.9}
.lg-post__cta,.lg-post__date{font-size:var(--fs-xs);font-weight:800}

.faq-q{font-size:var(--fs-body);font-weight:800}
.faq-a p{font-size:var(--fs-body);line-height:var(--lh-body)}

.lg-map__row b{font-size:var(--fs-sm)}
.lg-map__row span,.lg-map__row a{font-size:var(--fs-sm)}

.menu-link{font-size:var(--fs-sm);font-weight:700}
.topbar{font-size:var(--fs-xs)}
.btn{font-size:var(--fs-sm);font-weight:800;line-height:var(--lh-ui)}
.quick b{font-size:var(--fs-sm);font-weight:800}
.quick span{font-size:var(--fs-xs)}

/* ------------------------- صفحات داخلی -------------------------- */
.page-hero-head h1{font-size:var(--fs-h1)}
.article .lead{font-size:var(--fs-lead);line-height:var(--lh-body)}
.rich-content{font-size:var(--fs-body);line-height:var(--lh-body)}
.rich-content h2,.content-block h2{font-size:var(--fs-h2)}
.rich-content h3{font-size:var(--fs-h3)}
.rich-content h4{font-size:var(--fs-h4)}
.rich-content li{font-size:var(--fs-body)}
.toc-inline ul li a,.toc ul li a{font-size:var(--fs-sm);line-height:1.9}
.toc-head{font-size:var(--fs-body)}
.crumbs{font-size:var(--fs-xs)}
.page-meta{font-size:var(--fs-xs)}
.side-cta__title{font-size:var(--fs-h3)}
.c-item,.comment-form{font-size:var(--fs-sm)}

/* فیلدهای فرم — دقیقاً ۱۶px تا iOS موقع تایپ زوم نکند */
input,select,textarea{
  font-family:var(--font-fa);
  font-size:16px;
  line-height:var(--lh-ui);
}
.field label{font-size:var(--fs-sm);font-weight:700}
.lg-modal__head h2{font-size:var(--fs-h3)}
.lg-modal__head p{font-size:var(--fs-sm)}
.lg-modal__hint{font-size:var(--fs-xs)}

/* اعداد و آدرس لاتین داخل متن فارسی جهتشان قاطی نشود */
[dir="ltr"],.lg-stat__num,.lg-hours__time,.foot-phone,.topbar-phone{
  unicode-bidi:plaintext;
}

/* ------------------------ خوانایی موبایل ------------------------ */
@media(max-width:860px){
  :root{--lh-body:1.9}
  /* متن فارسی در ستون باریک justify نشود — رودخانه سفید می سازد */
  .rich-content,.rich-content p,.article .lead,.lg-intro__sub,
  .sec-head p,.about-lead,.lg-why__card p,.lg-how__step p,
  .lg-review blockquote,.faq-a p{text-align:start}
  /* هدف لمس حداقل ۴۴ پیکسل */
  .menu-link,.mob-nav__link,.foot-links a,.toc-inline ul li a{min-height:44px;display:flex;align-items:center}
  .btn{min-height:46px}
}

/* ==================================================================
   کارایی — کاهش پرش چیدمان و بار اولیه
   ================================================================== */

/* عکس ها نسبت ابعاد نگه دارند تا موقع لود، متن نپرد */
.rich-content img{height:auto;max-width:100%}
.lg-post__media img,.svc-media img,.about-art img{height:100%;width:100%}

/* عکس هایی که ابعادشان در HTML نیست — جای خالی رزرو می شود */
.rich-content img:not([width]){aspect-ratio:16/9;object-fit:cover;width:100%}

/* اسکرول نرم فقط برای کسانی که انیمیشن می خواهند */
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}

/* ردیف مزایا حالا فهرست است، پس استایل list باید صفر شود */
.service-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.service-perk{display:flex;gap:12px;align-items:flex-start}
.service-perk__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.service-perk__title{font-size:var(--fs-sm);font-weight:800;color:var(--lg-ink);line-height:1.7}
.service-perk__text > span{font-size:var(--fs-xs);color:var(--text-soft);line-height:1.8}
@media(max-width:900px){.service-perks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.service-perks{grid-template-columns:1fr}}

/* ==================================================================
   زیرمنوی بلند — همه گزینه ها دیده شوند
   ------------------------------------------------------------------
   مشکل: زیرمنوی «تعمیرات لوازم خانگی ال جی» یازده آیتم دارد و چون
   ارتفاعش محدود نشده بود، از پایین صفحه بیرون می زد و چند گزینه آخر
   اصلاً دیده نمی شدند.

   راه حل دو لایه است:

   ۱) تضمین پایه — سقف ارتفاع به اندازه فضای واقعی زیر هدر، به علاوه
      اسکرول. این لایه به هیچ قابلیت جدیدی وابسته نیست و در هر مرورگری
      کار می کند، پس هیچ وقت گزینه ای پنهان نمی ماند.

   ۲) بهبود — اگر تعداد آیتم ها زیاد باشد، لیست چند ستونی می شود و
      معمولاً اصلاً نیازی به اسکرول نمی ماند. تشخیص تعداد با :has و
      :nth-child انجام می شود؛ مرورگرهای قدیمی این بخش را نادیده
      می گیرند و لایه اول کارشان را راه می اندازد.
   ================================================================== */

/* لایه ۱ — هیچ گزینه ای زیر لبه صفحه گم نشود */
.menu-sub{
  max-height:calc(100vh - 150px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--lg-line) transparent;
}
.menu-sub::-webkit-scrollbar{width:6px}
.menu-sub::-webkit-scrollbar-thumb{background:var(--lg-line);border-radius:6px}
.menu-sub::-webkit-scrollbar-thumb:hover{background:var(--lg-red-line)}

/* لایه ۲ — از ۹ آیتم به بالا: دو ستون */
.menu-sub:has(> .menu-item:nth-child(9)){
  columns:2;
  column-gap:4px;
  column-rule:1px solid var(--lg-line-soft);
  min-width:430px;
  max-height:none;      /* دیگر لازم نیست اسکرول شود */
  overflow:visible;
}
/* از ۱۷ آیتم به بالا: سه ستون */
.menu-sub:has(> .menu-item:nth-child(17)){
  columns:3;
  min-width:640px;
}
/* آیتم نباید بین دو ستون نصف شود */
.menu-sub:has(> .menu-item:nth-child(9)) > .menu-item{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  display:block;
}

/* در حالت چندستونی، زیرمنوی تو در تو با موقعیت مطلق قاطی می شود؛
   ستون بندی فقط برای فهرست های تخت است */
.menu-sub:has(> .menu-item.has-children){columns:auto;min-width:210px}

/* اگر دکمه در نیمه چپ نوار باشد، منوی پهن نباید از صفحه بیرون بزند */
.menu-list > .menu-item:nth-last-child(-n+2) > .menu-sub{right:auto;left:0}

/* --------------------------- موبایل ----------------------------- */
@media(max-width:992px){
  /* در کشوی موبایل، لیست همیشه تک ستونی و قابل اسکرول است */
  .menu-sub:has(> .menu-item:nth-child(9)),
  .menu-sub:has(> .menu-item:nth-child(17)){columns:auto;min-width:0}
  .mob-nav__sub{max-height:none;overflow:visible}
}