/*
Theme Name: Bimeh4883 - Persian Premium
Author: Khanom Karimi
Description: Professional Insurance Agency Theme — Premium v5.4.0 readability-and-cta-fixed for local SEO, calculator, service pages
Version: 6.2.0
Text Domain: bimeh4883
*/

/* ═══════════════════════════════════════════
   BIMEH4883 · v5.5.0 production-local-seo-ui — Pure Typography Logotype
   Deep Navy · Burnished Gold · Refined Glass
═══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

/* ── Design Tokens ──────────────────────── */
:root {
  --n950:#0a1a35; --n900:#0e2244; --n800:#153060;
  --n700:#1a3d7a; --n600:#1e4d96; --n400:#2e6ac4;
  --g500:#c8922a; --g400:#dc9f2e; --g300:#f0c844;
  --g200:#f5d880; --g-pale:rgba(200,146,42,.1);
  --glow:0 0 32px rgba(200,146,42,.22);
  --s0:#ffffff; --s1:#f4f6fb; --s2:#eaf0f8; --s3:#dde6f2;
  --t900:#0d1117; --t700:#2d3748; --t500:#64748b; --t300:#94a3b8;
  --bdr:rgba(13,32,64,.09); --bdl:rgba(13,32,64,.14);
  --bdg:rgba(200,146,42,.3);
  --sh-xs:0 1px 4px rgba(10,22,40,.07);
  --sh-sm:0 2px 10px rgba(10,22,40,.09);
  --sh-md:0 6px 24px rgba(10,22,40,.13);
  --sh-lg:0 16px 48px rgba(10,22,40,.17);
  --sh-xl:0 28px 64px rgba(10,22,40,.21);
  --sh-g:0 8px 28px rgba(200,146,42,.28);
  --r-xs:6px; --r-sm:10px; --r-md:16px;
  --r-lg:22px; --r-xl:32px; --r-f:999px;
  --ease:cubic-bezier(.4,0,.2,1);
  --t:all .28s var(--ease);
  --ts:all .5s var(--ease);
}


/* ── Backward-compatible aliases ── */
:root {
  --primary:       var(--n700);
  --primary-light: var(--n400);
  --primary-mid:   var(--n800);
  --accent:        var(--g500);
  --accent-light:  var(--g300);
  --gold:          var(--g500);
  --white:         var(--s0);
  --off-white:     var(--s1);
  --dark:          var(--t900);
  --gray-100:      var(--s3);
  --gray-300:      var(--t300);
  --gray-600:      var(--t500);
}

/* ── Reset ──────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn',sans-serif;direction:rtl;color:var(--t900);background:var(--s0);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
img{max-width:100%;display:block}
a{color:var(--n400);text-decoration:none;transition:var(--t)}
h1{font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;color:var(--n800)}
h2{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--n800)}
h3{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;line-height:1.4;color:var(--n800)}
p{margin-bottom:1rem;font-size:.97rem;color:var(--t500);line-height:1.8}

/* ══════════════════════════════════════
   LOGOTYPE SYSTEM
══════════════════════════════════════ */
.site-logo{
  display:flex;align-items:center;gap:.8rem;
  text-decoration:none;flex-shrink:0;transition:var(--t);
}
.site-logo:hover{opacity:.88}

/* SVG Shield mark */
.logo-mark{
  width:44px;height:44px;flex-shrink:0;
  transition:var(--t);
  filter:drop-shadow(0 2px 8px rgba(200,146,42,.3));
}
.logo-mark svg{width:100%;height:100%}
.site-logo:hover .logo-mark{
  filter:drop-shadow(0 4px 14px rgba(200,146,42,.45));
  transform:scale(1.05);
}
.logo-mark-sm{width:38px;height:38px}

/* Wordmark typography */
.logo-wordmark{display:flex;flex-direction:column;gap:.05rem}

.wm-fa{
  font-size:1.22rem;font-weight:900;
  letter-spacing:-.01em;line-height:1;
  /* Gradient text for the wordmark */
  background:linear-gradient(110deg,var(--s0) 0%,rgba(255,255,255,.85) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  /* Subtle gold shimmer on hover via parent */
}
.site-logo:hover .wm-fa{
  background:linear-gradient(110deg,var(--g200),var(--g300),var(--g200));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.wm-sub{
  font-size:.64rem;font-weight:600;
  color:rgba(255,255,255,.38);
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Footer logotype — lighter sub */
.site-footer .wm-fa{
  background:linear-gradient(110deg,var(--s0),rgba(255,255,255,.82));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.site-footer .site-logo:hover .wm-fa{
  background:linear-gradient(110deg,var(--g200),var(--g300),var(--g200));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* Popup logo row */
.popup-logo-row{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:1.5rem}
.popup-mark{width:36px;height:36px;flex-shrink:0}
.popup-mark svg{width:100%;height:100%}
.popup-title{font-size:1.22rem;font-weight:800;color:var(--n800);margin:0}

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.7rem;border:none;border-radius:var(--r-sm);
  font-family:inherit;font-size:.92rem;font-weight:700;
  cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:var(--t);position:relative;overflow:hidden;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.1));opacity:0;transition:var(--t)}
.btn:hover::after{opacity:1}
.btn:active{transform:scale(.97)}
.btn-primary{background:linear-gradient(135deg,var(--g500),var(--g300));color:var(--n900);box-shadow:var(--sh-g)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(200,146,42,.38);color:var(--n900)}
.btn-secondary{background:rgba(255,255,255,.1);color:var(--s0);border:1.5px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}
.btn-secondary:hover{background:var(--s0);color:var(--n800);border-color:var(--s0);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--n600);border:1.5px solid var(--n600)}
.btn-outline:hover{background:var(--n600);color:var(--s0)}
.btn-ghost{background:var(--g-pale);color:var(--g500);border:1px solid var(--bdg)}
.btn-ghost:hover{background:var(--g500);color:var(--s0)}

/* ══════════════════════════════════════
   CHIPS & SECTION HEADS
══════════════════════════════════════ */
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .85rem;border-radius:var(--r-f);font-size:.78rem;font-weight:700}
.chip-gold{background:var(--g-pale);color:var(--g500);border:1px solid var(--bdg)}
.chip-navy{background:rgba(13,32,64,.07);color:var(--n700);border:1px solid var(--bdr)}
.chip-green{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}

.section-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .85rem;border-radius:var(--r-f);background:var(--g-pale);color:var(--g500);font-size:.78rem;font-weight:700;border:1px solid var(--bdg)}
.section-title{text-align:center;margin-bottom:3.5rem}
.section-title h2{margin:.5rem 0}
.section-title p{color:var(--t300);max-width:520px;margin:0 auto}
.title-line{width:52px;height:3px;background:linear-gradient(90deg,var(--g500),var(--g300));border-radius:var(--r-f);margin:.9rem auto 0}
.sec-head{text-align:center;margin-bottom:3.5rem}
.sec-head h2{margin:.5rem 0}
.sec-head p{color:var(--t300);max-width:520px;margin:0 auto}
.sec-line{width:52px;height:3px;background:linear-gradient(90deg,var(--g500),var(--g300));border-radius:var(--r-f);margin:.9rem auto 0}

/* ══════════════════════════════════════
   HEADER
══════════════════════════════════════ */
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(14,34,68,.95);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.055);
  padding:.72rem 0;transition:var(--t);
}
.site-header.scrolled{background:rgba(10,26,53,.99);box-shadow:0 4px 24px rgba(5,13,26,.55)}
.site-header-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}

.site-nav ul{list-style:none;display:flex;gap:.2rem}
.site-nav a{color:rgba(255,255,255,.7);font-weight:600;font-size:.88rem;padding:.42rem .85rem;border-radius:var(--r-xs);border:1px solid transparent;transition:var(--t)}
.site-nav a:hover,.site-nav .current-menu-item a{color:var(--s0);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}

.header-cta{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.header-phone{display:flex;align-items:center;gap:.45rem;color:var(--g300);font-weight:700;font-size:.87rem;padding:.38rem .9rem;border:1px solid rgba(200,146,42,.33);border-radius:var(--r-f);transition:var(--t);background:rgba(200,146,42,.05)}
.header-phone:hover{background:rgba(200,146,42,.13);color:var(--g300);border-color:var(--bdg)}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero{position:relative;background:var(--n900);color:var(--s0);padding:5.5rem 0 7rem;overflow:hidden;isolation:isolate}

.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.32;pointer-events:none;z-index:0;animation:blobFloat 8s ease-in-out infinite}
.hero-blob-1{width:520px;height:520px;top:-100px;right:-80px;background:radial-gradient(circle,var(--g500),transparent 65%)}
.hero-blob-2{width:420px;height:420px;bottom:-120px;left:-60px;background:radial-gradient(circle,var(--n600),transparent 65%);animation-delay:3s}
.hero-blob-3{width:300px;height:300px;top:40%;left:42%;background:radial-gradient(circle,rgba(19,58,117,.55),transparent 65%);animation-delay:5s}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(12px,-18px) scale(1.04)}66%{transform:translate(-10px,14px) scale(.97)}}

.hero::before{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 340px;gap:3.5rem;align-items:center}

.hero-eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:1.3rem}
.hero-eyebrow-line{width:32px;height:2px;background:linear-gradient(90deg,var(--g500),var(--g300));border-radius:var(--r-f)}
.hero h1{color:var(--s0);margin-bottom:1.1rem}
.hero h1 .gradient-text{background:linear-gradient(110deg,var(--g300),var(--g500),var(--g200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-lead{font-size:1.05rem;color:rgba(255,255,255,.62);max-width:560px;margin-bottom:2.2rem;line-height:1.85}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:3rem}

.hero-stats{display:flex;gap:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);overflow:hidden;backdrop-filter:blur(8px)}
.hero-stat{flex:1;text-align:center;padding:1.1rem .8rem;border-left:1px solid rgba(255,255,255,.07)}
.hero-stat:last-child{border-left:none}
.hero-stat .num{font-size:1.65rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--g300),var(--g500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}
.hero-stat .lbl{font-size:.72rem;color:rgba(255,255,255,.42);font-weight:600}

/* Hero contact card */
.hero-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:1.8rem;backdrop-filter:blur(16px)}

/* Hero card logotype */
.hero-card-logotype{
  display:flex;align-items:center;justify-content:center;gap:.6rem;
  margin-bottom:1rem;
}
.hero-card-logotype .hcl-mark{width:40px;height:40px}
.hero-card-logotype .hcl-mark svg{width:100%;height:100%}
.hero-card-logotype .hcl-text{
  font-size:1.05rem;font-weight:900;
  background:linear-gradient(110deg,var(--s0),rgba(255,255,255,.8));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.hero-card h3{color:var(--s0);text-align:center;font-size:.95rem;margin-bottom:.2rem}
.hero-card .sub{text-align:center;font-size:.76rem;color:rgba(255,255,255,.38);margin-bottom:1.2rem}
.hero-card-divider{height:1px;background:rgba(255,255,255,.08);margin:.9rem 0}
.hc-link{display:flex;align-items:center;gap:.65rem;color:rgba(255,255,255,.72);font-size:.86rem;font-weight:600;padding:.5rem .4rem;border-radius:var(--r-xs);text-decoration:none;transition:var(--t)}
.hc-link:hover{color:var(--g300);background:rgba(200,146,42,.08)}
.hc-link .ico{width:30px;height:30px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}

.hero-wave{position:absolute;bottom:-1px;left:0;right:0;height:60px;overflow:hidden}
.hero-wave svg{width:100%;height:100%;display:block}

/* ══════════════════════════════════════
   TRUST BAR
══════════════════════════════════════ */
.trust-bar{background:var(--s0);border-bottom:1px solid var(--bdr);padding:1.1rem 0}
.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:.55rem;font-size:.84rem;font-weight:600;color:var(--t500)}
.trust-item .t-ico{width:32px;height:32px;background:var(--g-pale);border:1px solid var(--bdg);border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:.92rem;flex-shrink:0}

/* ══════════════════════════════════════
   STATS
══════════════════════════════════════ */
.stats-section{padding:5.5rem 0;background:var(--s1);position:relative;overflow:hidden}
.stats-section::before{content:'';position:absolute;top:-80px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,var(--g-pale),transparent 70%);pointer-events:none}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.stat-card{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden;transition:var(--t)}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g500),var(--g300));transform:scaleX(0);transform-origin:right;transition:var(--t)}
.stat-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.stat-card:hover::before{transform:scaleX(1)}
.stat-ico{width:52px;height:52px;background:linear-gradient(135deg,var(--n800),var(--n600));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .9rem;box-shadow:var(--sh-sm)}
.stat-num{font-size:2.6rem;font-weight:900;line-height:1;margin-bottom:.35rem;background:linear-gradient(135deg,var(--n800),var(--n400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-lbl{font-size:.9rem;font-weight:700;color:var(--t700);margin-bottom:.2rem}
.stat-sub{font-size:.78rem;color:var(--t300);margin:0}

/* Counter bar — بدون لوگو، ساده و حرفه‌ای */
.counter-bar{
  margin-top:2.5rem;background:var(--s0);
  border:1px solid var(--bdl);border-radius:var(--r-md);
  padding:1.5rem 2.5rem;
  display:flex;align-items:center;justify-content:center;
  gap:3rem;flex-wrap:wrap;box-shadow:var(--sh-xs);
}
.counter-item{text-align:center}
.v-num{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--g500),var(--g300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;margin-bottom:.3rem}
.v-lbl{font-size:.76rem;color:var(--t300);font-weight:600}
.counter-sep{width:1px;height:44px;background:var(--bdr)}
.counter-mid{text-align:center}
.counter-mid-mark{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  margin-bottom:.3rem;
}
/* counter-mid از logotype SVG + text استفاده می‌کنه */
.counter-mid-mark .cm-icon{width:28px;height:28px}
.counter-mid-mark .cm-icon svg{width:100%;height:100%}
.counter-mid-text{font-size:.8rem;font-weight:800;color:var(--n700)}
.counter-mid-sub{font-size:.72rem;color:var(--t300)}

/* ══════════════════════════════════════
   SERVICES
══════════════════════════════════════ */
.services-section{padding:5.5rem 0;background:var(--s0)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.service-card{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);overflow:hidden;transition:var(--ts);display:flex;flex-direction:column;position:relative}
.service-card::after{content:'';position:absolute;inset:0;border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px var(--g500);opacity:0;transition:var(--t)}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--sh-xl)}
.service-card:hover::after{opacity:1}
.sc-top{background:linear-gradient(145deg,var(--n800),var(--n600));padding:1.6rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}
.sc-top::after{content:'';position:absolute;bottom:-20px;left:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(200,146,42,.12),transparent 70%);pointer-events:none}
.sc-icon{width:54px;height:54px;background:linear-gradient(135deg,var(--g500),var(--g300));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.7rem;flex-shrink:0;box-shadow:var(--sh-g);transition:var(--t)}
.service-card:hover .sc-icon{transform:rotate(-5deg) scale(1.08)}
.sc-head h3{color:var(--s0);margin-bottom:.25rem;font-size:1.04rem}
.sc-head .sc-tag{font-size:.7rem;color:rgba(255,255,255,.42);font-weight:600}
.sc-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.sc-highlights{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.sc-highlights span{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--r-f);background:var(--g-pale);color:var(--g500);border:1px solid var(--bdg)}
.sc-body ul{list-style:none;margin:0 0 1.2rem;flex:1}
.sc-body ul li{font-size:.86rem;color:var(--t500);padding:.3rem 0;display:flex;align-items:flex-start;gap:.5rem;border-bottom:1px solid rgba(13,32,64,.05)}
.sc-body ul li:last-child{border:none}
.sc-body ul li::before{content:'›';color:var(--g500);font-size:1.1rem;font-weight:900;line-height:1.4;flex-shrink:0}

/* ══════════════════════════════════════
   WHY US
══════════════════════════════════════ */
.why-section{padding:6rem 0;background:var(--n900);position:relative;overflow:hidden}
.why-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px}
.why-section .sec-head h2{color:var(--s0)}
.why-section .sec-head p{color:rgba(255,255,255,.36)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative;z-index:2}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);padding:1.8rem 1.5rem;text-align:center;transition:var(--t)}
.why-card:hover{background:rgba(255,255,255,.07);border-color:rgba(200,146,42,.28);transform:translateY(-5px)}
.why-ico{width:58px;height:58px;background:linear-gradient(135deg,var(--g500),var(--g300));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 1.1rem;box-shadow:var(--sh-g);transition:var(--t)}
.why-card:hover .why-ico{transform:scale(1.1) rotate(-4deg)}
.why-card h3{color:var(--s0);font-size:1rem;margin-bottom:.4rem}
.why-card p{color:rgba(255,255,255,.46);font-size:.84rem;margin:0;line-height:1.7}

