/* ============================================================
   DBA Global Layout — دنا بتن آپادانا
   فونت self-hosted + توکن‌های طراحی + هدر/فوتر/نوار تماس سراسری
   نسخه: 1405/07/12 (2026-10-04)
   ============================================================ */

/* ---------- فونت وزیرمتن، میزبانی روی خود سایت (بدون Google) ---------- */
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/wp-content/uploads/2026/10/vazirmatn-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E,U+2010-2011,U+204F}
@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/wp-content/uploads/2026/10/vazirmatn-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- توکن‌ها ---------- */
html:root{
  --dba-ink:#1C1F24;--dba-tx:#2A2D33;--dba-dim:#5C6168;--dba-mute:#8A8F97;
  --dba-line:#E6E1D8;--dba-ground:#F7F5F0;--dba-surface:#FFFFFF;
  --dba-hot:#E8611F;--dba-deep:#B84F24;--dba-soft:#FBE9DF;--dba-ok:#178A64;
  --dba-font:'Vazirmatn',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  /* بازنویسی پالت صفحات داخلی: بافت خاکستری → کرم روشن */
  --bg:#F7F5F0;--bg2:#F1EEE7;--panel:#FFFFFF;--panel2:#F7F5F0;--line:#E6E1D8;--hair:#EDE9E1;
  --t1cl:none;--t2zones:none;--t2vw:none;--t1dk:none;
}
body{font-family:var(--dba-font)}
body.page-template-elementor_canvas{background:var(--dba-ground)}

/* ---------- آیکون‌ها: SVG به‌جای وب‌فونت Tabler ---------- */
i.ti{display:inline-block;line-height:1;font-style:normal;vertical-align:-.125em}
i.ti svg,svg.ti{width:1em;height:1em;display:inline-block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}
.dba-i{width:1em;height:1em;display:inline-block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex:none}

/* ---------- پنهان‌کردن هدر/فوتر تمِ Hestia روی ۵ صفحهٔ قدیمی ---------- */
body.wp-theme-hestia:not(.page-template-elementor_canvas) header.header .navbar,
body.wp-theme-hestia:not(.page-template-elementor_canvas) footer.footer-big{display:none!important}
body.wp-theme-hestia:not(.page-template-elementor_canvas){padding-top:0!important}
body.wp-theme-hestia:not(.page-template-elementor_canvas) .main-raised{margin-top:-30px}