/* ══════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════ */
.testi-section{padding:5.5rem 0;background:var(--s1)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.testi-card{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);padding:1.8rem;transition:var(--t)}
.testi-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}
.testi-stars{color:var(--g400);font-size:.95rem;letter-spacing:.08rem;margin-bottom:.9rem}
.testi-text{font-size:.91rem;color:var(--t500);line-height:1.85;font-style:italic;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--bdr)}
.testi-author{display:flex;align-items:center;gap:.8rem}
.testi-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--n800),var(--n600));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.testi-name{font-size:.87rem;font-weight:700;color:var(--t700)}
.testi-role{font-size:.74rem;color:var(--t300)}

/* ══════════════════════════════════════
   FAQ (جدید در v4)
══════════════════════════════════════ */
.faq-section{padding:5.5rem 0;background:var(--s0)}
.faq-list{max-width:780px;margin:0 auto}
.faq-item{
  border:1px solid var(--bdl);border-radius:var(--r-md);
  margin-bottom:1rem;overflow:hidden;transition:var(--t);
}
.faq-item:hover{border-color:var(--bdg)}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.2rem 1.5rem;cursor:pointer;
  font-weight:700;font-size:.95rem;color:var(--n700);
  background:var(--s0);transition:var(--t);
  user-select:none;
}
.faq-q:hover{background:var(--g-pale)}
.faq-q .fq-icon{
  width:28px;height:28px;flex-shrink:0;
  background:var(--g-pale);border:1px solid var(--bdg);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:.8rem;color:var(--g500);font-weight:900;
  transition:var(--t);
}
.faq-item.open .fq-icon{background:var(--g500);color:var(--s0);transform:rotate(45deg)}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height .35s var(--ease),padding .35s var(--ease);
  font-size:.91rem;color:var(--t500);line-height:1.85;
  padding:0 1.5rem;
}
.faq-item.open .faq-a{max-height:200px;padding:.3rem 1.5rem 1.3rem}

/* ══════════════════════════════════════
   CTA
══════════════════════════════════════ */
.cta-section{padding:5.5rem 0;background:var(--s0)}
.cta-box{background:linear-gradient(145deg,var(--n800),var(--n700));border-radius:var(--r-xl);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.cta-box::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:450px;height:450px;background:radial-gradient(circle,rgba(200,146,42,.11),transparent 60%);pointer-events:none}
.cta-box h2{color:var(--s0);position:relative;z-index:1}
.cta-box p{color:rgba(255,255,255,.55);font-size:1.01rem;position:relative;z-index:1}
.cta-actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:2rem;position:relative;z-index:1}

/* ══════════════════════════════════════
   PAGE HERO
══════════════════════════════════════ */
.page-hero{background:linear-gradient(145deg,var(--n900),var(--n700));padding:3.5rem 0 2.8rem;position:relative;overflow:hidden;margin-bottom:3.5rem}
.page-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:40px 40px}
.page-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:44px;background:var(--s0);clip-path:ellipse(52% 100% at 50% 100%)}
.page-hero .container{position:relative;z-index:2}
.page-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(200,146,42,.16);border:1px solid rgba(200,146,42,.3);color:var(--g300);font-size:.75rem;font-weight:700;padding:.3rem .85rem;border-radius:var(--r-f);margin-bottom:.9rem}
.page-hero h1{color:var(--s0)}
.page-hero p{color:rgba(255,255,255,.48);margin:0;font-size:.96rem}

/* ══════════════════════════════════════
   ABOUT PAGE
══════════════════════════════════════ */
.about-story{background:var(--s1);border-radius:var(--r-lg);padding:2.5rem;border-right:4px solid var(--g500);margin-bottom:3rem;box-shadow:var(--sh-xs)}
.about-story p{font-size:1.01rem;line-height:1.95;color:var(--t500)}
.about-story strong{color:var(--n800)}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}
.mission-card{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);padding:2rem;transition:var(--t)}
.mission-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}
.mission-icon{width:54px;height:54px;background:linear-gradient(135deg,var(--n800),var(--n600));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1rem;box-shadow:var(--sh-sm)}
.mission-card p{font-size:.92rem;line-height:1.8;margin:0}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:3rem}
.value-card{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);padding:1.6rem;text-align:center;transition:var(--t)}
.value-card:hover{box-shadow:var(--sh-md);border-color:var(--bdg);transform:translateY(-3px)}
.value-card .v-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--g500),var(--g300));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto .9rem;box-shadow:var(--sh-g)}
.value-card h3{font-size:1rem;margin-bottom:.3rem}
.value-card p{font-size:.82rem;margin:0;line-height:1.65}
.team-box{background:linear-gradient(145deg,var(--n800),var(--n700));border-radius:var(--r-lg);padding:2.5rem;margin-bottom:3rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.team-box::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(200,146,42,.1),transparent 70%)}
.team-box h2{color:var(--s0);margin-bottom:1rem}
.team-box p{color:rgba(255,255,255,.58);line-height:1.9}
.team-box ul{list-style:none;margin:1.2rem 0}
.team-box ul li{color:rgba(255,255,255,.72);font-size:.91rem;padding:.5rem 0;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid rgba(255,255,255,.06)}
.team-box ul li:last-child{border:none}
.team-box ul li::before{content:'✓';width:22px;height:22px;background:linear-gradient(135deg,var(--g500),var(--g300));border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:900;color:var(--n900);flex-shrink:0}

/* ══════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;margin-bottom:3rem}
.contact-info-box{background:var(--s1);border:1px solid var(--bdl);border-radius:var(--r-md);padding:2rem}
.contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--bdr)}
.contact-info-item:last-child{border:none}
.ci-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--n800),var(--n600));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;box-shadow:var(--sh-sm)}
.ci-label{font-size:.75rem;color:var(--t300);font-weight:600;margin-bottom:.25rem}
.ci-value{font-size:.95rem;font-weight:700;color:var(--n700);line-height:1.4}
.ci-sub{font-size:.77rem;color:var(--t300);margin-top:.15rem}
.hours-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(34,197,94,.08);color:#16a34a;font-size:.79rem;font-weight:700;padding:.35rem .85rem;border-radius:var(--r-f);margin-top:.8rem;border:1px solid rgba(34,197,94,.18)}
.social-channels{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1.5rem}
.social-channel{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:var(--r-sm);text-decoration:none;transition:var(--t);color:var(--s0);font-weight:700;font-size:.86rem}
.social-channel:hover{transform:translateX(-3px);opacity:.91;color:var(--s0)}
.social-channel .sc-ico{font-size:1.35rem}
.contact-form-box{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);padding:2rem;box-shadow:var(--sh-sm)}
.contact-form-box>p{color:var(--t300);font-size:.88rem;margin-bottom:1.5rem}
.form-group{margin-bottom:1.15rem}
.form-label{display:block;font-size:.86rem;font-weight:700;color:var(--n700);margin-bottom:.45rem}
.form-control{width:100%;padding:.72rem 1rem;border:1.5px solid var(--bdl);border-radius:var(--r-sm);font-family:inherit;font-size:.91rem;color:var(--t900);background:var(--s1);direction:rtl;transition:var(--t);outline:none}
.form-control:focus{border-color:var(--n400);background:var(--s0);box-shadow:0 0 0 3px rgba(37,99,176,.1)}
.form-control::placeholder{color:var(--t300)}
textarea.form-control{min-height:130px;resize:vertical}
select.form-control{cursor:pointer}
.map-section{margin:2rem 0}
.map-embed{width:100%;height:320px;border-radius:var(--r-md);border:1px solid var(--bdl);overflow:hidden;box-shadow:var(--sh-sm)}
.map-embed iframe{width:100%;height:100%;border:none}

/* ══════════════════════════════════════
   SERVICES DETAIL PAGE
══════════════════════════════════════ */
.services-intro{text-align:center;max-width:640px;margin:0 auto 3rem}
.service-detail-card{background:var(--s0);border:1px solid var(--bdl);border-radius:var(--r-md);overflow:hidden;transition:var(--ts);display:flex;flex-direction:column}
.service-detail-card:hover{box-shadow:var(--sh-xl);transform:translateY(-6px);border-color:var(--bdg)}
.sdc-header{background:linear-gradient(145deg,var(--n800),var(--n600));padding:1.5rem;display:flex;align-items:center;gap:1rem}
.sdc-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--g500),var(--g300));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;box-shadow:var(--sh-g)}
.sdc-header h3{color:var(--s0);margin:0 0 .25rem;font-size:1.04rem}
.sdc-header .sdc-tag{color:rgba(255,255,255,.48);font-size:.75rem}
.sdc-body{padding:1.5rem;flex:1}
.sdc-body ul{list-style:none;margin:.8rem 0 1.2rem}
.sdc-body ul li{font-size:.86rem;color:var(--t500);padding:.35rem 0;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--bdr)}
.sdc-body ul li:last-child{border:none}
.sdc-body ul li::before{content:'›';color:var(--g500);font-size:1.1rem;font-weight:900}
.sdc-highlight{background:var(--g-pale);border-radius:var(--r-sm);padding:.75rem 1rem;font-size:.79rem;color:var(--g500);font-weight:700;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.4rem}
.sdc-body .btn{width:100%}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.site-footer{background:var(--n900);color:var(--s0);padding:4rem 0 0;position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:2}
.footer-brand p{color:rgba(255,255,255,.42);font-size:.86rem;line-height:1.8;margin:1rem 0 1.2rem}
.footer-social{display:flex;gap:.6rem;margin-top:1rem}
.footer-social a{width:36px;height:36px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:1.05rem;text-decoration:none;color:var(--s0);border:1px solid rgba(255,255,255,.1);transition:var(--t)}
.footer-social a:hover{border-color:var(--bdg);box-shadow:var(--glow);transform:translateY(-2px)}
.footer-widget h4{color:var(--g300);font-size:.93rem;font-weight:700;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-widget ul{list-style:none}
.footer-widget ul li{color:rgba(255,255,255,.48);font-size:.84rem;padding:.3rem 0;display:flex;align-items:center;gap:.5rem}
.footer-widget ul li::before{content:'›';color:var(--g500);font-size:1rem;font-weight:900}
.footer-contact-item{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.62);font-size:.85rem;font-weight:600;padding:.35rem 0;text-decoration:none;transition:var(--t)}
.footer-contact-item:hover{color:var(--g300)}
.footer-contact-item .ico{width:28px;height:28px;background:rgba(255,255,255,.06);border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:.88rem;flex-shrink:0}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;flex-wrap:wrap;position:relative;z-index:2}
.footer-bottom p{color:rgba(255,255,255,.22);font-size:.79rem;margin:0}
.footer-trust{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.22);font-size:.75rem}
.footer-trust span{background:rgba(200,146,42,.14);color:var(--g400);padding:.2rem .55rem;border-radius:var(--r-f);font-size:.7rem;font-weight:700}

/* ══════════════════════════════════════
   MOBILE POPUP
══════════════════════════════════════ */
#mobilePopup{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--s0);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:1.8rem 1.5rem 2.5rem;z-index:9999;box-shadow:0 -12px 40px rgba(5,13,26,.25);max-height:88vh;overflow-y:auto;animation:slideUp .38s var(--ease)}
.popup-handle{width:38px;height:4px;background:var(--bdl);border-radius:var(--r-f);margin:0 auto 1.5rem}
.popup-close{position:absolute;top:1.2rem;left:1.2rem;width:32px;height:32px;background:var(--s2);border:none;border-radius:50%;font-size:.92rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t300);transition:var(--t)}
.popup-close:hover{background:var(--s3);color:var(--t900)}
.popup-btn{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem 1.2rem;margin-bottom:.75rem;border:none;border-radius:var(--r-sm);font-family:inherit;font-weight:700;font-size:.91rem;cursor:pointer;text-decoration:none;color:var(--s0);transition:var(--t)}
.popup-btn:hover{transform:translateX(-3px);opacity:.93;color:var(--s0)}
.popup-btn .pico{font-size:1.35rem}
.popup-btn .ptitle{display:block;font-size:.91rem}
.popup-btn .psub{display:block;font-size:.75rem;opacity:.72;margin-top:.08rem}

/* ══════════════════════════════════════
   BREADCRUMB
══════════════════════════════════════ */
.breadcrumb-nav{background:var(--s1);padding:.8rem 0;border-bottom:1px solid var(--bdr)}
.breadcrumb-list{list-style:none;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.breadcrumb-list li{font-size:.8rem;color:var(--t300)}
.breadcrumb-list li a{color:var(--n400)}

/* ══════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════ */
@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideDown{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
@keyframes fadeInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.anim-fade-up{animation:fadeInUp .6s var(--ease) both}
.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}
.text-gold{background:linear-gradient(110deg,var(--g300),var(--g500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}


/* ── Logo Mark — fixed size, never overflow ── */
.logo-mark {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 2px 6px rgba(200,146,42,.25));
  transition: var(--t);
}
.logo-mark svg,
.logo-mark img {
  width: 40px !important;
  height: 40px !important;
  display: block;
}
.site-logo:hover .logo-mark {
  filter: drop-shadow(0 3px 12px rgba(200,146,42,.4));
  transform: scale(1.05);
}
.logo-mark-sm {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
}
.logo-mark-sm svg { width: 36px !important; height: 36px !important; }

/* Inline SVG — never take full width */
.logo-mark > svg,
.popup-mark > svg,
.hcl-mark > svg,
.cm-icon > svg {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  display: block;
}

/* ── Hero card logotype ── */
.hero-card-logotype {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  margin-bottom: 1rem;
}
.hcl-mark {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.hcl-mark svg { width: 52px; height: 52px; display: block; }
.hcl-text {
  font-size: 1rem;
  font-weight: 900;
  color: var(--s0);
  letter-spacing: -.01em;
}

/* ── Counter bar middle ── */
.counter-mid { text-align: center; }
.counter-mid-emblem {
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: .35rem;
  display: block;
}
.counter-mid-text {
  font-size: .88rem;
  font-weight: 800;
  color: var(--n700);
  display: block;
  margin-bottom: .15rem;
}
.counter-mid-sub {
  font-size: .72rem;
  color: var(--t300);
  display: block;
}

/* ── Popup logo row — آیتم‌ها جدا و خوانا ── */
.popup-logo-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  margin-bottom: 1.4rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--s3);
}
.popup-mark {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.popup-mark svg { width: 32px; height: 32px; display: block; }
.popup-title { font-size: 1.15rem; font-weight: 800; color: var(--n800); margin: 0; }

/* ── Popup buttons — فاصله و خوانایی ── */
.popup-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: .95rem 1.2rem;
  margin-bottom: .7rem;
  border: none;
  border-radius: var(--r-sm);
  font-family: inherit;
  font-weight: 700;
  font-size: .92rem;
  cursor: pointer;
  text-decoration: none;
  color: var(--s0);
  transition: var(--t);
  letter-spacing: 0;
}
.popup-btn:hover { transform: translateX(-3px); opacity: .93; color: var(--s0); }
.popup-btn .pico { font-size: 1.3rem; flex-shrink: 0; line-height: 1; }
.popup-btn .ptitle {
  display: block;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
}
.popup-btn .psub {
  display: block;
  font-size: .75rem;
  opacity: .72;
  margin-top: .1rem;
  font-weight: 500;
  letter-spacing: 0;
  direction: ltr;
  text-align: right;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1024px){
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .footer-content{grid-template-columns:1fr 1fr}
  .footer-content>:first-child{grid-column:1/-1}
  .hero-inner{grid-template-columns:1fr}
  .hero-card{display:none}
}
@media(max-width:768px){
  .contact-grid,.mission-grid{grid-template-columns:1fr}
  .social-channels{grid-template-columns:1fr}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .map-embed{height:240px}
  .hero{padding:3.5rem 0 5rem}
  .hero-stats{flex-direction:column;gap:0}
  .hero-stat{border-left:none;border-bottom:1px solid rgba(255,255,255,.07)}
  .hero-stat:last-child{border:none}
  .stats-grid,.service-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid,.testi-grid{grid-template-columns:1fr}
  .cta-box{padding:2.5rem 1.5rem}
  .footer-content{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{justify-content:center;text-align:center}
  .header-cta{display:none}
  .site-nav ul{gap:.05rem}
  .site-nav a{font-size:.8rem;padding:.35rem .6rem}
}
@media(max-width:480px){
  .container{padding:0 14px}
  .stats-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:1fr}
  .page-hero{padding:2.5rem 0 2rem}
  .site-nav{display:none}
  .cta-box{padding:2rem 1rem;border-radius:var(--r-lg)}
}

/* ══════════════════════════════════════
   BLOG INDEX
══════════════════════════════════════ */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
  margin-bottom: 3rem;
}

.blog-card {
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  overflow: hidden;
  transition: var(--ts);
  display: flex;
  flex-direction: column;
}
.blog-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh-lg);
  border-color: var(--bdg);
}

.blog-card-thumb {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--s2);
}
.blog-card-thumb a { display: block; height: 100%; }
.blog-card-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: var(--ts);
}
.blog-card:hover .blog-card-thumb img { transform: scale(1.05); }

.blog-card-thumb--placeholder {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--n900), var(--n700));
}
.blog-placeholder-inner {
  font-size: 3rem;
  opacity: .35;
}

.blog-card-body {
  padding: 1.4rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blog-card-meta {
  display: flex;
  gap: .8rem;
  font-size: .75rem;
  color: var(--t300);
  margin-bottom: .7rem;
  flex-wrap: wrap;
}
.blog-card-meta a { color: var(--t300); }
.blog-card-title {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .6rem;
  flex: 1;
}
.blog-card-title a {
  color: var(--n800);
  transition: var(--t);
}
.blog-card-title a:hover { color: var(--g500); }
.blog-card-excerpt {
  font-size: .86rem;
  color: var(--t500);
  line-height: 1.7;
  margin-bottom: 1rem;
}
.blog-read-more {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .84rem;
  font-weight: 700;
  color: var(--n400);
  transition: var(--t);
  margin-top: auto;
}
.blog-read-more:hover { color: var(--g500); gap: .6rem; }
.blog-read-more span { transition: var(--t); }

/* Pagination */
.blog-pagination { text-align: center; margin-top: 2rem; }
.blog-pagination .page-numbers {
  display: inline-flex;
  list-style: none;
  gap: .5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.blog-pagination .page-numbers li a,
.blog-pagination .page-numbers li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: var(--r-sm);
  border: 1px solid var(--bdl);
  font-size: .88rem;
  font-weight: 700;
  color: var(--n700);
  transition: var(--t);
}
.blog-pagination .page-numbers li a:hover,
.blog-pagination .page-numbers li span.current {
  background: var(--g500);
  color: var(--s0);
  border-color: var(--g500);
}

/* Empty state */
.blog-empty {
  text-align: center;
  padding: 5rem 2rem;
}
.blog-empty-icon { font-size: 4rem; margin-bottom: 1rem; }
.blog-empty h2 { margin-bottom: .5rem; }

/* ══════════════════════════════════════
   SINGLE POST
══════════════════════════════════════ */
.single-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 2.5rem;
  align-items: flex-start;
}

.single-thumb {
  border-radius: var(--r-md);
  overflow: hidden;
  margin-bottom: 2rem;
  aspect-ratio: 16/7;
}
.single-featured-img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.single-content {
  font-size: 1.01rem;
  line-height: 2;
  color: var(--t500);
}
.single-content h2 { font-size: 1.4rem; margin: 2rem 0 .8rem; color: var(--n800); }
.single-content h3 { font-size: 1.15rem; margin: 1.5rem 0 .6rem; }
.single-content p  { margin-bottom: 1.2rem; }
.single-content ul,
.single-content ol { padding-right: 1.5rem; margin-bottom: 1.2rem; }
.single-content li { margin-bottom: .4rem; }
.single-content a  { color: var(--n400); text-decoration: underline; }
.single-content blockquote {
  border-right: 4px solid var(--g500);
  background: var(--s1);
  padding: 1rem 1.4rem;
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  margin: 1.5rem 0;
  font-style: italic;
}

.single-tags {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.2rem 0;
  border-top: 1px solid var(--bdr);
  margin-top: 2rem;
}

.single-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 0;
  border-top: 1px solid var(--bdr);
  margin-top: 1rem;
  flex-wrap: wrap;
}

/* Sidebar */
.single-sidebar {
  position: sticky;
  top: 90px;
}

.sidebar-cta {
  background: linear-gradient(145deg, var(--n800), var(--n700));
  border-radius: var(--r-md);
  padding: 1.8rem;
  text-align: center;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(255,255,255,.07);
}
.sidebar-cta-icon { font-size: 2.5rem; margin-bottom: .8rem; }
.sidebar-cta h3 { color: var(--s0); font-size: 1.05rem; margin-bottom: .4rem; }
.sidebar-cta p  { color: rgba(255,255,255,.5); font-size: .84rem; margin-bottom: 1rem; }

.sidebar-widget {
  background: var(--s1);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  padding: 1.4rem;
  margin-bottom: 1.2rem;
}
.sidebar-widget h4 {
  font-size: .92rem;
  font-weight: 800;
  color: var(--n700);
  margin-bottom: .9rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid var(--bdl);
}
.sidebar-list { list-style: none; }
.sidebar-list li { padding: .35rem 0; border-bottom: 1px solid var(--bdr); }
.sidebar-list li:last-child { border: none; }
.sidebar-list a {
  color: var(--t500);
  font-size: .87rem;
  font-weight: 600;
  transition: var(--t);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.sidebar-list a:hover { color: var(--g500); padding-right: .3rem; }

.sidebar-contact-link {
  display: block;
  color: var(--n700);
  font-size: .9rem;
  font-weight: 700;
  padding: .4rem 0;
  transition: var(--t);
}
.sidebar-contact-link:hover { color: var(--g500); }

/* ══════════════════════════════════════
   AJAX CONTACT FORM
══════════════════════════════════════ */
.form-success {
  display: none;
  background: rgba(34,197,94,.08);
  border: 1.5px solid rgba(34,197,94,.25);
  border-radius: var(--r-sm);
  padding: 1.2rem 1.4rem;
  text-align: center;
  margin-bottom: 1rem;
}
.form-success .fs-icon { font-size: 2rem; margin-bottom: .4rem; }
.form-success p { color: #16a34a; font-weight: 700; margin: 0; }

.form-error {
  display: none;
  background: rgba(239,68,68,.07);
  border: 1.5px solid rgba(239,68,68,.2);
  border-radius: var(--r-sm);
  padding: .8rem 1rem;
  color: #dc2626;
  font-size: .86rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.btn-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.btn-loading::after {
  content: '';
  position: absolute;
  width: 18px; height: 18px;
  border: 2.5px solid rgba(255,255,255,.3);
  border-top-color: var(--n900);
  border-radius: 50%;
  animation: spin .7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ══════════════════════════════════════
   PERFORMANCE — Lazy load skeletons
══════════════════════════════════════ */
.skeleton {
  background: linear-gradient(90deg, var(--s2) 25%, var(--s3) 50%, var(--s2) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite;
  border-radius: var(--r-sm);
}
@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ══════════════════════════════════════
   MICRO-ANIMATIONS
══════════════════════════════════════ */

/* Floating action button (WAme) */
.fab-wa {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 900;
  width: 56px; height: 56px;
  background: linear-gradient(135deg, #25d366, #128c7e);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  box-shadow: 0 6px 20px rgba(37,211,102,.4);
  text-decoration: none;
  transition: var(--t);
  animation: fabBounce 2.5s ease-in-out infinite;
}
.fab-wa:hover {
  transform: scale(1.12);
  box-shadow: 0 10px 28px rgba(37,211,102,.55);
}
.fab-wa-tooltip {
  position: absolute;
  right: calc(100% + 10px);
  background: var(--n900);
  color: var(--s0);
  font-size: .78rem;
  font-weight: 700;
  padding: .35rem .75rem;
  border-radius: var(--r-sm);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: var(--t);
  font-family: 'Vazirmatn', sans-serif;
}
.fab-wa:hover .fab-wa-tooltip { opacity: 1; }

@keyframes fabBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-5px); }
}

/* Scroll-to-top button */
#scrollTop {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 900;
  width: 44px; height: 44px;
  background: var(--n800);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-sm);
  color: var(--s0);
  font-size: 1.1rem;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transform: translateY(10px);
  transition: var(--t);
  box-shadow: var(--sh-md);
}
#scrollTop.visible { opacity: 1; transform: translateY(0); }
#scrollTop:hover   { background: var(--g500); color: var(--n900); }

/* ══════════════════════════════════════
   RESPONSIVE ADDITIONS
══════════════════════════════════════ */
@media (max-width: 1024px) {
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .single-layout { grid-template-columns: 1fr; }
  .single-sidebar { position: static; }
}
@media (max-width: 600px) {
  .blog-grid { grid-template-columns: 1fr; }
  .single-nav { flex-direction: column; align-items: stretch; }
  .single-nav > div, .single-nav > a { width: 100%; }
  .single-nav .btn { width: 100%; justify-content: center; }
}

/* ══════════════════════════════════════
   ACCESSIBILITY — Skip Link & Focus
══════════════════════════════════════ */
.skip-link {
  position: absolute;
  top: -100%;
  right: 0;
  background: var(--g500);
  color: var(--n900);
  font-weight: 700;
  font-size: .9rem;
  padding: .6rem 1.2rem;
  border-radius: 0 0 var(--r-sm) var(--r-sm);
  z-index: 9999;
  transition: top .2s;
  text-decoration: none;
}
.skip-link:focus { top: 0; }

/* Global focus style */
:focus-visible {
  outline: 2.5px solid var(--g500);
  outline-offset: 3px;
  border-radius: var(--r-xs);
}
a:focus-visible,
button:focus-visible { outline-color: var(--g500); }

/* ══════════════════════════════════════
   SEARCH BAR (in search/404 pages)
══════════════════════════════════════ */
.search-bar-top {
  max-width: 560px;
  margin: 0 auto 3rem;
}
.search-form,
.searchform {
  display: flex;
  gap: .5rem;
}
.search-field,
.searchform input[type="text"],
.searchform input[type="search"] {
  flex: 1;
  padding: .8rem 1rem;
  border: 1.5px solid var(--bdl);
  border-radius: var(--r-sm);
  font-family: inherit;
  font-size: .93rem;
  direction: rtl;
  outline: none;
  transition: var(--t);
  background: var(--s1);
}
.search-field:focus,
.searchform input:focus {
  border-color: var(--n400);
  background: var(--s0);
  box-shadow: 0 0 0 3px rgba(37,99,176,.1);
}
.search-submit,
.searchform input[type="submit"] {
  padding: .8rem 1.4rem;
  background: linear-gradient(135deg,var(--g500),var(--g300));
  color: var(--n900);
  border: none;
  border-radius: var(--r-sm);
  font-family: inherit;
  font-weight: 700;
  font-size: .9rem;
  cursor: pointer;
  transition: var(--t);
  white-space: nowrap;
}
.search-submit:hover,
.searchform input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: var(--sh-g);
}

/* ══════════════════════════════════════
   404 PAGE
══════════════════════════════════════ */
.not-found-box {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: 2rem 1rem 4rem;
}
.nf-code {
  font-size: clamp(5rem,15vw,9rem);
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg,var(--n800),var(--n400));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
  letter-spacing: -.04em;
}
.not-found-box h2 { margin-bottom: .6rem; }
.not-found-box > p { color: var(--t300); margin-bottom: 2rem; }
.nf-actions {
  display: flex;
  justify-content: center;
  gap: .8rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.nf-search {
  max-width: 420px;
  margin: 0 auto 2.5rem;
}
.nf-links h3 {
  font-size: .92rem;
  color: var(--t300);
  margin-bottom: 1rem;
  font-weight: 600;
}
.nf-link-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: .8rem;
}
.nf-link-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: 1rem .8rem;
  background: var(--s1);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  color: var(--t500);
  font-size: .82rem;
  font-weight: 600;
  text-align: center;
  transition: var(--t);
}
.nf-link-item:hover {
  background: var(--s0);
  border-color: var(--bdg);
  color: var(--n700);
  transform: translateY(-3px);
  box-shadow: var(--sh-sm);
}
.nli-ico { font-size: 1.5rem; }

/* ══════════════════════════════════════
   PRINT STYLES
══════════════════════════════════════ */
@media print {
  .site-header,
  .site-footer,
  .fab-wa,
  #scrollTop,
  #mobilePopup,
  .hero-wave,
  .cta-section { display: none !important; }

  body { font-size: 12pt; color: #000; }
  .container { max-width: 100%; }
  a { color: #000; text-decoration: underline; }
  .page-hero { background: #000 !important; padding: 1rem 0 !important; }
  .page-hero h1, .page-hero p { color: #fff !important; }
}

/* ══════════════════════════════════════
   HAMBURGER & MOBILE NAV DRAWER
══════════════════════════════════════ */

/* Hamburger button */
.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px; height: 40px;
  padding: 6px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--r-xs);
  cursor: pointer;
  flex-shrink: 0;
  transition: var(--t);
}
.nav-toggle:hover { background: rgba(255,255,255,.14); }
.nt-bar {
  display: block;
  width: 100%; height: 2px;
  background: var(--s0);
  border-radius: 2px;
  transition: var(--t);
  transform-origin: center;
}
.nav-toggle[aria-expanded="true"] .nt-bar:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.nav-toggle[aria-expanded="true"] .nt-bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-toggle[aria-expanded="true"] .nt-bar:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* Overlay */
.mobile-nav-overlay {
  display: none;
  position: fixed; inset: 0;
  background: rgba(5,13,26,.6);
  z-index: 1100;
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .3s var(--ease);
}
.mobile-nav-overlay.open { display: block; opacity: 1; }

/* Drawer */
.mobile-nav {
  position: fixed;
  top: 0; right: -100%;
  width: min(320px, 88vw);
  height: 100dvh;
  background: var(--n950);
  border-left: 1px solid rgba(255,255,255,.07);
  z-index: 1200;
  overflow-y: auto;
  transition: right .35s var(--ease);
  display: flex;
  flex-direction: column;
}
.mobile-nav.open { right: 0; }

.mn-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
  flex-shrink: 0;
}
.mn-close {
  width: 32px; height: 32px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  color: var(--s0);
  font-size: .85rem;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: var(--t);
  flex-shrink: 0;
}
.mn-close:hover { background: rgba(239,68,68,.2); border-color: rgba(239,68,68,.3); }

.mn-nav {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  flex-shrink: 0;
}
.mn-link {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .9rem 1.4rem;
  color: rgba(255,255,255,.78);
  font-size: .97rem;
  font-weight: 600;
  transition: var(--t);
  border-right: 3px solid transparent;
}
.mn-link:hover,
.mn-link:focus {
  color: var(--s0);
  background: rgba(255,255,255,.06);
  border-right-color: var(--g500);
}

.mn-contacts {
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  flex: 1;
}
.mn-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .9rem 1rem;
  border-radius: var(--r-sm);
  color: var(--s0);
  font-weight: 700;
  font-size: .9rem;
  text-decoration: none;
  transition: var(--t);
  letter-spacing: .01em;
}
.mn-cta-btn:hover { opacity: .9; transform: translateX(-2px); color: var(--s0); }

/* Show hamburger on mobile */
@media (max-width: 768px) {
  .nav-toggle { display: flex; }
  .site-nav   { display: none !important; }
  .header-cta { display: none; }
}

/* ══════════════════════════════════════
   DARK MODE
══════════════════════════════════════ */
@media (prefers-color-scheme: dark) {
  :root {
    --s0: #111827;
    --s1: #1a2234;
    --s2: #1f2b40;
    --s3: #263348;
    --t900: #f1f5f9;
    --t700: #cbd5e1;
    --t500: #94a3b8;
    --t300: #64748b;
    --bdr: rgba(255,255,255,.06);
    --bdl: rgba(255,255,255,.1);
  }

  .trust-bar     { background: var(--s1); border-color: var(--bdr); }
  .stat-card,
  .service-card,
  .testi-card,
  .blog-card,
  .faq-item      { background: var(--s1); border-color: var(--bdr); }
  .contact-form-box,
  .contact-info-box,
  .sidebar-widget { background: var(--s1); border-color: var(--bdr); }
  .form-control  { background: var(--s2); border-color: var(--bdr); color: var(--t900); }
  .form-control:focus { background: var(--s1); border-color: var(--n400); }
  .nf-link-item,
  .value-card,
  .mission-card  { background: var(--s1); border-color: var(--bdr); }
  .about-story   { background: var(--s2); }
  .counter-bar   { background: var(--s1); border-color: var(--bdr); }
  .cta-section   { background: var(--s1); }
  .blog-card-thumb--placeholder { background: var(--n800); }
}