/* ---------- نوار بالا ---------- */
.dba-g *{box-sizing:border-box}
.dba-g{font-family:var(--dba-font);direction:rtl;color:var(--dba-tx);font-size:15px;line-height:1.7}
.dba-g a{text-decoration:none}
.dba-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.dba-top{background:var(--dba-ink);color:#D9DBDF;font-size:13.5px}
.dba-top .dba-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.dba-top a{color:#FFFFFF;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dba-top a.wa{color:#9BE3C6}
.dba-top .tel{display:flex;gap:18px;align-items:center}
.dba-top .addr{display:inline-flex;align-items:center;gap:6px;color:#B5B9BF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- هدر ---------- */
.dba-hdr{background:var(--dba-surface);border-bottom:1px solid var(--dba-line);position:sticky;top:0;z-index:9000}
.dba-hdr .dba-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.dba-brand{display:flex;align-items:center;gap:11px;color:var(--dba-ink);flex:none}
.dba-brand img{width:50px;height:42px;object-fit:contain;display:block}
.dba-brand b{display:block;font-size:16.5px;line-height:1.2;color:var(--dba-ink)}
.dba-brand small{display:block;font-size:11.5px;color:var(--dba-dim);line-height:1.4;margin-top:2px}
.dba-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.dba-nav>li{list-style:none;position:relative}
.dba-nav{list-style:none;margin:0;padding:0}
.dba-nav a,.dba-nav button{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 11px;border-radius:9px;color:var(--dba-tx);font:600 14.5px/1 var(--dba-font);background:none;border:0;cursor:pointer;white-space:nowrap}
.dba-nav a:hover,.dba-nav button:hover,.dba-nav li:focus-within>button{background:var(--dba-ground);color:var(--dba-deep)}
.dba-nav a.on{color:var(--dba-deep);box-shadow:inset 0 -2px 0 var(--dba-hot);border-radius:9px 9px 0 0}
.dba-sub{position:absolute;top:100%;right:0;min-width:240px;background:var(--dba-surface);border:1px solid var(--dba-line);border-radius:14px;padding:8px;margin:6px 0 0;list-style:none;box-shadow:0 14px 34px rgba(0,0,0,.12);display:none;z-index:9001}
.dba-nav li:hover>.dba-sub,.dba-nav li:focus-within>.dba-sub{display:block}
.dba-sub li{list-style:none}
.dba-sub a{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 12px;border-radius:9px;font-weight:600;font-size:14px}
.dba-sub a small{color:var(--dba-mute);font-weight:500;font-size:12px}
.dba-sub .sep{height:1px;background:var(--dba-line);margin:6px 4px}
.dba-cta{display:flex;align-items:center;gap:8px;flex:none}
.dba-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:11px;font:700 15px/1 var(--dba-font);border:1.5px solid transparent;white-space:nowrap;cursor:pointer}
.dba-btn.solid{background:var(--dba-hot);color:var(--dba-ink);border-color:var(--dba-hot)}
.dba-btn.solid:hover{background:#F26F2E;color:var(--dba-ink)}
.dba-btn.ghost{background:transparent;color:var(--dba-ink);border-color:var(--dba-ink)}
.dba-btn.ghost:hover{background:var(--dba-ink);color:#FFFFFF}
.dba-btn.ink{background:var(--dba-ink);color:#FFFFFF;border-color:var(--dba-ink)}
.dba-btn.ink:hover{background:#2B2F36;color:#FFFFFF}
.dba-btn.wa{background:var(--dba-ok);color:#FFFFFF;border-color:var(--dba-ok)}
.dba-btn.wa:hover{background:#13735A;color:#FFFFFF}
.dba-burger{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--dba-line);background:var(--dba-ground);color:var(--dba-ink);align-items:center;justify-content:center;cursor:pointer;font-size:22px}

/* ---------- کشوی موبایل ---------- */
.dba-drawer{position:fixed;inset:0;z-index:9500;display:none}
.dba-drawer.open{display:block}
.dba-drawer .bg{position:absolute;inset:0;background:rgba(28,31,36,.55)}
.dba-drawer .panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background:var(--dba-surface);display:flex;flex-direction:column;overflow:auto;padding:14px 16px 24px;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
.dba-drawer .ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dba-drawer .close{width:44px;height:44px;border-radius:11px;border:1px solid var(--dba-line);background:var(--dba-ground);color:var(--dba-ink);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer}
.dba-drawer ul{list-style:none;margin:0;padding:0}
.dba-drawer li a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 10px;border-radius:10px;color:var(--dba-ink);font-weight:600;font-size:16px}
.dba-drawer li a:hover{background:var(--dba-ground)}
.dba-drawer li a.on{color:var(--dba-deep)}
.dba-drawer .grp{margin:8px 0 2px;padding:0 10px;font-size:12.5px;font-weight:700;color:var(--dba-mute)}
.dba-drawer .grp-list a{min-height:42px;font-weight:500;font-size:15px;color:var(--dba-tx)}
.dba-drawer .dcta{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.dba-drawer .dcta .dba-btn{height:48px;width:100%}

/* ---------- نوار تماس ثابت موبایل ---------- */
.dba-callbar{display:none;position:fixed;right:0;bottom:0;left:0;height:62px;background:var(--dba-ink);z-index:9400;grid-template-columns:repeat(4,1fr);border-top:1px solid #363B43;padding-bottom:env(safe-area-inset-bottom)}
.dba-callbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#FFFFFF;font-size:11.5px;font-weight:600;font-family:var(--dba-font)}
.dba-callbar a .dba-i{width:22px;height:22px;color:#F7A277}
.dba-callbar a.wa .dba-i{color:#9BE3C6}

/* ---------- فوتر ---------- */
.dba-foot{background:var(--dba-ink);color:#D9DBDF;padding:56px 0 0;margin-top:0}
.dba-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.dba-foot b.t{display:block;color:#FFFFFF;font-size:15px;margin-bottom:12px}
.dba-foot p{margin:0;font-size:14px;line-height:1.9;color:#B5B9BF}
.dba-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.dba-foot ul a{color:#D9DBDF;font-size:14.5px;display:inline-flex;gap:8px;align-items:center}
.dba-foot ul a:hover{color:#FFFFFF}
.dba-foot .brand{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.dba-foot .brand img{width:44px;height:36px;object-fit:contain;background:#FFFFFF;border-radius:8px;padding:3px}
.dba-foot .brand b{color:#FFFFFF;font-size:16px}
.dba-foot .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.dba-foot .chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:#2B2F36;border:1px solid #3A3F47;color:#D9DBDF;font-size:12.5px;font-weight:600}
.dba-foot .chip .dba-i{color:#9BE3C6}
.dba-foot .social{display:flex;gap:8px;margin-top:14px}
.dba-foot .social a{width:38px;height:38px;border-radius:10px;background:#2B2F36;display:flex;align-items:center;justify-content:center;color:#D9DBDF;font-size:18px}
.dba-foot .social a:hover{background:var(--dba-hot);color:var(--dba-ink)}
.dba-foot .addr{display:flex;gap:8px;align-items:flex-start;color:#B5B9BF;font-size:14px;line-height:1.7}
.dba-foot .bot{border-top:1px solid #2B2F36;margin-top:40px}
.dba-foot .bot .dba-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:52px;align-items:center;font-size:12.5px;color:#8E939B}

/* ---------- واکنش‌گرایی ---------- */
@media (max-width:1100px){.dba-nav a,.dba-nav button{padding:0 8px;font-size:13.5px}.dba-brand small{display:none}}
@media (max-width:980px){
  .dba-nav{display:none}.dba-burger{display:inline-flex}
  .dba-cta .ghost{display:none}
  .dba-hdr .dba-wrap{height:62px}
  .dba-brand img{width:42px;height:35px}.dba-brand b{font-size:15px}
}
@media (max-width:768px){
  .dba-top{display:none}
  .dba-callbar{display:grid}
  body{padding-bottom:62px}
  .dba-foot .cols{grid-template-columns:1fr 1fr;gap:28px}
  .dba-foot{padding-top:40px}
}
@media (max-width:520px){
  .dba-cta .solid{height:40px;padding:0 13px;font-size:14px}
  .dba-foot .cols{grid-template-columns:1fr}
}
@media print{.dba-top,.dba-hdr,.dba-callbar,.dba-drawer{display:none!important}}

/* ---------- نوار ادمین وردپرس (فقط برای کاربر واردشده) ---------- */
.admin-bar .dba-hdr{top:32px}
@media (max-width:782px){.admin-bar .dba-hdr{top:46px}}
/* فونت هدر/فوتر روی ۵ صفحهٔ قدیمی که پلاگین فونت قدیمی دارد */
.dba-g,.dba-g *{font-family:var(--dba-font)!important}

/* ---------- هم‌زیستی با دکمهٔ شناور اسکرول و کشو ---------- */
.dba-drawer{z-index:100000}
@media (max-width:768px){#dba-scroll-btn{bottom:76px!important}}
/* دکمهٔ شناور واتساپ صفحهٔ تماس: روی دسکتاپ سمت راست، روی موبایل نوار تماس جایش را می‌گیرد */
.wapp{left:auto!important;right:22px!important}
@media (max-width:768px){.wapp{display:none!important}}

/* ============================================================
   اجزای مشترک صفحات جدید (کلاس ریشه: .dh) — نسخهٔ 1405/07/12
   ============================================================ */
.dh{--ink:#1C1F24;--tx:#2A2D33;--dim:#5C6168;--mute:#8A8F97;--line:#E6E1D8;--ground:#F7F5F0;--surf:#FFFFFF;--hot:#E8611F;--deep:#B84F24;--soft:#FBE9DF;--ok:#178A64;
  font-family:'Vazirmatn',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:var(--tx);background:var(--ground);direction:rtl;line-height:1.8;font-size:16px}
.dh *{box-sizing:border-box}
.dh a{text-decoration:none;color:var(--deep)}
.dh .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.dh .sec{padding:88px 0}
.dh .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--deep);font-weight:700;font-size:14px}
.dh .eyebrow::before{content:'';width:28px;height:3px;background:var(--hot);border-radius:2px}
.dh h2{margin:10px 0 0;font-size:clamp(26px,3.4vw,38px);line-height:1.35;font-weight:700;color:var(--ink)}
.dh .lead{margin:12px 0 0;font-size:17px;line-height:1.9;color:var(--dim);max-width:680px}
.dh .card{background:var(--surf);border:1px solid var(--line);border-radius:16px}
.dh .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 24px;border-radius:12px;font-weight:700;font-size:17px;line-height:1;border:1.5px solid transparent;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background-color .15s ease}
.dh .btn:active{transform:scale(.985)}
.dh .btn.solid{background:var(--hot);color:var(--ink);border-color:var(--hot)}.dh .btn.solid:hover{background:#F26F2E;color:var(--ink)}
.dh .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.dh .btn.ghost:hover{background:var(--ink);color:#fff}
.dh .btn.ink{background:var(--ink);color:#fff;border-color:var(--ink)}.dh .btn.ink:hover{background:#2B2F36;color:#fff}
.dh .btn.white{background:#fff;color:var(--ink);border-color:#fff}.dh .btn.white:hover{background:var(--ground);color:var(--ink)}
.dh .btn.wa{background:var(--ok);color:#fff;border-color:var(--ok)}.dh .btn.wa:hover{background:#13735A;color:#fff}
.dh .chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;background:var(--surf);border:1px solid var(--line);color:var(--tx);font-size:14px;font-weight:600}
.dh .chip .dba-i{color:var(--ok)}
.dh .ic{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--deep);flex:none}
.dh .ic .dba-i{width:28px;height:28px;stroke-width:1.75}
.dh .more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--deep)}
.dh .sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
/* hero */
.dh .hero{padding:64px 0 48px}
.dh .herog{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}
.dh .htext{display:flex;flex-direction:column;gap:20px}
.dh h1{margin:0;color:var(--ink)}
.dh h1 .kw{display:block;font-size:17px;font-weight:600;color:var(--deep);margin-bottom:10px}
.dh h1 .big{display:block;font-size:clamp(40px,5.2vw,64px);line-height:1.22;font-weight:700}
.dh h1 mark{background:var(--hot);color:var(--ink);padding:0 14px;border-radius:10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.dh .hp{margin:0;font-size:18px;line-height:1.95;color:var(--dim);max-width:540px}
.dh .ctas{display:flex;gap:12px;flex-wrap:wrap}
.dh .chips{display:flex;gap:9px;flex-wrap:wrap}
.dh .hart{position:relative}
.dh .hart img{width:100%;aspect-ratio:1/0.92;object-fit:cover;border-radius:22px;display:block}
.dh .hcap{position:absolute;right:18px;bottom:18px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.dh .hcap b{display:block;font-size:15px;color:var(--ink)}.dh .hcap span{font-size:13px;color:var(--dim)}
.dh .dba-ver{position:absolute;left:4px;top:-26px;font:600 10.5px/1.4 ui-monospace,Menlo,Consolas,monospace;color:#8f8f86;background:#0000000a;border:1px solid #00000014;border-radius:6px;padding:2px 7px;direction:ltr;pointer-events:none}
/* numbers */
.dh .nums{display:grid;grid-template-columns:repeat(4,1fr);padding:6px 0}
.dh .nums div{padding:20px 26px;display:flex;flex-direction:column;gap:3px}
.dh .nums div+div{border-right:1px solid var(--line)}
.dh .nums b{font-size:28px;color:var(--ink);line-height:1.2}.dh .nums span{font-size:13.5px;color:var(--dim)}
/* tiles */
.dh .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.dh .tile{display:flex;flex-direction:column;gap:5px;padding:20px 20px 16px;background:var(--surf);border:1px solid var(--line);border-radius:16px;color:var(--ink);min-height:148px;transition:border-color .15s,transform .15s}
.dh .tile:hover{border-color:var(--hot);transform:translateY(-2px)}
.dh .tile .n{font-size:32px;font-weight:700;line-height:1.1;color:var(--ink)}
.dh .tile .g{font-size:13px;font-weight:700;color:var(--deep)}
.dh .tile .u{font-size:14px;line-height:1.7;color:var(--dim)}
.dh .tile .more{margin-top:auto;font-size:13.5px}
.dh .note{margin:14px 0 0;font-size:13.5px;color:var(--mute)}
/* selector */
.dh .sel{margin-top:28px;display:grid;grid-template-columns:5fr 7fr;gap:0;overflow:hidden}
.dh .selq{padding:28px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:14px}
.dh .selq b{font-size:19px}
.dh .selq p{margin:0;font-size:14.5px;color:#B5B9BF;line-height:1.8}
.dh .selq label{font-size:13.5px;color:#D9DBDF;font-weight:600}
.dh .selq select{width:100%;height:48px;border-radius:11px;border:1px solid #3A3F47;background:#22262C;color:#fff;font:600 15px/1 inherit;font-family:inherit;padding:0 12px}
.dh .selq .opts{display:flex;flex-direction:column;gap:8px}
.dh .selq .opts label{display:flex;align-items:center;gap:9px;font-weight:500;color:#EDEEEB;font-size:14.5px;cursor:pointer}
.dh .selq .opts input{width:18px;height:18px;accent-color:var(--hot)}
.dh .sela{padding:28px;display:flex;flex-direction:column;gap:14px;background:var(--surf)}
.dh .sela .ttl{font-size:13.5px;color:var(--mute);font-weight:600}
.dh .sela h3{margin:0;font-size:24px;color:var(--ink);line-height:1.4}
.dh .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dh .sgrid div{padding:12px 14px;border-radius:12px;background:var(--ground);display:flex;flex-direction:column;gap:2px}
.dh .sgrid small{font-size:12px;color:var(--mute);font-weight:600}
.dh .sgrid b{font-size:15.5px;color:var(--ink)}
.dh .sela .why{margin:0;font-size:14.5px;line-height:1.85;color:var(--dim)}
.dh .sela .tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.dh .sela .tips li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--tx)}
.dh .sela .tips .dba-i{color:var(--hot);margin-top:4px;flex:none}
.dh .sela .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.dh .sela .acts .btn{height:46px;font-size:15px}
/* services */
.dh .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.dh .scard{display:flex;flex-direction:column;gap:12px;padding:24px;color:var(--tx);background:var(--ground);border:1px solid var(--line);border-radius:16px;transition:transform .15s}
.dh .scard:hover{transform:translateY(-3px)}
.dh .scard b{font-size:18px;color:var(--ink)}.dh .scard span{font-size:14.5px;line-height:1.8;color:var(--dim)}
.dh .scard .more{margin-top:auto}
/* process */
.dh .band{background:var(--ink);color:#EDEEEB}
.dh .band .eyebrow{color:#F7A277}.dh .band h2{color:#fff}
.dh .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.dh .step{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #363B43;border-radius:16px;background:#22262C}
.dh .step .top{display:flex;align-items:center;justify-content:space-between}
.dh .step .ic{background:#2E333B;color:#F7A277}
.dh .step .num{font-size:26px;font-weight:700;color:#4A5059}
.dh .step b{font-size:17px;color:#fff}.dh .step span{font-size:14px;line-height:1.75;color:#B5B9BF}
/* quality */
.dh .qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.dh .qcard{padding:26px;display:flex;flex-direction:column;gap:10px}
.dh .qcard.dark{background:var(--ink);border-color:var(--ink)}
.dh .qcard b{font-size:17px;color:var(--ink)}.dh .qcard.dark b{color:#fff}
.dh .qcard p{margin:0;font-size:14px;color:var(--dim);line-height:1.8}.dh .qcard.dark p{color:#B5B9BF}
.dh .qcard ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.dh .qcard li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.7;color:var(--ink)}
.dh .qcard.dark li{color:#fff}
.dh .qcard li .dba-i{color:var(--hot);margin-top:5px;flex:none;stroke-width:2.4}
.dh .insure{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--surf);border:1px solid var(--ok);color:#0F6B4D;font-size:14.5px;font-weight:600}
.dh .insure .dba-i{color:var(--ok);width:18px;height:18px}
/* calc */
.dh .calc{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:38px 42px}
.dh .calc .cg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dh .calc .cg div{padding:16px;border-radius:14px;background:var(--ground);display:flex;flex-direction:column;gap:4px}
.dh .calc .cg .dba-i{width:24px;height:24px;color:var(--deep)}
.dh .calc .cg b{font-size:14.5px;color:var(--ink)}.dh .calc .cg span{font-size:12.5px;color:var(--dim)}
/* map */
.dh .mapg{display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:center}
.dh .mapg img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);display:block}
.dh .mtext{display:flex;flex-direction:column;gap:14px}
.dh .mtext p{margin:0;font-size:16px;line-height:1.9;color:var(--dim)}
.dh .routes{display:flex;gap:10px;flex-wrap:wrap}
.dh .routes .btn{height:46px;font-size:15px;padding:0 18px}
.dh .addr{display:inline-flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--dim);line-height:1.7}
/* guides */
.dh .guides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.dh .guide{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--ground);border:1px solid var(--line);border-radius:16px;color:var(--tx);transition:transform .15s}
.dh .guide:hover{transform:translateY(-3px)}
.dh .guide small{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mute)}
.dh .guide b{font-size:17px;color:var(--ink);line-height:1.5}.dh .guide span{font-size:14px;line-height:1.75;color:var(--dim)}
/* faq */
.dh .faqg{display:grid;grid-template-columns:5fr 7fr;gap:44px;align-items:start}
.dh details{padding:16px 20px}
.dh summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16.5px;font-weight:700;color:var(--ink)}
.dh summary::-webkit-details-marker{display:none}
.dh summary .dba-i{color:var(--deep);flex:none;transition:transform .2s}
.dh details[open] summary .dba-i{transform:rotate(45deg)}
.dh details p{margin:10px 0 0;font-size:15px;line-height:1.9;color:var(--dim)}
.dh .faql{display:flex;flex-direction:column;gap:10px}
/* cta */
.dh .cta{background:var(--hot);padding:64px 0;position:relative;overflow:hidden}
.dh .cta::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(0,0,0,.06) 22px 44px);pointer-events:none}
.dh .cta .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.dh .cta h2{margin:0;font-size:clamp(28px,3.6vw,40px);color:var(--ink)}
.dh .cta p{margin:8px 0 0;font-size:17px;color:var(--tx)}
.dh .cta .btns{display:flex;gap:10px;flex-wrap:wrap}
/* responsive */
@media (max-width:1024px){
  .dh .tiles,.dh .cards{grid-template-columns:repeat(2,1fr)}
  .dh .steps{grid-template-columns:repeat(3,1fr)}
  .dh .qgrid,.dh .guides{grid-template-columns:repeat(2,1fr)}
  .dh .nums{grid-template-columns:repeat(2,1fr)}.dh .nums div+div{border-right:0}.dh .nums div:nth-child(2n){border-right:1px solid var(--line)}
}
@media (max-width:860px){
  .dh .sec{padding:64px 0}
  .dh .hero{padding:32px 0 40px}
  .dh .herog{grid-template-columns:1fr;gap:28px}
  .dh .hart img{aspect-ratio:16/10}
  .dh .hp{font-size:16px}
  .dh .sel,.dh .calc,.dh .mapg,.dh .faqg{grid-template-columns:1fr}
  .dh .calc{padding:26px 22px}
  .dh .sgrid{grid-template-columns:1fr 1fr}
  .dh .mapg img{order:2}
}
@media (max-width:600px){
  .dh .tiles,.dh .cards,.dh .steps,.dh .qgrid,.dh .guides{grid-template-columns:1fr}
  .dh .nums{grid-template-columns:1fr 1fr}.dh .nums div{padding:16px 18px}.dh .nums b{font-size:24px}
  .dh .ctas .btn{width:100%}
  .dh .sgrid{grid-template-columns:1fr}
  .dh .cta .btns .btn{width:100%}
  .dh .dba-ver{display:none}
}
/* ---------- اجزای تازه برای صفحات داخلی ---------- */
.dh .crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--mute);padding:22px 0 0}
.dh .crumbs a{color:var(--dim)}.dh .crumbs a:hover{color:var(--deep)}
.dh .crumbs .dba-i{width:14px;height:14px}
.dh .phero{padding:28px 0 56px}
.dh .phero .pg{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.dh .phero.solo .pg{grid-template-columns:1fr}
.dh .phero h1{margin:12px 0 0;font-size:clamp(30px,4.2vw,48px);line-height:1.35;font-weight:700;color:var(--ink)}
.dh .phero .lead{font-size:18px;max-width:620px}
.dh .phero .ctas{margin-top:22px}
.dh .phero .chips{margin-top:16px}
.dh .phero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;display:block}
.dh .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.dh .split.rev > :first-child{order:2}
.dh .split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;display:block}
.dh .prose{max-width:780px}
.dh .prose h2{margin:40px 0 0}
.dh .prose h3{margin:28px 0 0;font-size:21px;line-height:1.5;color:var(--ink)}
.dh .prose p{margin:14px 0 0;font-size:17px;line-height:2;color:var(--tx)}
.dh .prose ul,.dh .prose ol{margin:14px 0 0;padding:0 22px 0 0;font-size:17px;line-height:2;color:var(--tx)}
.dh .prose li{margin:4px 0}
.dh .prose a{font-weight:600;border-bottom:1px solid #E8611F55}
.dh .ticks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.dh .ticks li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.8;color:var(--tx)}
.dh .ticks .dba-i{color:var(--hot);margin-top:6px;flex:none;stroke-width:2.4}
.dh .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.dh .gal figure{margin:0;background:var(--surf);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.dh .gal img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.dh .gal figcaption{padding:12px 14px;font-size:14px;line-height:1.7;color:var(--dim)}
.dh .gal figure.wide{grid-column:span 2}
.dh .gal figure.wide img{aspect-ratio:16/9}
.dh .kv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.dh .kv div{padding:16px 18px;border-radius:14px;background:var(--surf);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.dh .kv small{font-size:12.5px;color:var(--mute);font-weight:600}
.dh .kv b{font-size:16px;color:var(--ink);line-height:1.5}
.dh .quote{margin:26px 0 0;padding:22px 26px;border-radius:16px;background:var(--ink);color:#fff;font-size:20px;line-height:1.8;font-weight:600}
.dh .alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (max-width:860px){
  .dh .phero .pg,.dh .split{grid-template-columns:1fr;gap:26px}
  .dh .split.rev > :first-child{order:0}
  .dh .gal{grid-template-columns:1fr 1fr}
  .dh .kv{grid-template-columns:1fr}
}
@media (max-width:600px){
  .dh .gal{grid-template-columns:1fr}
  .dh .gal figure.wide{grid-column:auto}
}

/* ============================================================
   قالب مقاله: کارت کناری «استعلام قیمت» (چسبان در دسکتاپ، انتهای متن در موبایل)
   ============================================================ */
.dba-side{font-family:var(--dba-font);direction:rtl;margin:48px 0 12px}
.dba-side *{box-sizing:border-box;font-family:var(--dba-font)!important}
.dba-side-in{background:var(--dba-ink);color:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.dba-side b.t{font-size:18px;color:#fff;line-height:1.5}
.dba-side p{margin:0!important;font-size:14px!important;line-height:1.85!important;color:#B5B9BF!important}
.dba-side .dba-btn{width:100%;height:46px;text-decoration:none}
.dba-side .dba-btn.ghost{border-color:#5C6168;color:#fff}
.dba-side .dba-btn.ghost:hover{background:#2B2F36;color:#fff}
.dba-side .lnk{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid #363B43}
.dba-side .lnk a{color:#D9DBDF!important;font-size:14px;display:inline-flex;gap:7px;align-items:center;text-decoration:none!important}
.dba-side .lnk a:hover{color:#fff!important}
.dba-side .lnk .dba-i{color:#F7A277}
@media (min-width:1240px){
  body.page-template-elementor_canvas main.wrap.has-side{max-width:1200px;padding-left:364px;position:relative}
  body.page-template-elementor_canvas main.wrap.has-side > aside.dba-side{position:absolute;left:24px;top:10px;bottom:0;width:300px;margin:0}
  body.page-template-elementor_canvas main.wrap.has-side > aside.dba-side .dba-side-in{position:sticky;top:96px}
  body.page-template-elementor_canvas .bhead .bheadin{max-width:1200px}
}
@media print{.dba-side{display:none!important}}

/* پاراگراف بی‌کلاس در صفحات .dh (ویژگی صفر تا قاعدهٔ اجزا مقدم بماند) */
.dh :where(p:not([class])){margin:14px 0 0;font-size:16.5px;line-height:1.95;color:var(--tx)}
.dh :where(.wrap > h3){margin:26px 0 0;font-size:20px;line-height:1.5;color:var(--ink)}
.dh .split h2{margin-top:10px}
.dh .guides small .dba-i{width:15px;height:15px}
.dba-foot .areas{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:34px;font-size:13.5px;color:#B5B9BF}
.dba-foot .areas b{color:#fff;font-weight:700}
.dba-foot .areas a{color:#D9DBDF;text-decoration:none}.dba-foot .areas a:hover{color:#fff}
.dba-dl{margin:22px 0 4px!important}
.dba-dl .dba-btn{text-decoration:none!important;height:46px}

/* تیترهای صفحات .dh: قاعدهٔ Hestia (h1–h6 → Arial) را خنثی می‌کند */
.dh :is(h1,h2,h3,h4,h5,h6,summary,b,strong,figcaption,small){font-family:var(--dba-font)}
/* شبکهٔ ۴ستونهٔ «محله‌های دیگر» */
.dh .guides.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.dh .guides.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.dh .guides.g4{grid-template-columns:1fr}}
/* ناحیهٔ لمس پرسش‌های FAQ حداقل ۴۴px */
.dh details{padding:6px 20px}
.dh summary{min-height:44px;padding:8px 0;line-height:1.6}
.dh details p{margin:4px 0 10px}
/* گالری: ارتفاع یکسان عکس‌ها در هر ردیف (دسکتاپ) */
@media (min-width:861px){.dh .gal img,.dh .gal figure.wide img{aspect-ratio:auto;height:300px}}