/* ══════════════════════════════════════
   PERFORMANCE — Image lazy load
══════════════════════════════════════ */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity .4s ease;
}
img[loading="lazy"].loaded { opacity: 1; }

/* content-visibility برای sections پایین‌تر */
.testi-section,
.faq-section,
.cta-section {
  content-visibility: auto;
  contain-intrinsic-size: 0 400px;
}

/* ══════════════════════════════════════
   COMMENTS
══════════════════════════════════════ */
.comments-section {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--bdr);
}
.comments-title {
  font-size: 1.3rem;
  margin-bottom: 1.8rem;
  color: var(--n800);
}
.comment-list { list-style: none; }
.comment-item {
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--bdr);
}
.comment-item:last-child { border: none; }
.comment-body {
  background: var(--s1);
  border-radius: var(--r-md);
  padding: 1.4rem;
}
.comment-author-info {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1rem;
}
.comment-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50%;
  flex-shrink: 0;
}
.comment-author-name {
  display: block;
  font-size: .93rem;
  font-weight: 700;
  color: var(--n800);
}
.comment-date {
  display: block;
  font-size: .76rem;
  color: var(--t300);
  margin-top: .1rem;
}
.comment-text {
  font-size: .9rem;
  line-height: 1.85;
  color: var(--t500);
}
.comment-text p { margin-bottom: .5rem; }
.comment-reply a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .8rem;
  font-weight: 700;
  color: var(--n400);
  margin-top: .8rem;
  padding: .3rem .7rem;
  border: 1px solid var(--bdr);
  border-radius: var(--r-xs);
  transition: var(--t);
}
.comment-reply a:hover {
  background: var(--n400);
  color: var(--s0);
  border-color: var(--n400);
}
.comment-form-wrap {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--bdr);
}
.comment-form-wrap h3 {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.comments-closed,
.comments-locked {
  text-align: center;
  color: var(--t300);
  font-size: .9rem;
  padding: 2rem;
  background: var(--s1);
  border-radius: var(--r-md);
  margin-top: 2rem;
}

/* ══════════════════════════════════════
   COOKIE NOTICE
══════════════════════════════════════ */
.cookie-notice {
  position: fixed;
  bottom: 24px;
  right: 50%;
  transform: translateX(50%);
  z-index: 800;
  background: var(--n900);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-md);
  padding: 1rem 1.4rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
  max-width: min(680px, calc(100vw - 32px));
  box-shadow: var(--sh-xl);
  animation: fadeInUp .5s var(--ease) both;
}
.cookie-notice.hidden {
  opacity: 0;
  transform: translateX(50%) translateY(20px);
  pointer-events: none;
  transition: var(--t);
}
.cn-text {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex: 1;
  min-width: 200px;
}
.cn-icon { font-size: 1.5rem; flex-shrink: 0; }
.cn-text p {
  font-size: .84rem;
  color: rgba(255,255,255,.65);
  margin: 0;
  line-height: 1.6;
}
.cn-text a { color: var(--g300); }
.cn-actions {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-shrink: 0;
}
.cn-close {
  width: 30px; height: 30px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  color: rgba(255,255,255,.5);
  font-size: .8rem;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: var(--t);
}
.cn-close:hover { background: rgba(239,68,68,.2); color: var(--s0); }

@media (max-width: 480px) {
  .cookie-notice { bottom: 0; border-radius: var(--r-md) var(--r-md) 0 0; right: 0; transform: none; max-width: 100%; }
  .cookie-notice.hidden { transform: translateY(20px); }
}

/* ══════════════════════════════════════
   PERFORMANCE OPTIMIZATIONS
══════════════════════════════════════ */

/* will-change روی عناصر animated */
.site-header        { will-change: background-color, box-shadow; }
.service-card,
.stat-card,
.why-card,
.testi-card,
.blog-card          { will-change: transform, box-shadow; }
.btn                { will-change: transform, box-shadow; }
.fab-wa             { will-change: transform; }
#scrollTop          { will-change: opacity, transform; }
.mobile-nav         { will-change: right; }
.hero-blob          { will-change: transform; }

/* Touch optimization */
.btn,
.mn-link,
.hc-link,
.popup-btn,
.fab-wa,
.social-channel,
.footer-social a    { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

/* Smooth scrolling فقط برای کسانی که motion مشکل ندارن */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .hero-blob { animation: none; }
  .fab-wa    { animation: none; }
}

/* Text rendering */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Image optimization */
img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-user-drag: none;
}

/* Contain layout shifts */
.blog-card-thumb,
.single-thumb,
.map-embed { overflow: hidden; }

/* ── Privacy page layout ── */
.privacy-layout {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 2.5rem;
  padding-bottom: 4rem;
}
.privacy-content { min-width: 0; }
.privacy-intro {
  background: var(--s1);
  border-right: 4px solid var(--g500);
  border-radius: var(--r-sm);
  padding: 1.4rem 1.6rem;
  margin-bottom: 2rem;
}
.privacy-intro p { margin: 0; font-size: 1rem; line-height: 1.85; color: var(--t500); }
.privacy-section { margin-bottom: 2.2rem; }
.privacy-section h2 {
  font-size: 1.15rem;
  color: var(--n800);
  margin-bottom: .8rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--bdr);
}
.privacy-section p { line-height: 1.85; }
.privacy-section ul {
  list-style: none;
  margin: .8rem 0;
}
.privacy-section ul li {
  padding: .35rem 0;
  font-size: .92rem;
  color: var(--t500);
  display: flex; align-items: flex-start; gap: .5rem;
  border-bottom: 1px solid var(--bdr);
}
.privacy-section ul li:last-child { border: none; }
.privacy-section ul li::before {
  content: '›';
  color: var(--g500);
  font-size: 1.1rem;
  font-weight: 900;
  flex-shrink: 0;
  line-height: 1.4;
}
.privacy-contact {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: .8rem;
}
.pv-link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .55rem 1rem;
  background: var(--s1);
  border: 1px solid var(--bdl);
  border-radius: var(--r-sm);
  color: var(--n700);
  font-weight: 700;
  font-size: .88rem;
  transition: var(--t);
}
.pv-link:hover { background: var(--n700); color: var(--s0); border-color: var(--n700); }
.privacy-sidebar { position: sticky; top: 90px; }

@media (max-width: 768px) {
  .privacy-layout { grid-template-columns: 1fr; }
  .privacy-sidebar { position: static; }
}

/* ── Reading Progress Bar ── */
.reading-bar {
  position: fixed;
  top: 0; right: 0;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, var(--g500), var(--g300));
  z-index: 1001;
  transition: width .1s linear;
  transform-origin: right;
}

/* ══════════════════════════════════════
   PWA Install Button
══════════════════════════════════════ */
#pwaInstallBtn {
  display: none;
  position: fixed;
  bottom: 90px;
  left: 24px;
  z-index: 899;
  align-items: center;
  gap: .6rem;
  background: linear-gradient(135deg, var(--n800), var(--n700));
  color: var(--s0);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: var(--r-md);
  padding: .75rem 1.1rem;
  font-family: inherit;
  font-size: .84rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: var(--sh-lg);
  transition: var(--t);
  animation: fadeInUp .5s var(--ease) both;
}
#pwaInstallBtn:hover {
  background: linear-gradient(135deg, var(--n700), var(--n600));
  transform: translateY(-2px);
  box-shadow: var(--sh-xl);
}
#pwaInstallBtn .pwa-icon { font-size: 1.2rem; }

/* ══════════════════════════════════════
   MODERN IMAGE — WebP/AVIF support
══════════════════════════════════════ */
picture img,
img[src$=".webp"],
img[src$=".avif"] {
  image-rendering: auto;
}

/* ══════════════════════════════════════
   CALCULATOR
══════════════════════════════════════ */
.calc-layout {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 2rem;
  padding-bottom: 4rem;
}
.calc-box {
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-lg);
  padding: 2rem;
  box-shadow: var(--sh-sm);
}
.calc-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--bdr);
}
.calc-icon {
  width: 56px; height: 56px;
  background: linear-gradient(135deg,var(--n800),var(--n600));
  border-radius: var(--r-sm);
  display: flex;align-items:center;justify-content:center;
  font-size: 1.8rem;
  box-shadow: var(--sh-sm);
  flex-shrink: 0;
}
.calc-header h2 { margin-bottom: .25rem; font-size: 1.2rem; }
.calc-header p  { margin: 0; font-size: .83rem; color: var(--t300); }

.calc-range {
  width: 100%;
  -webkit-appearance: none;
  height: 6px;
  border-radius: var(--r-f);
  background: linear-gradient(90deg, var(--g500) 0%, var(--s3) 0%);
  outline: none;
  cursor: pointer;
  margin: .6rem 0 .4rem;
  transition: var(--t);
}
.calc-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg,var(--g500),var(--g300));
  box-shadow: var(--sh-g);
  cursor: pointer;
  transition: var(--t);
}
.calc-range::-webkit-slider-thumb:hover { transform: scale(1.15); }
.calc-range-labels {
  display: flex;
  justify-content: center;
  font-size: .88rem;
  font-weight: 700;
  color: var(--g500);
}

.calc-result {
  display: none;
  background: var(--s1);
  border: 1.5px solid var(--bdg);
  border-radius: var(--r-md);
  padding: 1.4rem;
  margin: 1.5rem 0;
}
.cr-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .45rem 0;
  font-size: .9rem;
}
.cr-label  { color: var(--t500); }
.cr-value  { font-weight: 700; color: var(--n800); }
.cr-discount { color: #16a34a; }
.cr-divider { height: 1px; background: var(--bdl); margin: .6rem 0; }
.cr-total .cr-label { font-weight: 700; font-size: 1rem; color: var(--n800); }
.cr-total .cr-value { font-size: 1.15rem; color: var(--g500); font-weight: 900; }
.cr-note { font-size: .75rem; color: var(--t300); margin: .6rem 0 0; text-align: center; }

.calc-cta { margin-top: 1.5rem; }

.calc-sidebar { display: flex; flex-direction: column; gap: 1.2rem; }
.calc-info-card {
  background: var(--s1);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  padding: 1.4rem;
}
.calc-info-card h3 { font-size: .97rem; margin-bottom: .9rem; color: var(--n700); }
.calc-info-list { list-style: none; }
.calc-info-list li {
  font-size: .87rem; color: var(--t500);
  padding: .35rem 0;
  display: flex; align-items: center; gap: .5rem;
  border-bottom: 1px solid var(--bdr);
}
.calc-info-list li:last-child { border: none; }
.calc-info-list li::before {
  content: '✓';
  width: 18px; height: 18px;
  background: linear-gradient(135deg,var(--g500),var(--g300));
  border-radius: 50%;
  display: inline-flex;align-items:center;justify-content:center;
  font-size: .65rem; font-weight: 900; color: var(--n900);
  flex-shrink: 0;
}

/* ══════════════════════════════════════
   SHARE BUTTONS
══════════════════════════════════════ */
.share-box {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex-wrap: wrap;
  padding: 1.2rem 0;
  border-top: 1px solid var(--bdr);
  margin-top: 2rem;
}
.share-label { font-weight: 700; font-size: .88rem; color: var(--t500); flex-shrink: 0; }
.share-links { display: flex; gap: .5rem; flex-wrap: wrap; }
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .4rem .9rem;
  border-radius: var(--r-full);
  font-size: .8rem;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: var(--t);
  font-family: inherit;
}
.share-btn:hover { transform: translateY(-2px); opacity: .9; }
.share-tg { background: #0088cc; color: #fff; }
.share-wa { background: #25d366; color: #fff; }
.share-tw { background: #1da1f2; color: #fff; }
.share-copy { background: var(--s2); color: var(--t700); border: 1px solid var(--bdl); }

/* ══════════════════════════════════════
   RELATED POSTS
══════════════════════════════════════ */
.related-posts {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--bdr);
}
.related-title {
  font-size: 1.3rem;
  margin-bottom: 1.8rem;
  color: var(--n800);
}
.related-posts .blog-grid { grid-template-columns: repeat(3,1fr); }

/* ══════════════════════════════════════
   SINGLE META ROW
══════════════════════════════════════ */
.single-meta-row {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  margin-top: .7rem;
  flex-wrap: wrap;
}
.single-meta-row span {
  color: rgba(255,255,255,.45);
  font-size: .84rem;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .calc-layout { grid-template-columns: 1fr; }
  .related-posts .blog-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 600px) {
  .related-posts .blog-grid { grid-template-columns: 1fr; }
  .share-box { flex-direction: column; align-items: flex-start; }
}

/* ══════════════════════════════════════
   SERVICE LANDING PAGES
══════════════════════════════════════ */

/* Site topbar */
.site-topbar {
  background: var(--n800);
  padding: .45rem 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  font-size: .78rem;
}
.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem;
}
.topbar-item { color: rgba(255,255,255,.5); }
.topbar-meta {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.topbar-meta span { color: rgba(255,255,255,.45); }
.topbar-meta a {
  color: var(--g300);
  font-weight: 600;
  text-decoration: none;
}
.topbar-meta a:hover { color: var(--g200); }

/* Header CTA button */
.header-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .4rem 1rem;
  border-radius: var(--r-full);
  font-size: .83rem;
  font-weight: 700;
  text-decoration: none;
  transition: var(--t);
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.header-btn-whatsapp {
  background: linear-gradient(135deg,#25d366,#128c7e);
  color: #fff;
}
.header-btn-whatsapp:hover { transform: translateY(-1px); opacity: .92; color: #fff; }

/* Landing hero */
.landing-hero {
  background: linear-gradient(150deg, var(--n900) 0%, var(--n800) 100%);
  padding: 4rem 0 3.5rem;
  position: relative;
  overflow: hidden;
}
.landing-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size: 44px 44px;
}
.landing-hero-inner {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 3rem;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.landing-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: rgba(200,146,42,.15);
  border: 1px solid rgba(200,146,42,.3);
  color: var(--g300);
  font-size: .78rem;
  font-weight: 700;
  padding: .3rem .9rem;
  border-radius: var(--r-full);
  margin-bottom: 1rem;
}
.landing-hero-copy h1 { color: var(--s0); margin-bottom: .8rem; }
.landing-lead {
  font-size: 1.05rem;
  color: rgba(255,255,255,.7);
  margin-bottom: .8rem;
  line-height: 1.8;
}
.landing-desc { font-size: .93rem; color: rgba(255,255,255,.5); margin-bottom: 1.8rem; }

.landing-hero-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-md);
  padding: 1.6rem;
  backdrop-filter: blur(12px);
}
.landing-hero-card h3 { color: var(--s0); font-size: 1rem; margin-bottom: 1.1rem; }
.landing-quick-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
  margin-bottom: .5rem;
}
.landing-quick-grid > div {
  background: rgba(255,255,255,.05);
  border-radius: var(--r-sm);
  padding: .7rem .8rem;
  text-align: center;
}
.landing-quick-grid strong { display: block; color: var(--g300); font-size: .95rem; font-weight: 800; }
.landing-quick-grid span  { font-size: .72rem; color: rgba(255,255,255,.38); }
.landing-map-link {
  display: block;
  text-align: center;
  color: rgba(255,255,255,.45);
  font-size: .8rem;
  margin-top: .8rem;
  text-decoration: none;
  transition: var(--t);
}
.landing-map-link:hover { color: var(--g300); }

/* Landing sections */
.landing-section {
  padding: 4rem 0;
}
.landing-section-soft {
  background: var(--s1);
}

/* Best-for grid */
.landing-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
  gap: 1.2rem;
}
.landing-info-card {
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  padding: 1.3rem;
  display: flex;
  gap: .8rem;
  align-items: flex-start;
  transition: var(--t);
}
.landing-info-card:hover { box-shadow: var(--sh-sm); border-color: var(--bdg); }
.lic-check {
  width: 22px; height: 22px;
  background: linear-gradient(135deg,var(--g500),var(--g300));
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .7rem; font-weight: 900; color: var(--n900);
  flex-shrink: 0; margin-top: .1rem;
}
.landing-info-card p { margin: 0; font-size: .9rem; line-height: 1.65; }

/* Coverage grid */
.coverage-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 1rem;
}
.coverage-item {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-sm);
  padding: 1rem 1.2rem;
  font-size: .9rem;
  color: var(--t500);
  transition: var(--t);
}
.coverage-item:hover { border-color: var(--bdg); background: var(--g-pale); }
.cov-icon { font-size: 1.1rem; flex-shrink: 0; }

/* Exceptions */
.exceptions-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: .85rem;
}
.exception-item {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  background: rgba(239,68,68,.05);
  border: 1px solid rgba(239,68,68,.15);
  border-radius: var(--r-sm);
  padding: .9rem 1.1rem;
  font-size: .88rem;
  color: var(--t500);
}
.exc-icon { font-size: .95rem; flex-shrink: 0; margin-top: .05rem; }

/* Docs two-col */
.landing-two-col {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 2.5rem;
  align-items: flex-start;
}
.docs-list {
  list-style: none;
  margin: 1.2rem 0;
}
.docs-list li {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .65rem 0;
  border-bottom: 1px solid var(--bdr);
  font-size: .9rem;
  color: var(--t500);
}
.docs-list li:last-child { border: none; }
.doc-bullet { font-size: .95rem; flex-shrink: 0; }
.docs-note {
  font-size: .8rem;
  color: var(--t300);
  background: var(--s2);
  padding: .7rem 1rem;
  border-radius: var(--r-sm);
  margin-top: .5rem;
  border-right: 3px solid var(--g500);
}
.docs-cta-box {
  background: linear-gradient(145deg,var(--n800),var(--n700));
  border-radius: var(--r-md);
  padding: 1.8rem;
  text-align: center;
  border: 1px solid rgba(255,255,255,.07);
  position: sticky;
  top: 90px;
}
.dcb-icon { font-size: 2.5rem; margin-bottom: .8rem; }
.docs-cta-box h3 { color: var(--s0); font-size: 1.05rem; margin-bottom: .4rem; }
.docs-cta-box p  { color: rgba(255,255,255,.5); font-size: .84rem; margin-bottom: 1rem; }

/* Steps */
.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 1.5rem;
  position: relative;
}
.steps-grid::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 28px;
  left: 28px;
  height: 2px;
  background: linear-gradient(90deg,var(--g500),var(--g300));
  z-index: 0;
}
.step-card {
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  padding: 1.5rem;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: var(--t);
}
.step-card:hover { box-shadow: var(--sh-md); transform: translateY(-4px); }
.step-num {
  width: 44px; height: 44px;
  background: linear-gradient(135deg,var(--g500),var(--g300));
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; font-weight: 900; color: var(--n900);
  margin: 0 auto 1rem;
  box-shadow: var(--sh-g);
}
.step-card h3 { font-size: .97rem; margin-bottom: .4rem; }
.step-card p  { font-size: .84rem; margin: 0; line-height: 1.7; }

/* Final CTA */
.landing-cta-final {
  padding: 4rem 0;
  background: var(--s0);
}

/* Services directory */
.services-directory-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
}
.service-directory-card {
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  padding: 1.8rem;
  transition: var(--t);
}
.service-directory-card:hover { box-shadow: var(--sh-lg); transform: translateY(-5px); border-color: var(--bdg); }
.psc-icon { font-size: 2rem; margin-bottom: .8rem; }
.service-directory-card h2 { font-size: 1.1rem; margin-bottom: .5rem; }
.service-directory-card p  { font-size: .88rem; color: var(--t500); margin-bottom: 1rem; }
.directory-mini-list { list-style: none; margin: 0 0 1.2rem; }
.directory-mini-list li {
  font-size: .82rem; color: var(--t300);
  padding: .25rem 0;
  display: flex; align-items: center; gap: .4rem;
}
.directory-mini-list li::before { content:'›'; color:var(--g500); font-weight:900; }

/* Process section */
.process-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1.2rem;
}
.process-card {
  background: var(--s0);
  border: 1px solid var(--bdl);
  border-radius: var(--r-md);
  padding: 1.5rem;
  text-align: center;
  transition: var(--t);
}
.process-card:hover { box-shadow: var(--sh-sm); }
.pc-step {
  display: flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  background: var(--g-pale);
  border: 2px solid var(--bdg);
  border-radius: 50%;
  font-size: 1rem; font-weight: 900; color: var(--g500);
  margin: 0 auto .9rem;
}
.process-card h3 { font-size: .95rem; margin-bottom: .3rem; }
.process-card p  { font-size: .82rem; margin: 0; }

/* Hero trust chips */
.hero-trust-chips {
  display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.8rem;
}
.hero-trust-chips span {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.75);
  font-size: .78rem; font-weight: 600;
  padding: .3rem .85rem;
  border-radius: var(--r-full);
}

/* Hero lux shell */
.hero-lux-shell {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 3rem;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .landing-hero-inner { grid-template-columns: 1fr; }
  .landing-hero-card  { display: none; }
  .landing-two-col    { grid-template-columns: 1fr; }
  .docs-cta-box       { position: static; }
  .process-grid       { grid-template-columns: repeat(2,1fr); }
  .hero-lux-shell     { grid-template-columns: 1fr; }
  .steps-grid::before { display: none; }
}
@media (max-width: 600px) {
  .landing-hero       { padding: 2.5rem 0 2rem; }
  .process-grid       { grid-template-columns: 1fr; }
  .coverage-grid,
  .exceptions-list    { grid-template-columns: 1fr; }
  .topbar-inner       { justify-content: center; text-align: center; }
}

/* ══════════════════════════════════════
   v5.3.2 HEADER STABILITY PATCH
   هدف: حذف شلوغی منوی بالا، جلوگیری از دوبل شدن منو و مرتب‌سازی دسکتاپ/موبایل
══════════════════════════════════════ */
.site-topbar {
  background: #183a71;
  color: rgba(255,255,255,.76);
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: .78rem;
  line-height: 1.7;
}
.topbar-inner {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
}
.topbar-address,
.topbar-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255,255,255,.68);
}
.topbar-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.topbar-meta span { color: rgba(255,255,255,.62); }
.topbar-meta a { color: var(--g300); font-weight: 800; text-decoration: none; }
.topbar-meta a:hover { color: var(--g200); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(13, 32, 64, .97);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.07);
  padding: .5rem 0;
  transition: var(--t);
}
.site-header.scrolled {
  background: rgba(10,26,53,.995);
  box-shadow: 0 8px 28px rgba(5,13,26,.45);
}
.site-header-content {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .95rem;
  min-height: 56px;
  direction: rtl;
}
.site-logo {
  min-width: 176px;
  display: inline-flex;
  align-items: center;
  gap: .72rem;
  text-decoration: none;
  flex-shrink: 0;
}
.logo-mark { width: 46px; height: 46px; flex: 0 0 46px; display:flex; align-items:center; justify-content:center; }
.logo-mark svg { width: 100%; height: 100%; display:block; }
.logo-wordmark { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.wm-fa { color: var(--g300); font-weight: 950; font-size: 1.05rem; line-height: 1.25; white-space: nowrap; }
.wm-sub { color: rgba(255,255,255,.58); font-weight: 700; font-size: .72rem; white-space: nowrap; }

.site-nav { min-width: 0; overflow: visible; }
.site-nav-list,
.site-nav ul.site-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .16rem;
  flex-wrap: nowrap;
}
.site-nav-list > li,
.site-nav li { position: relative; margin: 0; padding: 0; }
.site-nav-list > li > a,
.site-nav .nav-has-dropdown > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 .68rem;
  color: rgba(255,255,255,.76);
  font-weight: 800;
  font-size: .82rem;
  border-radius: 10px;
  border: 1px solid transparent;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--t);
}
.site-nav-list > li:hover > a,
.site-nav-list > li:focus-within > a,
.site-nav-list > li.is-active > a {
  color: #fff;
  background: rgba(255,255,255,.085);
  border-color: rgba(255,255,255,.12);
}
.nav-has-dropdown { display: inline-flex; align-items:center; }
.nav-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 38px;
  margin-right: -6px;
  color: rgba(255,255,255,.55);
  pointer-events: none;
  font-size: .8rem;
}
.nav-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 220px;
  max-width: 280px;
  margin: 0;
  padding: .55rem;
  list-style: none;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: .12rem;
  background: rgba(10,26,53,.985);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all .18s ease;
  z-index: 1040;
}
.nav-has-dropdown:hover .nav-dropdown,
.nav-has-dropdown:focus-within .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav-dropdown a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  min-height: 34px;
  padding: .48rem .7rem !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: .81rem !important;
  line-height: 1.6;
  text-decoration: none;
  white-space: nowrap;
  border: 0 !important;
  background: transparent !important;
}
.nav-dropdown a:hover,
.nav-dropdown a:focus {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

.header-cta {
  display: inline-flex;
  align-items: center;
  gap: .58rem;
  justify-content: flex-end;
  flex-shrink: 0;
  white-space: nowrap;
}
.header-btn,
.header-phone {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.header-btn { padding: 0 .95rem; }
.header-btn-whatsapp { background: linear-gradient(135deg,#23c76a,#12a777); color: #fff; }
.header-phone {
  padding: 0 .85rem;
  color: var(--g300);
  border: 1px solid rgba(200,146,42,.36);
  background: rgba(200,146,42,.055);
}
.header-phone:hover { color: var(--g200); background: rgba(200,146,42,.13); }

.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  padding: 7px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  cursor: pointer;
  flex-shrink: 0;
  transition: var(--t);
}
.nav-toggle:hover { background: rgba(255,255,255,.14); }
.nt-bar { display:block; width:100%; height:2px; background:#fff; border-radius:2px; }

.mobile-nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(5,13,26,.62);
  z-index: 1100;
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .25s ease;
}
.mobile-nav-overlay.open { display:block; opacity:1; }
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: min(340px, 90vw);
  height: 100dvh;
  background: var(--n950);
  border-left: 1px solid rgba(255,255,255,.08);
  z-index: 1200;
  overflow-y: auto;
  transition: right .3s ease;
  display: flex;
  flex-direction: column;
}
.mobile-nav.open { right: 0; }
.mn-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.15rem; border-bottom:1px solid rgba(255,255,255,.08); }
.mn-nav { display:flex; flex-direction:column; padding:.6rem 0; border-bottom:1px solid rgba(255,255,255,.08); }
.mn-link { display:flex; padding:.82rem 1.25rem; color:rgba(255,255,255,.8); text-decoration:none; font-weight:800; border-right:3px solid transparent; }
.mn-link:hover { background:rgba(255,255,255,.07); color:#fff; border-right-color:var(--g300); }
.mn-contacts { padding:1rem; display:flex; flex-direction:column; gap:.65rem; }

@media (max-width: 1180px) {
  .site-header-content { grid-template-columns: auto minmax(0,1fr) auto; }
  .site-nav { display: none !important; }
  .nav-toggle { display: inline-flex; }
}
@media (max-width: 900px) {
  .header-cta { display: none !important; }
  .site-header-content { grid-template-columns: auto minmax(0,1fr) auto; }
  .nav-toggle { grid-column: 3; }
}
@media (max-width: 640px) {
  .site-topbar { font-size: .7rem; }
  .topbar-inner { min-height: 30px; justify-content: center; }
  .topbar-address { display: none; }
  .site-logo { min-width: 0; }
  .logo-mark { width: 40px; height: 40px; flex-basis: 40px; }
  .wm-fa { font-size: .95rem; }
  .wm-sub { font-size: .66rem; }
  .site-header { padding: .42rem 0; }
}


/* ─────────────────────────────────────────────
   v5.3.5 Local SEO / Shahrak Gharb + Phone-first Patch
   ───────────────────────────────────────────── */
.local-hero .landing-badge,
.local-landing-page .section-badge { letter-spacing: 0; }
.local-service-grid .premium-service-card { text-decoration: none; color: inherit; }
.local-service-grid .premium-service-card:hover { transform: translateY(-4px); }
.topbar-meta span { white-space: normal; }
@media (max-width: 980px){
  .site-topbar .topbar-inner { gap: .55rem; }
  .topbar-address, .topbar-meta span { font-size: .76rem; line-height: 1.8; }
}
@media (max-width: 640px){
  .local-landing-page .landing-hero-copy h1 { font-size: clamp(1.9rem, 8vw, 2.6rem); }
}

/* ─────────────────────────────────────────────
   v5.3.5 Growth SEO/UI Patch — Shahrak Gharb + Phone-first conversion
   ───────────────────────────────────────────── */
.site-header .menu-main-menu-container,
.site-header .menu,
.site-header nav:not(.site-nav) { display: none !important; }
.site-header .site-nav { display: block !important; }
.site-header .site-nav-list { max-width: 100%; }
.phone-first-band {
  background: linear-gradient(135deg, rgba(14,34,68,.97), rgba(24,58,113,.94));
  color: #fff;
  padding: 2.2rem 0;
  position: relative;
  overflow: hidden;
}
.phone-first-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 15% 20%, rgba(240,200,68,.18), transparent 32%), linear-gradient(90deg, rgba(255,255,255,.035), transparent);
  pointer-events: none;
}
.phone-first-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 1.4rem;
  align-items: center;
}
.phone-first-inner h2 { color:#fff; margin:.6rem 0 .4rem; }
.phone-first-inner p { color:rgba(255,255,255,.72); max-width: 760px; margin:0; }
.phone-first-actions { display:flex; gap:.7rem; flex-wrap:wrap; justify-content:flex-end; }
.phone-service-page .landing-hero { background: linear-gradient(145deg, #0a1a35 0%, #122c58 65%, #173a73 100%); }
.phone-service-page .landing-hero-copy h1,
.phone-service-page .landing-hero-copy .landing-lead { color:#fff; }
.phone-service-page .landing-lead { color:rgba(255,255,255,.75) !important; }
.phone-check-list { list-style:none; padding:0; margin:1rem 0; display:grid; gap:.6rem; }
.phone-check-list li { padding:.62rem .8rem; border-radius:12px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.1); }
.phone-check-list li::before { content:"✓"; color:var(--g300); margin-left:.45rem; font-weight:900; }
.phone-service-strip .local-seo-card,
.phone-card-accent { border-color: rgba(200,146,42,.32); box-shadow: var(--sh-md); }
.phone-action-grid .premium-service-card { color: inherit; text-decoration: none; }
.phone-action-grid .premium-service-card:hover { transform: translateY(-4px); }
@media (max-width: 1180px) {
  .site-header .site-nav { display:none !important; }
}
@media (max-width: 760px) {
  .phone-first-inner { grid-template-columns:1fr; text-align:right; }
  .phone-first-actions { justify-content:flex-start; }
}



/* ── v5.3.5 Local keyword / Finglish SEO blocks ───────────────────────────── */
.local-keyword-section{padding:3.2rem 0;background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%)}
.local-keyword-box{background:#fff;border:1px solid var(--bdr);border-radius:28px;padding:2rem;box-shadow:var(--sh-md);display:grid;gap:1.2rem}
.local-keyword-copy h2{font-size:1.55rem;margin:.5rem 0 .8rem;color:var(--n900)}
.local-keyword-copy p{color:var(--t500);line-height:2;margin:0}
.local-keyword-note{margin-top:.65rem!important;background:rgba(200,146,42,.08);border:1px solid rgba(200,146,42,.22);border-radius:16px;padding:.85rem 1rem;color:var(--t700)!important}
.local-chip-wrap,.finglish-chip-wrap{display:flex;flex-wrap:wrap;gap:.55rem}
.local-chip,.finglish-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .78rem;font-size:.82rem;line-height:1;border:1px solid rgba(13,32,64,.10);background:#f8fafc;color:#334155}
.local-chip{background:rgba(30,77,150,.07);border-color:rgba(30,77,150,.16);color:var(--n700)}
.finglish-chip{font-family:Arial,sans-serif;background:rgba(200,146,42,.08);border-color:rgba(200,146,42,.18);color:#6b4a0e;direction:ltr}
@media(max-width:640px){.local-keyword-box{padding:1.2rem;border-radius:20px}.local-chip,.finglish-chip{font-size:.75rem}}




/* =====================================================================
   v5.3.9 — REAL MOBILE ALIGNMENT FIX
   This patch intentionally avoids broad !important layout overrides.
   It fixes the actual mobile issues: header alignment, off-canvas menu,
   hero stacking, CTA widths, cards/grids, and horizontal overflow.
===================================================================== */

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body{
  min-width:0;
}

img,svg,video,canvas,iframe{
  max-width:100%;
  height:auto;
}

.container{
  width:min(100% - 32px, 1200px);
  max-width:1200px;
  margin-inline:auto;
  padding-inline:0;
}

.site-header,
.site-topbar,
.hero,
.landing-hero,
.hero-lux,
.hero-lux-shell,
.phone-first-band,
.local-keyword-section,
.site-footer{
  max-width:100vw;
  overflow-x:clip;
}

/* Header: stable desktop, no duplicate WP menu bleed */
.site-header .menu-main-menu-container,
.site-header .menu,
.site-header nav:not(.site-nav){
  display:none !important;
}
.site-header .site-nav{display:block !important;}

.site-header-content{
  width:100%;
  min-width:0;
}
.site-logo,
.logo-wordmark,
.site-nav,
.site-nav-list,
.header-cta{
  min-width:0;
}

/* Desktop/tablet breakpoint: hide full nav before it starts wrapping */
@media (max-width:1180px){
  .container{width:min(100% - 28px, 1120px);}

  .site-topbar{
    font-size:.72rem;
  }
  .topbar-inner{
    min-height:auto;
    padding-block:.42rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.6rem;
    text-align:center;
    flex-wrap:wrap;
  }
  .topbar-address,
  .topbar-meta,
  .topbar-meta span{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .topbar-meta{
    justify-content:center;
    gap:.65rem;
    flex-wrap:wrap;
  }

  .site-header{
    position:sticky;
    top:0;
    padding:.48rem 0;
  }
  .site-header-content{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:.75rem;
    min-height:54px;
  }
  .site-nav,
  .site-header .site-nav{
    display:none !important;
  }
  .header-cta{
    display:none !important;
  }
  .nav-toggle{
    display:inline-flex !important;
    grid-column:2;
    justify-self:end;
  }
  .site-logo{
    grid-column:1;
    justify-self:start;
    max-width:100%;
    min-width:0;
    gap:.6rem;
  }
  .logo-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .logo-wordmark{
    overflow:hidden;
  }
  .wm-fa,
  .wm-sub{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Hero and landing layouts */
  .hero{padding:3.5rem 0 4.6rem;}
  .hero-inner,
  .landing-hero-inner,
  .hero-lux-shell,
  .phone-first-inner{
    display:grid;
    grid-template-columns:1fr !important;
    gap:1.55rem;
    align-items:start;
  }
  .hero-card,
  .landing-hero-card{
    display:none;
  }
  .hero-content,
  .landing-hero-copy,
  .hero-lux-copy{
    min-width:0;
    text-align:right;
  }
  .hero h1,
  .landing-hero-copy h1,
  .hero-lux-copy h1{
    font-size:clamp(2rem, 6vw, 2.9rem);
    line-height:1.35;
    letter-spacing:-.02em;
  }
  .hero-lead,
  .landing-lead,
  .hero-lux-copy p{
    max-width:100%;
    font-size:.98rem;
    line-height:2;
  }
  .hero-actions,
  .landing-actions,
  .phone-first-actions,
  .hero-trust-chips{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:.7rem;
  }
  .services-grid,
  .cards-grid,
  .local-service-grid,
  .phone-action-grid,
  .coverage-grid,
  .process-grid,
  .exceptions-list{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .container{width:min(100% - 24px, 100%);}

  .site-topbar{
    display:none;
  }
  .site-header-content{
    min-height:52px;
  }
  .site-logo{
    gap:.52rem;
  }
  .logo-mark{
    width:39px;
    height:39px;
    flex-basis:39px;
  }
  .wm-fa{font-size:.95rem;line-height:1.25;}
  .wm-sub{font-size:.62rem;line-height:1.4;}
  .nav-toggle{
    width:42px;
    height:42px;
  }

  .hero,
  .landing-hero{
    padding:2.65rem 0 3.4rem;
    text-align:right;
  }
  .hero h1,
  .landing-hero-copy h1,
  .hero-lux-copy h1{
    font-size:clamp(1.72rem, 8.2vw, 2.35rem);
    line-height:1.45;
  }
  .hero-lead,
  .landing-lead,
  .hero-lux-copy p{
    font-size:.93rem;
    line-height:2.05;
  }
  .hero-actions,
  .landing-actions,
  .phone-first-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:.65rem;
  }
  .hero-actions .btn,
  .landing-actions .btn,
  .phone-first-actions .btn,
  .hero-actions a,
  .landing-actions a,
  .phone-first-actions a{
    width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
  }
  .hero-stats{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-stat{
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .hero-stat:last-child{border-bottom:0;}

  .services-grid,
  .cards-grid,
  .local-service-grid,
  .phone-action-grid,
  .coverage-grid,
  .process-grid,
  .exceptions-list,
  .footer-grid,
  .contact-grid,
  .about-grid{
    grid-template-columns:1fr !important;
  }
  .premium-service-card,
  .service-card,
  .glass-card,
  .local-seo-card{
    width:100%;
  }

  .local-keyword-box{
    padding:1rem;
    border-radius:18px;
  }
  .local-chip-wrap,
  .finglish-chip-wrap{
    gap:.45rem;
  }
  .local-chip,
  .finglish-chip{
    font-size:.74rem;
    line-height:1.55;
    padding:.38rem .65rem;
  }

  .mobile-nav{
    width:min(88vw, 340px);
  }
}

@media (max-width:420px){
  .container{width:min(100% - 20px, 100%);}
  .wm-fa{font-size:.86rem;}
  .wm-sub{font-size:.57rem;}
  .logo-mark{width:36px;height:36px;flex-basis:36px;}
  .nav-toggle{width:40px;height:40px;border-radius:11px;}
  .hero h1,
  .landing-hero-copy h1,
  .hero-lux-copy h1{
    font-size:1.58rem;
  }
  .btn{padding:.78rem 1rem;}
}

/* ══════════════════════════════════════
   v5.4.0 FINAL READABILITY + CTA FIX
   هدف: رنگ‌بندی خوانا، هماهنگ با تم، و دکمه تلفن شیک کنار واتس‌اپ
══════════════════════════════════════ */

/* Fix accidental dark-mode token inversion: the brand site must stay readable. */
@media (prefers-color-scheme: dark) {
  :root{
    --s0:#ffffff; --s1:#f7f9fd; --s2:#edf3fb; --s3:#dde6f2;
    --t900:#111827; --t700:#334155; --t500:#56667a; --t300:#7f8ea3;
    --bdr:rgba(13,32,64,.10); --bdl:rgba(13,32,64,.16);
  }
  body{background:#ffffff;color:#111827;}
}

body{
  color:#172033;
  background:#ffffff;
}
p, li, .faq-a, .service-card p, .premium-service-card p{
  color:#475569;
}
h1,h2,h3,h4,.section-title h2,.sec-head h2{
  color:#12284f;
}

/* Dark/hero sections: force high contrast */
.hero,
.landing-hero,
.page-hero,
.phone-first-band,
.site-footer{
  color:#ffffff;
}
.hero h1,.hero h2,.hero h3,
.landing-hero h1,.landing-hero h2,.landing-hero h3,
.page-hero h1,.page-hero h2,.page-hero h3,
.phone-first-band h1,.phone-first-band h2,.phone-first-band h3,
.site-footer h1,.site-footer h2,.site-footer h3{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.hero p,.hero-lead,
.landing-hero p,.landing-lead,
.page-hero p,
.phone-first-band p,
.site-footer p{
  color:rgba(255,255,255,.82) !important;
}
.hero .chip,
.landing-hero .chip,
.page-hero .chip{
  color:#f8d76a;
}

/* Header readability */
.site-topbar{
  background:#112b57 !important;
}
.site-header{
  background:rgba(11,27,55,.97) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.site-nav a{
  color:rgba(255,255,255,.82) !important;
}
.site-nav a:hover,
.site-nav .is-active > a,
.site-nav .menu-item.is-active > a{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.15) !important;
}
.wm-fa{
  background:linear-gradient(110deg,#ffffff 0%,#f7d16a 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}
.wm-sub{color:rgba(255,255,255,.68) !important;}

/* Premium CTA pair: WhatsApp + phone */
.header-cta{
  gap:.58rem !important;
}
.header-btn,
.header-phone{
  min-height:42px !important;
  border-radius:999px !important;
  padding:0 .95rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.45rem !important;
  font-weight:900 !important;
  font-size:.82rem !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.header-btn .btn-ico{font-size:1rem;line-height:1;}
.header-btn strong{font-size:.78rem;font-weight:900;letter-spacing:.01em;}
.header-btn-whatsapp{
  color:#fff !important;
  background:linear-gradient(135deg,#22c55e 0%,#0f9f6e 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.header-btn-phone,
.header-phone{
  color:#0d1b32 !important;
  background:linear-gradient(135deg,#ffe27a 0%,#d6a431 100%) !important;
  border:1px solid rgba(255,226,122,.55) !important;
}
.header-btn-whatsapp:hover,
.header-btn-phone:hover,
.header-phone:hover{
  transform:translateY(-2px);
  opacity:.96;
}

/* Button palette: better contrast on dark and light backgrounds */
.btn-primary,
.btn-wa{
  color:#ffffff !important;
  background:linear-gradient(135deg,#21c45d,#0f9f6e) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 12px 30px rgba(15,159,110,.26) !important;
}
.btn-call,
.btn-secondary{
  color:#111827 !important;
  background:linear-gradient(135deg,#ffe27a,#d6a431) !important;
  border:1px solid rgba(255,226,122,.55) !important;
  box-shadow:0 12px 30px rgba(214,164,49,.24) !important;
}
.btn-outline,
.btn-wa-outline{
  color:#ffffff !important;
  background:rgba(255,255,255,.08) !important;
  border:1.5px solid rgba(255,255,255,.42) !important;
}
.btn-outline:hover,
.btn-wa-outline:hover{
  background:#ffffff !important;
  color:#12284f !important;
}
.service-card .btn-outline,
.premium-service-card .btn-outline,
.content-card .btn-outline{
  color:#174075 !important;
  border-color:rgba(23,64,117,.28) !important;
  background:#ffffff !important;
}

/* Cards: readable body text and lighter surfaces */
.service-card,
.premium-service-card,
.glass-card,
.content-card,
.contact-card,
.faq-item{
  background:rgba(255,255,255,.96) !important;
  color:#172033 !important;
  border-color:rgba(18,40,79,.10) !important;
}
.service-card h3,
.premium-service-card h3,
.glass-card h3,
.content-card h3,
.contact-card h3,
.faq-q{
  color:#12284f !important;
}
.service-card p,
.premium-service-card p,
.glass-card p,
.content-card p,
.contact-card p,
.faq-a p{
  color:#475569 !important;
}

/* Bottom mobile contact bar: clean, readable, always useful */
.sticky-contact-bar{
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:1090;
  display:none;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  padding:8px;
  border-radius:20px;
  background:rgba(9,23,48,.92);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.32);
  backdrop-filter:blur(16px);
}
.scb-item{
  min-height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  border-radius:15px;
  color:#ffffff !important;
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.scb-icon{font-size:1.05rem;line-height:1;}
.scb-item-wa{background:linear-gradient(135deg,#22c55e,#0f9f6e) !important;}
.sticky-contact-bar .scb-item:first-child{background:linear-gradient(135deg,#ffe27a,#d6a431) !important;color:#111827 !important;}

@media (max-width:900px){
  body{padding-bottom:84px;}
  .sticky-contact-bar{display:grid;}
  .fab-wa{display:none !important;}
}

/* Mobile alignment/readability, without breaking desktop */
@media (max-width:1180px){
  .site-header-content{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:.75rem !important;
  }
  .site-logo{max-width:calc(100vw - 92px);}
  .site-nav,.header-cta{display:none !important;}
  .nav-toggle{display:inline-flex !important;}
}
@media (max-width:760px){
  .hero,
  .landing-hero,
  .page-hero{padding:2.4rem 0 3.2rem !important;}
  .hero-content,
  .landing-hero-copy,
  .hero-lux-copy{text-align:right !important;}
  .hero-actions,
  .landing-actions,
  .phone-first-actions{display:grid !important;grid-template-columns:1fr !important;gap:.72rem !important;width:100% !important;}
  .hero-actions .btn,
  .landing-actions .btn,
  .phone-first-actions .btn{width:100% !important;justify-content:center !important;min-height:50px;}
  .hero h1,.landing-hero h1,.page-hero h1{font-size:clamp(1.7rem,7.7vw,2.25rem) !important;line-height:1.5 !important;}
  .hero p,.hero-lead,.landing-lead,.page-hero p{font-size:.94rem !important;line-height:2.05 !important;}
}



/* ============================================================
   BIMEH4883 v5.5.0 — Production Readability + Local SEO UI
   Purpose: stop patch stacking, improve contrast, simplify mobile,
   keep phone + WhatsApp visible without clutter.
   ============================================================ */
:root{
  --b55-navy:#07172f;
  --b55-navy-2:#102b56;
  --b55-blue:#174075;
  --b55-gold:#d9aa3f;
  --b55-gold-2:#ffe27a;
  --b55-text:#142033;
  --b55-muted:#4b5b73;
  --b55-line:rgba(15,42,84,.12);
  --b55-card:#ffffff;
}
body{color:var(--b55-text);background:#f7f9fc;overflow-x:hidden;}
p,li,.faq-a p,.content-card p,.premium-service-card p,.service-card p{color:var(--b55-muted);}
a{color:var(--b55-blue)}
.site-topbar{background:#061326;color:#f7fafc;border-bottom:1px solid rgba(255,255,255,.08)}
.site-topbar,.site-topbar a{font-size:.78rem}.site-topbar a{color:#ffe27a!important;font-weight:800}
.site-header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--b55-line);box-shadow:0 10px 32px rgba(7,23,47,.08)}
.site-header-content{min-height:76px;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;gap:1rem;align-items:center}
.logo-wordmark .wm-fa{color:var(--b55-navy)!important;font-weight:950;letter-spacing:-.03em}.logo-wordmark .wm-sub{color:#64748b!important;font-weight:800}
.site-nav-list{display:flex;align-items:center;gap:.15rem;justify-content:center;white-space:nowrap}
.site-nav-list>li>a{color:#1f2d44!important;font-weight:850;padding:.68rem .75rem;border-radius:14px}.site-nav-list>li>a:hover,.site-nav-list>.is-active>a{background:#f1f5fb;color:#0f3c78!important}
.nav-dropdown{min-width:260px;background:#fff!important;border:1px solid var(--b55-line)!important;box-shadow:0 18px 48px rgba(7,23,47,.15)!important;border-radius:18px!important;padding:.55rem!important}.nav-dropdown a{color:#26354d!important;border-radius:12px!important}.nav-dropdown a:hover{background:#f1f5fb!important;color:#0f3c78!important}
.header-cta{display:flex;align-items:center;gap:.55rem}.header-btn{min-height:42px;border-radius:999px;padding:.55rem .85rem;font-weight:950;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.header-btn-phone{background:linear-gradient(135deg,var(--b55-gold-2),var(--b55-gold));color:#111827!important;border:1px solid rgba(217,170,63,.45)}.header-btn-phone strong{font-size:.78rem;margin-right:.15rem}.header-btn-whatsapp{background:#eafff1;color:#087a44!important;border:1px solid rgba(34,197,94,.24)}
.nav-toggle{border:1px solid var(--b55-line)!important;background:#fff!important;border-radius:16px!important;width:46px!important;height:46px!important;align-items:center;justify-content:center}
.nt-bar{background:#07172f!important}
.hero,.landing-hero,.page-hero{background:linear-gradient(145deg,#07172f 0%,#102b56 58%,#174075 100%)!important;color:#fff!important}.hero h1,.landing-hero h1,.page-hero h1,.hero h2,.landing-hero h2{color:#fff!important}.hero p,.hero-lead,.landing-lead,.page-hero p,.landing-desc{color:rgba(255,255,255,.86)!important}.hero-card,.landing-hero-card{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.hero-card p,.landing-hero-card span{color:rgba(255,255,255,.75)!important}
.btn,.btn-primary,.btn-secondary,.btn-outline{font-weight:950;border-radius:18px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--b55-gold-2),var(--b55-gold))!important;color:#111827!important;border:1px solid rgba(217,170,63,.55)!important}.btn-secondary,.btn-outline{background:#fff!important;color:#102b56!important;border:1px solid rgba(16,43,86,.16)!important}.hero .btn-secondary,.hero .btn-outline,.landing-hero .btn-secondary,.landing-hero .btn-outline{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important}.btn-call-premium{background:linear-gradient(135deg,#ffe27a,#d9aa3f)!important;color:#111827!important;border:0!important;box-shadow:0 16px 34px rgba(217,170,63,.25)!important}.btn-wa-premium{background:linear-gradient(135deg,#23d366,#118c61)!important;color:#fff!important;border:0!important;box-shadow:0 16px 34px rgba(17,140,97,.2)!important}
.premium-service-card,.service-card,.content-card,.contact-card,.glass-card,.faq-item,.docs-cta-box,.local-proof-card{background:#fff!important;border:1px solid var(--b55-line)!important;color:var(--b55-text)!important;box-shadow:0 14px 42px rgba(7,23,47,.07)!important}.premium-service-card h3,.service-card h3,.content-card h3,.contact-card h3,.faq-q{color:#102b56!important}.section-badge{background:#fff7de!important;color:#805b04!important;border:1px solid rgba(217,170,63,.24)!important}.sec-head h2{color:#102b56!important}.sec-head p{color:#55657d!important}
.local-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.local-proof-card{border-radius:22px;padding:1.2rem}.local-proof-card strong{display:block;color:#102b56;font-size:1rem;margin-bottom:.35rem}.local-proof-card span{color:#52627a;line-height:1.9;font-size:.92rem}.area-chip-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.area-chip-cloud span{background:#f1f5fb;border:1px solid rgba(16,43,86,.10);border-radius:999px;padding:.48rem .72rem;color:#25344c;font-weight:800;font-size:.84rem}.call-wa-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.call-wa-row .btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.finglish-note{direction:ltr;text-align:left;font-family:Arial,sans-serif;background:#f8fafc;border:1px dashed rgba(16,43,86,.18);border-radius:18px;padding:1rem;color:#334155;font-size:.92rem;line-height:1.75}
.mobile-nav{background:#07172f!important;color:#fff}.mn-link{color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important}.mn-link:hover{background:rgba(255,255,255,.12)!important}.mn-header .wm-sub{color:rgba(255,255,255,.70)!important}.mn-contacts{display:grid;grid-template-columns:1fr;gap:.65rem}.mn-cta-btn{min-height:48px;border-radius:16px;font-weight:950;color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center}
.sticky-contact-bar{background:rgba(7,23,47,.96)!important}.sticky-contact-bar .scb-item:first-child{background:linear-gradient(135deg,#ffe27a,#d9aa3f)!important;color:#111827!important}.scb-item-wa{background:linear-gradient(135deg,#23d366,#118c61)!important;color:#fff!important}
@media(max-width:1200px){.site-header-content{grid-template-columns:minmax(0,1fr) auto!important}.site-nav,.header-cta{display:none!important}.nav-toggle{display:inline-flex!important}.site-logo{min-width:0}.logo-wordmark .wm-fa{font-size:1rem}.site-topbar .topbar-inner{display:block;text-align:center}.topbar-meta{justify-content:center;flex-wrap:wrap;margin-top:.35rem}}
@media(max-width:760px){body{padding-bottom:86px}.container{padding-left:16px!important;padding-right:16px!important}.hero,.landing-hero,.page-hero{padding:2.3rem 0 3rem!important}.hero-inner,.landing-hero-inner,.hero-lux-shell,.landing-two-col{grid-template-columns:1fr!important;gap:1.2rem!important}.hero-card,.landing-hero-card{display:none!important}.hero h1,.landing-hero h1,.page-hero h1{font-size:clamp(1.65rem,7.8vw,2.25rem)!important;line-height:1.55!important}.hero p,.hero-lead,.landing-lead,.page-hero p,.landing-desc{font-size:.96rem!important;line-height:2.05!important}.hero-actions,.landing-actions,.call-wa-row{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:.7rem}.hero-actions .btn,.landing-actions .btn,.call-wa-row .btn{width:100%;min-height:52px}.local-proof-grid{grid-template-columns:1fr}.premium-service-grid,.services-grid,.cards-grid{grid-template-columns:1fr!important}.site-header-content{min-height:68px}.site-logo .logo-mark{width:42px;height:42px}.logo-wordmark .wm-sub{font-size:.68rem}.mobile-nav{width:min(88vw,360px)!important}.footer-content{grid-template-columns:1fr!important;text-align:right}.footer-social{justify-content:flex-start}}


/* ============================================================
   BIMEH4883 v6.0.0 — Local Growth + Luxury Conversion UI
   ============================================================ */
.hero-trust-badge-xl{
  display:inline-flex; flex-direction:column; gap:.12rem; padding:.85rem 1rem; margin-bottom:1.05rem;
  border-radius:22px; background:linear-gradient(135deg,rgba(255,226,122,.18),rgba(255,255,255,.08));
  border:1px solid rgba(255,226,122,.32); box-shadow:0 18px 48px rgba(0,0,0,.18); color:#fff; max-width:100%;
}
.hero-trust-badge-xl span{font-weight:900;color:#ffeaa0;font-size:.88rem}.hero-trust-badge-xl strong{font-size:1.35rem;color:#fff;letter-spacing:-.03em}.hero-trust-badge-xl small{color:rgba(255,255,255,.78);font-weight:800}
.why-4883-showcase,.human-trust-section,.local-pages-band,.body-insurance-band,.lg-section{padding:4.2rem 0}.why-4883-showcase{background:linear-gradient(180deg,#fff,#f6f8fc)}.human-trust-section{background:#07172f;color:#fff}.human-trust-section h2,.human-trust-section p{color:#fff!important}.human-trust-section p{color:rgba(255,255,255,.78)!important}.body-insurance-band{background:linear-gradient(135deg,#fff7de,#ffffff);border-top:1px solid rgba(217,170,63,.18);border-bottom:1px solid rgba(217,170,63,.18)}
.lg-card-grid{display:grid;gap:1rem}.lg-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg-mini-card{display:block;text-decoration:none;background:#fff;border:1px solid rgba(16,43,86,.12);border-radius:26px;padding:1.25rem;box-shadow:0 18px 48px rgba(7,23,47,.07);transition:.22s ease;color:#142033!important}.lg-mini-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(7,23,47,.12)}.lg-mini-card span{font-size:2rem;display:block;margin-bottom:.6rem}.lg-mini-card h3{color:#102b56!important;margin:.25rem 0 .5rem;font-size:1.05rem}.lg-mini-card p{color:#52627a!important;line-height:1.9;margin:0;font-size:.92rem}
.split-showcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:2rem;align-items:center}.human-card-visual,.premium-side-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:1.5rem;box-shadow:0 22px 64px rgba(0,0,0,.22)}.premium-side-card{background:#fff;color:#142033;border-color:rgba(16,43,86,.12)}.human-avatar{width:78px;height:78px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe27a,#d9aa3f);font-size:2.2rem;margin-bottom:1rem}.human-card-visual strong{display:block;color:#fff;font-size:1.25rem}.human-card-visual small{display:block;color:#ffeaa0;margin-top:.7rem}.clean-list{padding:0;margin:.7rem 0 0;list-style:none}.clean-list li{padding:.48rem 0;border-bottom:1px solid rgba(16,43,86,.09);color:#4b5b73}.clean-list li:before{content:'✓';color:#15803d;font-weight:900;margin-left:.45rem}.lg-hero{padding:4.4rem 0;background:linear-gradient(145deg,#07172f 0%,#102b56 58%,#174075 100%);color:#fff}.lg-hero h1{font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.35;color:#fff;margin:.7rem 0}.lg-hero p{color:rgba(255,255,255,.82);font-size:1.05rem;line-height:2}.lg-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:2rem;align-items:center}.trust-badge-pro{display:inline-flex;background:rgba(255,226,122,.16);border:1px solid rgba(255,226,122,.3);color:#ffeaa0;border-radius:999px;padding:.52rem .85rem;font-weight:950}.lg-action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.premium-side-card hr{border:0;border-top:1px solid rgba(16,43,86,.1);margin:1rem 0}.lg-cta-strip{background:#0b1f3e;color:#fff;padding:1.2rem 0}.lg-cta-strip .container{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.lg-cta-strip strong{font-size:1.15rem}.lg-cta-strip span{color:rgba(255,255,255,.78)}.area-links a{background:#fff;border:1px solid rgba(16,43,86,.1);border-radius:999px;padding:.65rem .9rem;text-decoration:none;color:#102b56!important;font-weight:900;box-shadow:0 10px 28px rgba(7,23,47,.06)}.footer-v56 .footer-grid-v56{display:grid;grid-template-columns:1.3fr .9fr .9fr 1fr;gap:2rem}.footer-v56 .quick-links{margin-top:1rem}.footer-v56 .footer-widget ul{display:grid;gap:.45rem}.footer-v56 .footer-widget a{line-height:1.8}.local-growth-page .finglish-note{margin-top:1rem;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.72)}
@media(max-width:980px){.lg-card-grid.three,.lg-card-grid.four,.split-showcase,.lg-hero-grid,.footer-v56 .footer-grid-v56{grid-template-columns:1fr}.why-4883-showcase,.human-trust-section,.local-pages-band,.body-insurance-band,.lg-section{padding:3rem 0}.human-card-visual,.premium-side-card{border-radius:24px}.lg-cta-strip .container{align-items:stretch}.lg-cta-strip .btn{width:100%;justify-content:center}.lg-action-row{display:grid;grid-template-columns:1fr;width:100%}.lg-action-row .btn{width:100%;justify-content:center}.hero-trust-badge-xl{width:100%;align-items:flex-start}.lg-hero{padding:3rem 0}.lg-hero h1{font-size:clamp(1.75rem,7vw,2.4rem)}}



/* MEYDAN-KAJ-LOCAL-SEO-v6.1.1 */
.local-neighborhood-strip,
.meydan-kaj-trust-block{
  border:1px solid rgba(212,168,83,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border-radius:22px;
  padding:22px;
  margin:24px 0;
}
.local-neighborhood-strip strong,
.meydan-kaj-trust-block strong{color:#f5c542}
.local-neighborhood-list{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:14px
}
.local-neighborhood-list a,
.local-neighborhood-list span{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  border:1px solid rgba(255,255,255,.10);
}
@media(max-width:720px){
 .local-neighborhood-strip,.meydan-kaj-trust-block{padding:16px;border-radius:18px}
 .local-neighborhood-list a,.local-neighborhood-list span{font-size:13px}
}

/* COMPLETE-NEIGHBORHOOD-LOCAL-SEO-v6.1.2 */
.neighborhood-hub,
.local-area-cloud,
.service-area-proof{
  margin:28px 0;
  padding:26px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(245,197,66,.22);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.neighborhood-hub h2,
.service-area-proof h2{margin-top:0;color:#fff}
.local-area-cloud{display:flex;flex-wrap:wrap;gap:10px}
.local-area-cloud a,
.local-area-cloud span{
  display:inline-flex;
  align-items:center;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.11);
  font-size:14px;
}
.local-area-cloud a:hover{background:rgba(245,197,66,.16);border-color:rgba(245,197,66,.38)}
@media(max-width:720px){
  .neighborhood-hub,.service-area-proof{padding:18px;border-radius:20px}
  .local-area-cloud a,.local-area-cloud span{font-size:13px;padding:8px 11px}
}



/* =========================================================
   v6.1.3 HOME UI/UX HOTFIX
   ========================================================= */
:root{--b4883-gold:#f4c542;--b4883-text:#172033;--b4883-muted:#60708a}
.seo-keywords,.finglish-keywords,.keyword-cloud-hidden,.local-seo-hidden,.hidden-seo-text,[data-seo-hidden="true"]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.landing-hero,.home-hero,.hero-section{min-height:auto!important;padding:78px 0 72px!important;overflow:hidden!important}
.landing-hero .hero-lux-shell,.home-hero .hero-lux-shell,.hero-lux-shell{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr)!important;align-items:center!important;gap:42px!important;max-width:1180px!important;margin:0 auto!important;padding:0 24px!important;direction:rtl!important}
.hero-copy,.hero-content,.landing-hero-content{color:#fff!important}
.hero-copy h1,.hero-content h1,.landing-hero h1,.home-hero h1{color:#fff!important;font-size:clamp(38px,5vw,68px)!important;line-height:1.25!important;letter-spacing:-.03em!important;margin:18px 0!important;text-wrap:balance}
.hero-copy p,.hero-content p,.landing-hero p,.home-hero p{color:rgba(255,255,255,.88)!important;font-size:clamp(16px,1.6vw,21px)!important;line-height:2.05!important;max-width:780px!important}
.trust-badge,.hero-badge,.badge-trust{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#18223a!important;background:linear-gradient(135deg,var(--b4883-gold),#ffe88a)!important;border-radius:999px!important;padding:9px 15px!important;font-weight:900!important}
.cta-row,.hero-actions,.hero-buttons{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin-top:28px!important}
.cta-row a,.hero-actions a,.hero-buttons a,.btn{min-height:54px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:13px 23px!important;border-radius:18px!important;font-weight:900!important;text-decoration:none!important;line-height:1.4!important}
.btn-primary,.cta-row a:first-child,.hero-actions a:first-child{background:linear-gradient(135deg,var(--b4883-gold),#ffdf68)!important;color:#101828!important;border:0!important;box-shadow:0 16px 34px rgba(244,197,66,.24)!important}
.btn-secondary,.cta-row a:nth-child(2),.hero-actions a:nth-child(2){background:rgba(255,255,255,.11)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}
.landing-hero-card,.docs-cta-box,.hero-side-card,.home-trust-card{background:linear-gradient(180deg,#fff,#f7fbff)!important;color:var(--b4883-text)!important;border-radius:30px!important;padding:28px!important;border:1px solid rgba(20,45,80,.10)!important;box-shadow:0 26px 70px rgba(0,0,0,.24)!important;min-height:360px!important;max-width:430px!important;width:100%!important;justify-self:start!important}
.landing-hero-card *,.docs-cta-box *,.hero-side-card *,.home-trust-card *{color:inherit!important;opacity:1!important;visibility:visible!important}
.landing-hero-card h2,.docs-cta-box h2,.hero-side-card h2,.home-trust-card h2{color:#0f2544!important;font-size:24px!important;line-height:1.5!important;margin:0 0 16px!important}
.landing-hero-card p,.docs-cta-box p,.hero-side-card p,.home-trust-card p{color:#4b5d76!important;font-size:15px!important;line-height:1.9!important}
.phone-check-list,.hero-check-list,.docs-cta-box ul,.home-trust-card ul{display:grid!important;gap:14px!important;list-style:none!important;padding:0!important;margin:18px 0!important}
.phone-check-list li,.hero-check-list li,.docs-cta-box li,.home-trust-card li{display:flex!important;align-items:flex-start!important;gap:12px!important;color:#23334d!important;font-size:15.5px!important;line-height:1.8!important;background:rgba(15,74,129,.055)!important;border:1px solid rgba(15,74,129,.08)!important;border-radius:16px!important;padding:12px 13px!important}
.phone-check-list li::before,.hero-check-list li::before,.docs-cta-box li::before,.home-trust-card li::before{content:"✓"!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(244,197,66,.2)!important;color:#b8860b!important;font-weight:900!important}
.docs-cta-box .note,.home-trust-card .note,.trust-note{background:#edf5ff!important;border-right:4px solid var(--b4883-gold)!important;border-radius:16px!important;padding:13px 14px!important;color:#394b63!important;margin-top:18px!important;font-size:14px!important;line-height:1.9!important}
.home-section,.services-preview,.why-4883,.coverage-section,.home-services-grid{max-width:1180px!important;margin:0 auto!important;padding:58px 24px!important}
.home-services-grid,.services-grid,.cards-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.service-card,.premium-service-card,.home-mini-card{background:#fff!important;color:var(--b4883-text)!important;border:1px solid rgba(15,35,70,.08)!important;border-radius:24px!important;padding:24px!important;box-shadow:0 16px 40px rgba(13,40,75,.08)!important}
.service-card h3,.premium-service-card h3,.home-mini-card h3{color:#0f2544!important}
.service-card p,.premium-service-card p,.home-mini-card p{color:#58677c!important;line-height:1.9!important}
@media(max-width:980px){.landing-hero .hero-lux-shell,.home-hero .hero-lux-shell,.hero-lux-shell{grid-template-columns:1fr!important;gap:28px!important;text-align:center!important}.landing-hero-card,.docs-cta-box,.hero-side-card,.home-trust-card{justify-self:center!important;max-width:560px!important;min-height:auto!important}.cta-row,.hero-actions,.hero-buttons{justify-content:center!important}.home-services-grid,.services-grid,.cards-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.landing-hero,.home-hero,.hero-section{padding:42px 0 44px!important}.landing-hero .hero-lux-shell,.home-hero .hero-lux-shell,.hero-lux-shell{padding:0 16px!important}.hero-copy h1,.hero-content h1,.landing-hero h1,.home-hero h1{font-size:32px!important}.landing-hero-card,.docs-cta-box,.hero-side-card,.home-trust-card{border-radius:24px!important;padding:20px!important}.cta-row a,.hero-actions a,.hero-buttons a,.btn{width:100%!important}}



/* =========================================================
   v6.1.4 HOME SLIDESHOW REBUILD
   ========================================================= */
:root{
  --b4883-navy:#081d3c;
  --b4883-navy2:#123e75;
  --b4883-gold:#f5c542;
  --b4883-green:#18b86f;
  --b4883-text:#172033;
  --b4883-muted:#627188;
}
.b4883-home{background:#f5f8fc;color:var(--b4883-text);overflow-x:hidden}
.b4883-slider-hero{
  position:relative;
  background:linear-gradient(135deg,#071b38 0%,#123e75 100%);
  color:#fff;
  padding:74px 24px 72px;
  overflow:hidden;
}
.b4883-hero-bg-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.5;
}
.b4883-slider-hero:after{
  content:"";position:absolute;inset:auto -12% -38% -12%;
  height:360px;background:radial-gradient(circle,rgba(245,197,66,.22),transparent 60%);
}
.b4883-hero-wrap{
  position:relative;z-index:1;
  max-width:1220px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);
  gap:44px;align-items:center;direction:rtl;
}
.b4883-trust-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--b4883-gold),#ffe38b);
  color:#13213b;border-radius:999px;padding:9px 16px;
  font-weight:900;box-shadow:0 18px 40px rgba(245,197,66,.22);
}
.b4883-slides{position:relative;min-height:340px;margin-top:22px}
.b4883-slide{display:none;animation:b4883fade .45s ease}
.b4883-slide.is-active{display:block}
@keyframes b4883fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.b4883-slide-kicker{display:inline-flex;color:#f9da77;font-weight:900;margin-bottom:12px}
.b4883-slide h1{
  color:#fff;margin:0 0 18px;
  font-size:clamp(38px,5.1vw,72px);
  line-height:1.18;letter-spacing:-.035em;text-wrap:balance;
}
.b4883-slide p{
  color:rgba(255,255,255,.88);
  font-size:clamp(16px,1.55vw,21px);
  line-height:2.05;max-width:790px;margin:0 0 16px;
}
.b4883-slide ul{
  display:flex;flex-wrap:wrap;gap:10px;
  list-style:none;padding:0;margin:18px 0 0;
}
.b4883-slide li{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:8px 13px;
  color:#fff;font-size:14px;
}
.b4883-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.b4883-btn{
  min-height:54px;display:inline-flex;align-items:center;justify-content:center;
  padding:13px 22px;border-radius:18px;text-decoration:none;font-weight:900;
  transition:.2s ease;border:1px solid transparent
}
.b4883-btn:hover{transform:translateY(-2px)}
.b4883-btn-gold{background:linear-gradient(135deg,var(--b4883-gold),#ffdf72);color:#111827;box-shadow:0 18px 42px rgba(245,197,66,.24)}
.b4883-btn-green{background:linear-gradient(135deg,var(--b4883-green),#12a85f);color:#fff;box-shadow:0 18px 42px rgba(24,184,111,.22)}
.b4883-btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22)}
.b4883-slider-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.b4883-slider-controls button{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);color:#fff;
  border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:800
}
.b4883-slider-controls button.is-active{background:#fff;color:#10284f}
.b4883-side-card{
  background:linear-gradient(180deg,#fff,#f7fbff);
  color:var(--b4883-text);border-radius:32px;padding:30px;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.55)
}
.b4883-card-logo{
  width:72px;height:72px;border-radius:24px;
  background:linear-gradient(135deg,#0b2a55,#1760ad);
  color:#ffdf72;display:flex;align-items:center;justify-content:center;
  font-weight:1000;font-size:24px;margin-bottom:18px;
}
.b4883-side-card h2{margin:0 0 10px;color:#0f2544;font-size:26px}
.b4883-side-card p{color:#516177;line-height:1.9;margin:0 0 18px}
.b4883-quick-list{display:grid;gap:12px}
.b4883-quick-list div{
  display:grid;gap:3px;background:#eef5ff;
  border:1px solid rgba(15,74,129,.08);
  border-radius:18px;padding:13px 14px;
}
.b4883-quick-list strong{color:#13294b}
.b4883-quick-list span{color:#60708a;font-size:14px;line-height:1.7}
.b4883-card-note{
  margin-top:16px;background:#fff8df;border-right:4px solid var(--b4883-gold);
  color:#4f3b08;border-radius:16px;padding:13px;line-height:1.85;font-size:14px
}
.b4883-home-section{max-width:1220px;margin:0 auto;padding:64px 24px}
.b4883-section-head{text-align:center;max-width:760px;margin:0 auto 30px}
.b4883-section-head span{display:inline-flex;color:#b8860b;font-weight:900;margin-bottom:8px}
.b4883-section-head h2{font-size:clamp(28px,3.2vw,44px);color:#10233f;margin:0 0 12px;line-height:1.35}
.b4883-section-head p{color:#65748b;line-height:1.9;margin:0}
.b4883-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b4883-card-grid article{
  background:#fff;border:1px solid rgba(15,35,70,.08);
  border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(13,40,75,.07)
}
.b4883-card-grid h3{color:#10233f;margin:0 0 10px;font-size:21px}
.b4883-card-grid p{color:#617188;line-height:1.95;margin:0}
.b4883-local-section{background:#fff;border-radius:34px;margin-top:20px;margin-bottom:20px}
.b4883-area-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.b4883-area-chips span{
  background:#eef5ff;color:#123e75;border:1px solid rgba(18,62,117,.12);
  border-radius:999px;padding:9px 14px;font-weight:800
}
@media(max-width:980px){
  .b4883-hero-wrap{grid-template-columns:1fr;text-align:center}
  .b4883-slide ul,.b4883-hero-actions,.b4883-slider-controls{justify-content:center}
  .b4883-side-card{max-width:580px;margin:0 auto}
  .b4883-card-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .b4883-slider-hero{padding:44px 16px}
  .b4883-slide h1{font-size:34px}
  .b4883-slides{min-height:390px}
  .b4883-btn{width:100%}
  .b4883-side-card{padding:22px;border-radius:24px}
  .b4883-home-section{padding:44px 16px}
}



/* =========================================================
   v6.1.5 REAL SLIDER FIX
   Fix: old theme CSS forced all slide articles to show one after another.
   ========================================================= */

.b4883-slider-hero .b4883-slides{
  position:relative!important;
  min-height:430px!important;
  isolation:isolate!important;
}

.b4883-slider-hero .b4883-slides > .b4883-slide{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(12px)!important;
  transition:opacity .45s ease, transform .45s ease, visibility .45s ease!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}

.b4883-slider-hero .b4883-slides > .b4883-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
  z-index:2!important;
}

.b4883-slider-hero .b4883-slides > .b4883-slide:not(.is-active){
  height:0!important;
  overflow:hidden!important;
  z-index:1!important;
}

.b4883-slider-hero .b4883-slide h1,
.b4883-slider-hero .b4883-slide p,
.b4883-slider-hero .b4883-slide ul,
.b4883-slider-hero .b4883-slide li{
  opacity:1!important;
  visibility:visible!important;
}

.b4883-slider-hero .b4883-slider-controls{
  position:relative!important;
  z-index:5!important;
}

/* If JS is disabled, show only first slide, not all of them */
.no-js .b4883-slider-hero .b4883-slides > .b4883-slide:first-child,
html:not(.js) .b4883-slider-hero .b4883-slides > .b4883-slide:first-child{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  height:auto!important;
  overflow:visible!important;
}

@media(max-width:980px){
  .b4883-slider-hero .b4883-slides{
    min-height:470px!important;
  }
}

@media(max-width:640px){
  .b4883-slider-hero .b4883-slides{
    min-height:520px!important;
  }
}



/* =========================================================
   v6.1.6 FORCED CLEAN HOME SLIDER
   ========================================================= */
.b4883-force-home-clean .entry-content > *:not(.b4883-clean-home):not(.b4883-clean-services):not(.b4883-clean-areas){
  display:none!important;
}
.b4883-clean-home{
  position:relative!important;
  background:linear-gradient(135deg,#071b38 0%,#123e75 100%)!important;
  color:#fff!important;
  padding:64px 20px!important;
  overflow:hidden!important;
  margin:0!important;
}
.b4883-clean-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:62px 62px;opacity:.6}
.b4883-clean-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);gap:38px;align-items:center}
.b4883-clean-badge{display:inline-flex;background:linear-gradient(135deg,#f5c542,#ffe28a);color:#14213d;border-radius:999px;padding:9px 15px;font-weight:900;margin-bottom:20px}
.b4883-clean-slider{position:relative;min-height:285px!important}
.b4883-clean-slide{position:absolute!important;inset:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px)!important;transition:.4s ease!important}
.b4883-clean-slide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
.b4883-clean-slide span{color:#f9d96f;font-weight:900;display:block;margin-bottom:10px}
.b4883-clean-slide h1{color:#fff!important;font-size:clamp(36px,5vw,66px)!important;line-height:1.2!important;margin:0 0 18px!important;letter-spacing:-.035em}
.b4883-clean-slide p{color:rgba(255,255,255,.9)!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:2!important;margin:0;max-width:760px}
.b4883-clean-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.b4883-clean-actions a{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:17px;padding:12px 20px;text-decoration:none;font-weight:900}
.b4883-clean-actions .gold{background:linear-gradient(135deg,#f5c542,#ffdf72);color:#111827}
.b4883-clean-actions .green{background:linear-gradient(135deg,#17b86e,#12a85f);color:#fff}
.b4883-clean-actions .ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff}
.b4883-clean-dots{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.b4883-clean-dots button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff;border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer}
.b4883-clean-dots button.active{background:#fff;color:#123e75}
.b4883-clean-card{background:#fff!important;color:#182238!important;border-radius:30px;padding:28px;box-shadow:0 26px 70px rgba(0,0,0,.28)}
.b4883-clean-card strong{font-size:25px;color:#0f2544;display:block;margin-bottom:10px}
.b4883-clean-card p{color:#56677d;line-height:1.9;margin:0 0 16px}
.b4883-clean-card ul{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.b4883-clean-card li{background:#eef5ff;border-radius:15px;padding:12px;color:#23334d}
.b4883-clean-services,.b4883-clean-areas{max-width:1180px;margin:0 auto;padding:56px 20px!important}
.b4883-clean-head{text-align:center;margin-bottom:28px}
.b4883-clean-head span{color:#b8860b;font-weight:900}
.b4883-clean-head h2,.b4883-clean-areas h2{color:#10233f;font-size:clamp(28px,3vw,42px);line-height:1.35;margin:8px 0 0;text-align:center}
.b4883-clean-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b4883-clean-grid article{background:#fff;border:1px solid rgba(15,35,70,.08);border-radius:24px;padding:23px;box-shadow:0 16px 40px rgba(13,40,75,.07)}
.b4883-clean-grid h3{color:#10233f;margin:0 0 10px}
.b4883-clean-grid p{color:#617188;line-height:1.9;margin:0}
.b4883-clean-areas div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.b4883-clean-areas span{background:#eef5ff;color:#123e75;border-radius:999px;padding:9px 14px;font-weight:800}
@media(max-width:900px){.b4883-clean-wrap{grid-template-columns:1fr;text-align:center}.b4883-clean-actions,.b4883-clean-dots{justify-content:center}.b4883-clean-card{max-width:560px;margin:0 auto}.b4883-clean-grid{grid-template-columns:1fr}}
@media(max-width:620px){.b4883-clean-home{padding:42px 14px!important}.b4883-clean-slider{min-height:350px!important}.b4883-clean-slide h1{font-size:32px!important}.b4883-clean-actions a{width:100%}.b4883-clean-card{border-radius:22px;padding:20px}}



/* =========================================================
   v6.2.0 STABLE PRODUCTION SAFE
   Conservative UI/UX rebuild. No slider. No dangerous rewrite changes.
   ========================================================= */
:root{--v62-navy:#071d3d;--v62-navy2:#123e75;--v62-gold:#f5c542;--v62-green:#18b86f;--v62-text:#172033;--v62-muted:#617188}
.v62-hero{background:linear-gradient(135deg,var(--v62-navy),var(--v62-navy2));color:#fff;padding:74px 20px;overflow:hidden}
.v62-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.68fr);gap:40px;align-items:center}
.v62-badge{display:inline-flex;background:linear-gradient(135deg,var(--v62-gold),#ffe38a);color:#14213d;border-radius:999px;padding:9px 16px;font-weight:900;margin-bottom:18px}
.v62-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.22;color:#fff;margin:0 0 18px;letter-spacing:-.035em}
.v62-copy p{font-size:clamp(16px,1.55vw,21px);line-height:2.05;color:rgba(255,255,255,.9);max-width:800px;margin:0}
.v62-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.v62-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:13px 22px;text-decoration:none;font-weight:900}
.v62-btn.gold{background:linear-gradient(135deg,var(--v62-gold),#ffdf72);color:#111827}
.v62-btn.green{background:linear-gradient(135deg,var(--v62-green),#12a85f);color:#fff}
.v62-btn.ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff}
.v62-card{background:#fff;color:var(--v62-text);border-radius:30px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.v62-card strong{display:block;color:#0f2544;font-size:25px;margin-bottom:10px}
.v62-card p{color:#56677d;line-height:1.9;margin:0 0 15px}
.v62-card ul{display:grid;gap:11px;list-style:none;margin:0;padding:0}
.v62-card li{background:#eef5ff;color:#23334d;border-radius:15px;padding:12px}
.v62-card small{display:block;margin-top:15px;background:#fff8df;border-right:4px solid var(--v62-gold);color:#4f3b08;border-radius:14px;padding:12px;line-height:1.8}
.v62-section{max-width:1180px;margin:0 auto;padding:62px 20px}
.v62-head{text-align:center;max-width:780px;margin:0 auto 30px}
.v62-head span{color:#b8860b;font-weight:900}
.v62-head h2{font-size:clamp(28px,3vw,42px);color:#10233f;line-height:1.35;margin:8px 0 12px}
.v62-head p{color:var(--v62-muted);line-height:1.95;margin:0}
.v62-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v62-grid article{background:#fff;border:1px solid rgba(15,35,70,.08);border-radius:24px;padding:23px;box-shadow:0 16px 42px rgba(13,40,75,.07)}
.v62-grid h3{color:#10233f;margin:0 0 10px}
.v62-grid p{color:var(--v62-muted);line-height:1.9}
.v62-grid a{color:#0f4f9c;font-weight:900;text-decoration:none}
.v62-local{background:#fff;border-radius:32px}
.v62-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.v62-chips span{background:#eef5ff;color:#123e75;border-radius:999px;padding:9px 14px;font-weight:800}
.v62-faq{display:grid;gap:12px;max-width:900px;margin:0 auto}
.v62-faq details{background:#fff;border:1px solid rgba(15,35,70,.09);border-radius:18px;padding:17px}
.v62-faq summary{font-weight:900;color:#10233f;cursor:pointer}
.v62-faq p{color:var(--v62-muted);line-height:1.9}
.v62-cookie{position:fixed;z-index:99999;left:18px;right:18px;bottom:18px;max-width:760px;margin:0 auto;background:#fff;color:#172033;border-radius:22px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.25);display:none;direction:rtl}
.v62-cookie.show{display:block}
.v62-cookie p{margin:0 0 12px;color:#536277;line-height:1.8}
.v62-cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.v62-cookie-actions button,.v62-cookie-actions a{border:0;border-radius:14px;padding:10px 15px;font-weight:900;text-decoration:none;cursor:pointer}
.v62-cookie-actions button:first-child{background:#123e75;color:#fff}
.v62-cookie-actions button:nth-child(2){background:#eef2f7;color:#172033}
.v62-cookie-actions a{background:#fff8df;color:#4f3b08}
@media(max-width:980px){.v62-wrap{grid-template-columns:1fr;text-align:center}.v62-actions{justify-content:center}.v62-card{max-width:590px;margin:0 auto;text-align:right}.v62-grid{grid-template-columns:1fr}}
@media(max-width:640px){.v62-hero{padding:44px 16px}.v62-copy h1{font-size:34px}.v62-btn{width:100%}.v62-card{padding:22px;border-radius:22px}.v62-section{padding:44px 16px}.v62-cookie{left:10px;right:10px;bottom:10px}}