/* ==================================================================
   استایل‌های اختصاصی صفحات داخلی
   ================================================================== */

/* ---------- هدر صفحه: بردکرامب + H1 ---------- */
.page-hero{
  background:linear-gradient(120deg,var(--deep) 30%,#014d55 75%,var(--petrol));
  color:#fff;padding:52px 0 60px;position:relative;overflow:hidden;
}
.page-hero::before{
  content:"";position:absolute;inset:0;opacity:.2;
  background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:26px 26px;
}
.page-hero .container{position:relative;z-index:2}
.crumbs-wrap{margin-bottom:18px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:.82rem}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li:not(:last-child)::after{content:"›";margin:0 8px;color:rgba(255,255,255,.4)}
.crumbs a{color:#9fdede;transition:var(--transition)}
.crumbs a:hover{color:#fff}
.crumbs [aria-current="page"]{color:#fff;font-weight:600}
.page-hero-head{margin:0}
.page-meta time{display:inline-flex;align-items:center;gap:6px}
.page-hero h1{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:900;line-height:1.6;max-width:none}
.page-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:.82rem;color:rgba(255,255,255,.8)}
.page-meta span{display:inline-flex;align-items:center;gap:6px}
.page-meta svg,.page-meta .fa-meta-icon{opacity:.8}
.page-hero .btn{margin-top:24px}
.page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
.page-hero-actions .btn{margin-top:0}
.btn-hero-outline{
  background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.9);color:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.btn-hero-outline:hover{background:#fff;color:var(--petrol);border-color:#fff;transform:translateY(-2px)}

/* ---------- چیدمان دوستونه: محتوا + سایدبار ---------- */
.page-body{padding:48px 0 0}
.page-tail{padding-top:20px}
.page-tail > section{padding:28px 0 !important}
.page-tail > .comments{padding:24px 0 16px !important}
.page-tail > .request{padding:36px 0 28px !important}
.page-tail-faq{background:var(--white)}
.page-tail-comments{background:var(--bg)}
.page-cta-wrap{padding:20px 0 72px;background:var(--bg)}
.page-cta-wrap .cta-band{padding:0}
.page-cta-wrap .cta-band .box{margin-bottom:0}
.page-grid{display:flex;flex-wrap:wrap;gap:44px;align-items:flex-start}
.page-grid .article{flex:1;min-width:min(100%,680px)}
.page-grid .sidebar{width:320px;flex:none}
.page-grid--single .article{flex:1 1 100%;max-width:100%;width:100%;margin:0}
.sidebar{position:sticky;top:100px;display:grid;gap:22px}

/* ---------- فهرست مطالب ---------- */
.toc,.toc-inline{
  background:var(--white);
  border:1.5px solid var(--line);border-radius:14px;
  overflow:hidden;margin:24px 0 28px;
  box-shadow:0 4px 18px rgba(0,40,60,.04);
}
.toc-head{
  display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:800;
  color:var(--deep);border-bottom:1px solid var(--line);font-size:.92rem;
  background:linear-gradient(180deg,#fafdfd,#fff);
}
.toc-head .ic{
  width:32px;height:32px;border-radius:9px;flex:none;
  background:rgba(0,153,153,.12);color:var(--petrol);display:grid;place-items:center;
}
.toc-head .ic i{display:block;font-size:.95rem}

/* لیست — بدون تداخل با استایل ul مقاله */
.toc ol,.toc ul,.toc-inline ol,.toc-inline ul{
  list-style:none !important;margin:0 !important;padding:6px 8px 8px !important;
  display:flex;flex-direction:column;gap:0;
}
.toc li,.toc-inline li,
.article .toc li,.article .toc-inline li,
.article nav.toc-inline ul > li,.article .toc ul > li{
  list-style:none !important;margin:0 !important;padding:0 !important;
  position:static !important;border-bottom:1px solid rgba(223,232,234,.7);
}
.toc li:last-child,.toc-inline li:last-child{border-bottom:none}
.toc li::before,.toc-inline li::before,
.toc li::marker,.toc-inline li::marker,
.toc a::before,.toc-inline a::before{
  display:none !important;content:none !important;
}

.toc a,.toc-inline a,
.article nav.toc-inline a,.article .toc a{
  display:block;width:100%;text-align:right !important;
  padding:9px 14px 9px 10px;font-size:.88rem;font-weight:600;line-height:1.5;
  color:var(--text) !important;text-decoration:none !important;
  border-radius:0;border-right:3px solid transparent;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.toc a:hover,.toc-inline a:hover,
.article nav.toc-inline a:hover{
  color:var(--petrol) !important;background:rgba(0,153,153,.06);
  text-decoration:none !important;
}
.toc a.active,.toc-inline a.active,
.article nav.toc-inline a.active{
  color:var(--petrol) !important;font-weight:700;
  background:rgba(0,153,153,.08);border-right-color:var(--petrol);
}
.toc-lvl-3 a,.toc-inline .toc-lvl-3 a{
  padding-right:24px;font-size:.83rem;font-weight:500;color:var(--text-soft) !important;
}
.toc-inline .toc-lvl-3 a.active{color:var(--petrol) !important}

/* دسکتاپ: دو ستونه برای فشردگی */
@media(min-width:680px){
  .toc-inline ul#tocList,.toc ul#tocList{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
    padding:6px 8px 8px !important;
  }
  .toc-inline li:nth-child(odd),.toc li:nth-child(odd){
    border-left:1px solid rgba(223,232,234,.6);
  }
}
@media(max-width:679px){
  .toc,.toc-inline{margin:18px 0 22px}
  .toc ol,.toc ul,.toc-inline ol,.toc-inline ul{padding:4px 6px 6px !important}
  .toc a,.toc-inline a{padding:8px 12px 8px 8px;font-size:.86rem}
}

/* فهرست داخل مقاله */
.toc-inline{background:linear-gradient(135deg,#f8fbfb 0%,#fff 100%)}

/* ---------- باکس تماس سایدبار ---------- */
.side-cta{
  background:linear-gradient(140deg,var(--petrol),#00b3b3);border-radius:var(--radius);
  color:#fff;padding:26px 22px;text-align:center;box-shadow:0 14px 34px rgba(0,153,153,.3);
}
.side-cta h3{font-size:1.05rem;font-weight:900;margin-bottom:8px}
.side-cta p{font-size:.85rem;opacity:.9;margin-bottom:18px}
.side-cta .btn{background:var(--white);color:var(--petrol);width:100%;justify-content:center;margin-bottom:10px}
.side-cta .btn.wa{background:#25d366;color:#fff}

/* CTA تماس داخل مقاله وقتی سایدبار نیست */
.side-cta--inline{
  margin-top:32px;background:linear-gradient(140deg,var(--petrol),#00b3b3);border-radius:var(--radius);
  color:#fff;padding:26px 22px;text-align:center;box-shadow:0 14px 34px rgba(0,153,153,.3);
}
.side-cta--inline .side-cta__title{font-size:1.05rem;font-weight:900;margin-bottom:8px}
.side-cta--inline h3{font-size:1.05rem;font-weight:900;margin-bottom:8px}
.side-cta--inline p{font-size:.85rem;opacity:.9;margin-bottom:18px}
.side-cta--inline .btn{background:var(--white);color:var(--petrol);width:100%;justify-content:center;margin-bottom:10px}
.side-cta--inline .btn.wa{background:#25d366;color:#fff}
.side-cta__btns{display:grid;gap:10px}
.side-cta .btn-ghost,.side-cta--inline .btn-ghost{
  background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.55);color:#fff;
}
.side-cta .btn-ghost:hover,.side-cta--inline .btn-ghost:hover{background:#fff;color:var(--petrol)}

/* ---------- مزایای صفحات خدمات ---------- */
.service-perks{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
  margin:26px 0 32px;
}
.service-perk{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  background:linear-gradient(155deg,#fff 0%,#f0fafa 55%,#fff 100%);
  border:1.5px solid var(--line);border-radius:16px;padding:20px 14px 18px;
  box-shadow:0 6px 20px rgba(0,60,70,.05);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.service-perk::before{
  content:"";position:absolute;top:0;right:0;left:0;height:3px;
  background:linear-gradient(90deg,var(--petrol),#00c4c4);
}
.service-perk:hover{
  transform:translateY(-4px);border-color:rgba(0,153,153,.32);
  box-shadow:0 14px 30px rgba(0,153,153,.12);
}
.service-perk__ic{
  width:64px;height:64px;margin:0 0 12px;border-radius:18px;flex:none;
  background:linear-gradient(145deg,rgba(0,153,153,.16),rgba(0,153,153,.05));
  color:var(--petrol);display:grid;place-items:center;
  box-shadow:0 6px 16px rgba(0,153,153,.12),inset 0 1px 0 rgba(255,255,255,.85);
}
.service-perk__ic i,.service-perk__ic .fa-perk-icon{
  font-size:1.85rem;line-height:1;display:block;
}
.service-perk__text{min-width:0}
.service-perk__title,.service-perk b{display:block;font-size:.9rem;font-weight:800;color:var(--deep);margin-bottom:4px;line-height:1.45}
.service-perk__text > span{font-size:.76rem;color:var(--text-soft);line-height:1.55;display:block}

/* ---------- بدنه مقاله ---------- */
.article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:38px 36px;min-width:0}
.article .lead{font-size:1.02rem;color:var(--text);font-weight:500;border-right:4px solid var(--petrol);padding-right:16px;margin-bottom:26px}
.article-intro{
  margin-bottom:8px;
}
.article-intro.rich-content{
  font-size:14px;
  line-height:1.8;
  color:#1a2622;
}
/* تایپوگرافی داخل rich-content از zimens.css (مطابق ادیتور) */
.article-intro h2,.article-intro h3{color:var(--deep);font-weight:800;margin:1.4em 0 .7em}
.article-intro img,
.article-body img,
.content-block img,
.rich-content img{
  max-width:100%;
  height:auto;
  border-radius:12px;
  display:block;
  margin:28px auto;
  float:none;
}
.article-intro figure,
.article-body figure,
.content-block figure{
  display:block;
  margin:28px auto;
  text-align:center;
  max-width:100%;
}
.article-intro figure img,
.article-body figure img,
.content-block figure img{
  margin:0 auto 10px;
}
.article .fig{margin:28px auto;text-align:center}
.article .fig img{margin:0 auto;display:block;border-radius:12px}
.article-intro ul{list-style:none;margin:0 22px 18px 0}
.article-intro ul li{position:relative;padding-right:22px;margin-bottom:10px}
.article-intro ul li::before{
  content:"";position:absolute;right:0;top:11px;width:9px;height:9px;border-radius:3px;background:var(--petrol);
}
.article-intro ol{list-style:persian;padding-right:8px;margin:0 22px 18px 0}
.article-intro a:not(.btn){color:var(--petrol);font-weight:600}

/* بلوک هر بخش — یک h2 و متن زیرش */
.content-block{
  margin-top:28px;padding:24px 26px 16px;
  background:linear-gradient(180deg,#fafdfd 0%,#fff 42%);
  border:1px solid var(--line);border-radius:14px;
  border-right:4px solid rgba(0,153,153,.35);
}
.content-block:first-of-type{margin-top:0}
.content-block > h2:first-child{margin-top:0}

.article-body h2,.article-body .page-content h2,.content-block > h2{
  font-size:clamp(1.1rem,3.8vw,1.35rem);font-weight:800;color:var(--deep);margin:0 0 18px;
  padding:0 22px 12px 0;border-bottom:2px solid var(--line);position:relative;scroll-margin-top:110px;
  display:block;line-height:1.65;text-align:right;
  word-wrap:break-word;overflow-wrap:anywhere;hyphens:auto;
}
.article-body h2::before,.content-block > h2::before{
  content:"";position:absolute;right:0;top:.55em;
  width:8px;height:8px;border-radius:50%;background:var(--petrol);
  box-shadow:0 0 0 4px rgba(0,153,153,.15);
}
.article-body h2::after,.content-block > h2::after{
  content:"";position:absolute;bottom:-2px;right:0;width:72px;height:2px;background:var(--petrol);
}
.article h2::after{content:"";position:absolute;bottom:-2px;right:0;width:56px;height:2px;background:var(--petrol)}
.article h3{font-size:1.08rem;font-weight:800;color:var(--deep);margin:28px 0 10px;scroll-margin-top:110px;line-height:1.6;text-align:right}
.content-block > h3{
  font-size:1.02rem;font-weight:800;color:var(--deep-soft);margin:20px 0 10px;scroll-margin-top:110px;
  line-height:1.6;text-align:right;word-wrap:break-word;overflow-wrap:anywhere;
}
.content-block p{
  color:var(--text-soft);font-size:.96rem;line-height:1.95;
}
.content-block p:last-child{margin-bottom:8px}
.content-block ul,.content-block ol{margin:0 22px 18px 0;color:var(--text-soft);font-size:.95rem;line-height:1.85}
.content-block ul{list-style:none}
.content-block ul li{position:relative;padding-right:22px;margin-bottom:10px}
.content-block ul li::before{
  content:"";position:absolute;right:0;top:11px;width:9px;height:9px;border-radius:3px;background:var(--petrol);
}
.content-block ol{list-style:persian;padding-right:8px}
.content-block ol li{margin-bottom:10px;padding-right:6px}
.content-block a:not(.btn){color:var(--petrol);font-weight:600}
.content-block a:not(.btn):hover{text-decoration:underline}
.content-block strong{color:var(--deep)}
.rich-content :is(strong,b){color:inherit}
.content-block .note,.content-block .tbl-wrap,.content-block .inline-cta{margin-top:4px}
.content-block .fig{margin:28px auto;text-align:center}
.article ul:not(#tocList),
.article ol:not(#tocList){margin:0 22px 18px 0;color:var(--text-soft);font-size:.95rem}
.article ul:not(#tocList){list-style:none}
.article ol:not(#tocList){list-style:persian;padding-right:8px}
.article nav.toc-inline ul,.article nav.toc-inline ol{
  margin:0 !important;padding:6px 8px 8px !important;color:inherit;font-size:inherit;
}
.article a:not(.btn):not(nav.toc-inline a){color:var(--petrol);font-weight:600}
.article a:not(.btn):not(nav.toc-inline a):hover{text-decoration:underline}
.article strong{color:var(--deep)}

/* تصویر داخل مقاله — با <img> واقعی جایگزین کنید */
.article .fig{margin:28px auto;text-align:center}
.article .fig img{margin:0 auto;display:block;max-width:100%;border-radius:12px}
.article .fig .ph{
  border-radius:12px;min-height:280px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--deep-soft),#016b6b);
}
.article .fig .ph svg{width:76px;opacity:.85}
.article .fig figcaption{text-align:center;font-size:.8rem;color:var(--text-soft);margin-top:10px}

/* باکس نکته و هشدار */
.note{border-radius:12px;padding:18px 20px 18px 18px;margin:22px 0;display:flex;gap:14px;font-size:.92rem}
.note .ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.note p{margin:0!important}
.note.tip{background:rgba(0,153,153,.08);border:1.5px solid rgba(0,153,153,.25)}
.note.tip .ic{background:var(--petrol);color:#fff}
.note.warn{background:#fff7ed;border:1.5px solid #fcd9ab}
.note.warn .ic{background:#f59e0b;color:#fff}
.note b{display:block;margin-bottom:4px;color:var(--deep)}

/* جدول داخل مقاله */
.tbl-wrap{
  margin:22px 0;border:1.5px solid var(--line);border-radius:12px;
  overflow-x:auto;overflow-y:hidden;max-width:100%;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:rgba(0,153,153,.45) transparent;
}
.tbl-wrap::-webkit-scrollbar{height:7px}
.tbl-wrap::-webkit-scrollbar-thumb{background:rgba(0,153,153,.4);border-radius:8px}
.tbl-wrap::-webkit-scrollbar-track{background:rgba(0,40,60,.04)}
table.tbl{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:auto}
.tbl th{background:var(--petrol);color:#fff;padding:12px 16px;font-weight:700;text-align:right;white-space:normal}
.tbl td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text-soft);word-wrap:break-word}
.tbl tr:last-child td{border-bottom:none}
.tbl tr:nth-child(even) td{background:#f8fbfb}

/* جداول محتوای ادیتور — فقط ظاهر، بدون تغییر متن/ساختار */
.article-body .tbl-wrap,
.content-block .tbl-wrap,
.rich-content .tbl-wrap,
.article-intro .tbl-wrap{
  margin:20px 0;border:1px solid var(--line);border-radius:12px;
  background:var(--white);box-shadow:0 1px 0 rgba(0,40,60,.03);
  overflow-x:auto;overflow-y:hidden;max-width:100%;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:rgba(0,153,153,.45) transparent;
  position:relative;
}
.article-body .tbl-wrap::-webkit-scrollbar,
.content-block .tbl-wrap::-webkit-scrollbar,
.rich-content .tbl-wrap::-webkit-scrollbar{height:7px}
.article-body .tbl-wrap::-webkit-scrollbar-thumb,
.content-block .tbl-wrap::-webkit-scrollbar-thumb,
.rich-content .tbl-wrap::-webkit-scrollbar-thumb{background:rgba(0,153,153,.4);border-radius:8px}

/* راهنمای اسکرول افقی روی موبایل */
.tbl-wrap--scroll{isolation:isolate}
.tbl-wrap--scroll::before{
  content:"برای دیدن همه ستون‌ها به چپ و راست بکشید";
  display:none;
  font-size:.72rem;font-weight:600;color:var(--petrol);
  padding:8px 12px 0;text-align:right;
}
.tbl-wrap--scroll::after{
  content:"";pointer-events:none;
  position:absolute;top:0;bottom:0;left:0;width:28px;
  background:linear-gradient(90deg,rgba(255,255,255,.95),transparent);
  opacity:0;transition:opacity .2s ease;z-index:1;
}
.tbl-wrap--scroll.is-overflow::after{opacity:1}
.tbl-wrap--scroll.is-scrolled-end::after{opacity:0}

.article-body table,
.content-block table,
.rich-content table,
.article-intro table{
  width:100%;
  max-width:none;
  min-width:0;
  border-collapse:collapse;
  border-spacing:0;
  margin:0;
  font-size:.88rem;
  line-height:1.7;
  background:var(--white);
  border:0!important;
  table-layout:auto;
}
.article-body table[border],
.content-block table[border],
.rich-content table[border]{border:0!important}
.article-body th,
.content-block th,
.rich-content th,
.article-intro th,
.article-body thead td,
.content-block thead td,
.rich-content thead td,
.article-body tr:first-child th,
.content-block tr:first-child th,
.rich-content tr:first-child th{
  background:var(--petrol)!important;
  color:#fff!important;
  font-weight:700;
  padding:12px 10px;
  text-align:right;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
  white-space:normal;
  vertical-align:middle;
  word-wrap:break-word;
}
/* هدر تیره → متن روشن (حتی اگر strong/span اینلاین رنگ تیره داشته باشد) */
.article-body th *,
.content-block th *,
.rich-content th *,
.article-intro th *,
.article-body thead td *,
.content-block thead td *,
.rich-content thead td *,
.article-body tr:first-child th *,
.content-block tr:first-child th *,
.rich-content tr:first-child th *{
  color:#fff!important;
}
.article-body td,
.content-block td,
.rich-content td,
.article-intro td{
  padding:11px 10px;
  text-align:right;
  color:var(--text-soft);
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  vertical-align:top;
  background:var(--white);
  white-space:normal;
  word-wrap:break-word;
}
.article-body tr:last-child td,
.content-block tr:last-child td,
.rich-content tr:last-child td,
.article-intro tr:last-child td{border-bottom:none!important}
.article-body tbody tr:nth-child(even) td,
.content-block tbody tr:nth-child(even) td,
.rich-content tbody tr:nth-child(even) td,
.article-intro tbody tr:nth-child(even) td{background:#f7fbfb}
.article-body tbody tr:hover td,
.content-block tbody tr:hover td,
.rich-content tbody tr:hover td{background:rgba(0,153,153,.06)}
.article-body table caption,
.content-block table caption,
.rich-content table caption{
  caption-side:top;text-align:right;padding:12px 14px 8px;
  font-weight:700;color:var(--deep);font-size:.92rem;
}
@media(max-width:768px){
  .tbl-wrap--scroll::before{display:block}
  .article-body table,
  .content-block table,
  .rich-content table,
  .article-intro table,
  table.tbl{
    width:100%;
    max-width:100%;
    min-width:0;
    font-size:.82rem;
    table-layout:fixed;
  }
  .article-body .tbl-wrap,
  .content-block .tbl-wrap,
  .rich-content .tbl-wrap,
  .article-intro .tbl-wrap,
  .tbl-wrap{
    overflow-x:visible;max-width:100%;
  }
  /* فقط جداول شلوغ: اسکرول افقی */
  .tbl-wrap--scroll{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .tbl-wrap--scroll table{
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    table-layout:auto!important;
  }
  .tbl-wrap--scroll th,
  .tbl-wrap--scroll td{
    white-space:normal;
    min-width:120px;
    max-width:240px;
    padding:10px 12px;
    font-size:.8rem;line-height:1.55;
  }
  .tbl-wrap--scroll th{white-space:nowrap;color:#fff!important;font-size:.78rem}
  .article-body th,
  .content-block th,
  .rich-content th,
  .article-intro th,
  .tbl th{
    padding:9px 8px;font-size:.78rem;line-height:1.45;
    color:#fff!important;
  }
  .article-body th *,
  .content-block th *,
  .rich-content th *,
  .article-intro th *{color:#fff!important}
  .article-body td,
  .content-block td,
  .rich-content td,
  .article-intro td,
  .tbl td{
    padding:9px 8px;font-size:.8rem;line-height:1.55;
  }
}

/* بنر CTA وسط مقاله */
.inline-cta{
  margin:32px 0;border-radius:14px;padding:26px 28px;color:#fff;
  background:linear-gradient(120deg,var(--deep-soft),#016b6b);
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
}
.inline-cta b{font-size:1.05rem}
.inline-cta p{color:rgba(255,255,255,.85)!important;margin:4px 0 0!important;font-size:.86rem!important}

/* ---------- نوار اشتراک‌گذاری ---------- */
.share{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:36px;
  padding-top:24px;border-top:1.5px solid var(--line);
}
.share .lbl{font-weight:800;font-size:.9rem;color:var(--deep);margin-left:6px}
.share a,.share button{
  width:42px;height:42px;border-radius:11px;border:1.5px solid var(--line);background:var(--bg);
  display:grid;place-items:center;color:var(--text-soft);cursor:pointer;transition:var(--transition);
}
.share a:hover,.share button:hover{transform:translateY(-3px);color:#fff}
.share .s-tg:hover{background:#2aabee;border-color:#2aabee}
.share .s-wa:hover{background:#25d366;border-color:#25d366}
.share .s-x:hover{background:#111;border-color:#111}
.share .s-in:hover{background:#0a66c2;border-color:#0a66c2}
.share .s-cp:hover{background:var(--petrol);border-color:var(--petrol)}
.share .copied{font-size:.78rem;color:var(--petrol);font-weight:700}

/* ---------- کارت صفحات فرزند (کم‌جلب، کلیک‌پذیر) ---------- */
.children-block--inline{
  margin:20px 0 18px;padding:14px;
  background:transparent;border:none;border-radius:0;
  box-shadow:none;
}
.children-block--inline .sec-head{text-align:right;margin-bottom:14px}
.children-block--inline .sec-head .eyebrow{margin-bottom:6px}
.children-block--inline .sec-head h2{font-size:clamp(1.05rem,2.2vw,1.3rem);margin:0}
.children-block--suggest{padding:0}
.children-block--suggest .child-grid{
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:10px;
}
.children-block--suggest .child--cover .child-media{height:88px}
.children-block--suggest .child--cover .child-body{padding:10px 12px 12px}
.children-block--suggest .child b{font-size:.84rem;line-height:1.5;margin:0;font-weight:700}
.children-block--suggest .child--cover .arr{bottom:10px;left:12px;font-size:.95rem;opacity:.55}
.children-block--suggest .child--cover:hover .arr{opacity:1}
.children-block--suggest .child--suggest:not(.child--cover){
  padding:11px 12px;gap:10px;
}
.children-block--suggest .child--suggest:not(.child--cover) .ic{width:38px;height:38px;border-radius:10px}
.children-block--landing{margin:32px 0 8px;padding:0;border:none;box-shadow:none;background:transparent}
.children-block--tail{margin:0;padding:0;border:none;box-shadow:none;background:transparent}
.children-blog-grid{margin:0}
.post--link{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:var(--transition);
}
.post--link:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(0,153,153,.25)}
.post--link .cover img{position:absolute;inset:0}
.post--link .cover{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--deep-soft),var(--petrol-dark))}
.post--link .more{display:inline-block;margin-top:14px;color:var(--petrol);font-weight:700;font-size:.87rem}
.child-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.child{
  background:var(--bg);border:1px solid var(--line);border-radius:12px;
  display:flex;align-items:center;gap:12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
  text-decoration:none;color:inherit;position:relative;overflow:hidden;
}
.child:not(.child--cover){padding:14px 14px}
.child:hover{
  border-color:rgba(0,153,153,.4);background:var(--white);
  transform:none;box-shadow:0 2px 10px rgba(0,40,60,.06);
}
.child .ic{
  flex:none;width:40px;height:40px;border-radius:10px;
  background:rgba(0,153,153,.08);color:var(--petrol);
  display:grid;place-items:center;transition:var(--transition);
}
.child:hover .ic{background:var(--petrol);color:#fff}
.child-body{flex:1;min-width:0}
.child b,.child__title{display:block;font-size:.9rem;color:var(--deep);line-height:1.45;margin-bottom:2px;font-weight:700}
.child span{display:block;font-size:.76rem;color:var(--text-soft);line-height:1.55}
.child .arr{
  flex:none;color:var(--petrol);font-size:1.05rem;
  opacity:.45;transform:none;transition:opacity .2s ease;
}
.child:not(.child--cover):hover .arr{opacity:1}
.child--cover{
  flex-direction:column;align-items:stretch;padding:0;
}
.child-media{
  position:relative;height:120px;overflow:hidden;
  background:linear-gradient(145deg,var(--deep) 0%,var(--petrol-dark) 100%);
}
.child-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.child--cover:hover .child-media img{transform:scale(1.04)}
.child-media-accent{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,15,30,.35) 0%,transparent 50%);
  opacity:.7;
}
.child-media::after{display:none}
.child--cover .child-body{padding:12px 14px 14px}
.child--cover .arr{
  position:absolute;bottom:12px;left:14px;opacity:.5;transform:none;
}
.child--cover:hover .arr{opacity:1}

/* ---------- نظرات / سوالات ---------- */
.comments{background:var(--bg)}
.comments--qa .sec-head p{color:var(--text-soft);font-size:.92rem;margin-top:8px}
.request--service .sec-head p{max-width:640px;margin-left:auto;margin-right:auto}
.c-empty{text-align:center;color:var(--text-soft);margin-bottom:24px}
.c-badge--q{background:rgba(0,15,30,.08);color:var(--deep-soft)}
.c-item--q{border-right:3px solid var(--petrol)}
.comment-form h3{grid-column:1/-1;font-size:1.1rem;font-weight:800;color:var(--deep);margin-bottom:4px}
.comments .container{max-width:none}
.comments .sec-head{margin-bottom:28px}
.c-list{margin:0 auto 24px;display:grid;gap:18px}
.comment-form{margin:0 auto}
.c-item{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.c-item.reply{margin-right:52px;background:rgba(0,153,153,.05);border-color:rgba(0,153,153,.2)}
.c-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.c-av{
  width:46px;height:46px;border-radius:50%;background:var(--petrol);color:#fff;
  display:grid;place-items:center;font-weight:900;font-size:1.1rem;flex:none;
}
.c-item.reply .c-av{background:var(--deep-soft)}
.c-top b{display:block;font-size:.92rem;color:var(--deep)}
.c-top time{font-size:.76rem;color:var(--text-soft)}
.c-badge{margin-right:auto;font-size:.7rem;background:rgba(0,153,153,.12);color:var(--petrol);font-weight:800;padding:3px 12px;border-radius:50px}
.c-item p{font-size:.9rem;color:var(--text-soft)}
.c-reply-btn{background:none;border:none;color:var(--petrol);font-weight:700;font-size:.8rem;cursor:pointer;font-family:inherit;margin-top:10px;padding:0}
.c-reply-btn:hover{text-decoration:underline}

/* فرم ارسال نظر — از استایل form.req استفاده می‌کند */
form.req.comment-form{box-shadow:var(--shadow);border:1.5px solid var(--line)}

/* ---------- ریسپانسیو صفحات داخلی ---------- */
@media(max-width:1024px){
  .page-grid{flex-direction:column}
  .page-grid .sidebar{width:100%;order:-1}
  .sidebar{position:static;grid-template-columns:1fr 1fr}
  .child-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .sidebar{grid-template-columns:1fr}
  .article{padding:20px 16px}
  .content-block{
    padding:18px 14px 12px;margin-top:18px;border-radius:12px;
  }
  .article-body h2,.article-body .page-content h2,.content-block > h2{
    font-size:1.08rem;line-height:1.7;padding:0 18px 10px 0;margin-bottom:14px;
  }
  .article-body h2::before,.content-block > h2::before{
    top:.58em;width:7px;height:7px;box-shadow:0 0 0 3px rgba(0,153,153,.14);
  }
  .content-block p,.article-intro p{
    font-size:.92rem;line-height:1.9;
  }

  /* فرزندها روی موبایل: ردیف فشرده افقی — کم‌جلب، کلیک راحت */
  .children-block--inline,
  .children-block--suggest{
    margin:14px 0 16px;padding:0;background:transparent;border:none;box-shadow:none;
  }
  .children-block--inline .child-grid,
  .children-block--suggest .child-grid,
  .child-grid{
    grid-template-columns:1fr;gap:6px;
  }
  .children-block--suggest .child,
  .children-block--inline .child,
  .child--suggest,
  .child--cover{
    flex-direction:row;align-items:center;gap:10px;
    padding:8px 10px;min-height:52px;
    border-radius:10px;border:1px solid rgba(0,0,0,.06);
    background:rgba(0,153,153,.03);
    box-shadow:none;transform:none;
  }
  .children-block--suggest .child:hover,
  .children-block--inline .child:hover,
  .child--suggest:hover,
  .child--cover:hover{
    background:rgba(0,153,153,.07);
    border-color:rgba(0,153,153,.28);
    box-shadow:none;transform:none;
  }
  .children-block--suggest .child--cover .child-media,
  .children-block--inline .child--cover .child-media,
  .child--cover .child-media{
    flex:none;width:52px;height:52px;border-radius:8px;overflow:hidden;
  }
  .children-block--suggest .child--cover .child-media img,
  .children-block--inline .child--cover .child-media img,
  .child--cover .child-media img{transform:none!important}
  .child-media-accent,
  .child-media::after{display:none!important}
  .children-block--suggest .child--cover .child-body,
  .children-block--inline .child--cover .child-body,
  .child--cover .child-body{
    padding:0;flex:1;min-width:0;
  }
  .children-block--suggest .child b,
  .children-block--inline .child b,
  .child--cover b,
  .child b{
    font-size:.82rem;font-weight:600;line-height:1.45;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .children-block--suggest .child span,
  .children-block--inline .child span,
  .child--cover .child-body > span:not(.arr){display:none}
  .children-block--suggest .child .ic,
  .children-block--inline .child .ic,
  .child .ic{width:36px;height:36px;border-radius:9px}
  .children-block--suggest .child--cover .arr,
  .children-block--inline .child--cover .arr,
  .child--cover .arr,
  .child .arr{
    position:static;opacity:.55;margin-right:auto;font-size:.95rem;
  }

  .c-item.reply{margin-right:20px}
  .page-hero{padding:38px 0 44px}
  .page-hero-actions{flex-direction:column;align-items:stretch}
  .page-hero-actions .btn{width:100%;justify-content:center}
  .service-perks{
    grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px;
  }
  .service-perk{
    flex-direction:row;align-items:center;text-align:right;gap:10px;
    padding:12px 12px 12px 10px;border-radius:14px;
  }
  .service-perk::before{
    top:0;bottom:0;right:0;left:auto;width:3px;height:auto;
  }
  .service-perk__ic{
    width:46px;height:46px;margin:0;border-radius:13px;
    box-shadow:0 4px 12px rgba(0,153,153,.1),inset 0 1px 0 rgba(255,255,255,.8);
  }
  .service-perk__ic i,.service-perk__ic .fa-perk-icon{font-size:1.35rem}
  .service-perk b{font-size:.8rem;margin-bottom:2px;line-height:1.35}
  .service-perk__text > span{font-size:.7rem;line-height:1.4}
  .toc-inline,.toc{margin:18px 0 22px}
  .toc a,.toc-inline a{padding:8px 12px;font-size:.84rem}
  .toc-lvl-3 a,.toc-inline .toc-lvl-3 a{padding-right:18px;font-size:.8rem}
}
@media(max-width:520px){
  .service-perks{gap:8px;margin:16px 0 20px}
  .service-perk{padding:10px 10px 10px 8px;gap:9px}
  .service-perk__ic{width:42px;height:42px;border-radius:12px}
  .service-perk__ic i,.service-perk__ic .fa-perk-icon{font-size:1.2rem}
}

.article-body,.article-body .page-content{color:var(--text-soft);font-size:.95rem}
.article-body h2,.article-body h3,.article-body .page-content h2,.article-body .page-content h3{color:var(--deep)}
.article-body img{
  max-width:100%;height:auto;border-radius:12px;
  display:block;margin:28px auto;float:none;
}
.article .share .share-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:0;border:none}
.article .share .share-label{font-weight:800;font-size:.9rem;color:var(--deep)}
.article .share .share-links{display:flex;gap:10px;flex-wrap:wrap}
.article .share .share-btn{width:42px;height:42px;border-radius:11px;border:1.5px solid var(--line);background:var(--bg);display:grid;place-items:center;color:var(--deep)}
.article .share .share-btn i{display:block}
.child .ic i{display:block}

/* ---------- سکشن‌های داخل صفحه (text, gallery, table, banner, cta, faq) ---------- */
.article .page-section,
.article .section{margin-top:36px;padding-top:8px}
.article .page-section:first-of-type,
.article .section:first-of-type{margin-top:28px}

.section-title{
  position:relative;font-size:1.35rem;font-weight:800;color:var(--deep);
  margin:0 0 20px;padding:0 0 14px 0;border-bottom:2px solid var(--line);
  scroll-margin-top:110px;
}
.section-title::after{
  content:"";position:absolute;bottom:-2px;right:0;width:72px;height:2px;background:var(--petrol);
}

.section-content,
.section-text .section-content{
  font-size:14px;line-height:1.8;
}
.section-content.rich-content,
.section-text .section-content.rich-content{
  color:#1a2622;
}
.section-content h2,
.section-content h3{color:var(--deep);font-weight:800;margin:1.6em 0 .75em}
.section-content h2{font-size:1.2rem}
.section-content h3{font-size:1.05rem}
/* فاصله پاراگراف‌ها توسط .rich-content در zimens.css */
.section-content img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}
.section-content ul{list-style:none;margin:0 22px 18px 0}
.section-content ul li{position:relative;padding-right:22px;margin-bottom:10px}
.section-content ul li::before{
  content:"";position:absolute;right:0;top:11px;width:9px;height:9px;border-radius:3px;background:var(--petrol);
}
.section-content ol{list-style:persian;padding-right:8px;margin:0 22px 18px 0}
.section-content ol li{margin-bottom:10px;padding-right:6px}
.section-content a:not(.btn){color:var(--petrol);font-weight:600}
.section-content a:not(.btn):hover{text-decoration:underline}
.section-content strong{color:var(--deep)}

/* گالری */
.gallery-grid{display:grid;gap:16px}
.gallery-cols-1{grid-template-columns:1fr}
.gallery-cols-2{grid-template-columns:repeat(2,1fr)}
.gallery-cols-3{grid-template-columns:repeat(3,1fr)}
.gallery-cols-4{grid-template-columns:repeat(4,1fr)}
.gallery-cols-5{grid-template-columns:repeat(5,1fr)}
.gallery-cols-6{grid-template-columns:repeat(6,1fr)}
.gallery-item{
  border-radius:12px;overflow:hidden;background:var(--bg);
  border:1px solid var(--line);transition:var(--transition);
}
.gallery-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.gallery-link{display:block;cursor:zoom-in}
.gallery-item img{display:block;width:100%;height:auto}
.gallery-caption{padding:10px 14px;font-size:.82rem;color:var(--text-soft);text-align:center;border-top:1px solid var(--line)}

/* جدول سکشن */
.section-table .table-scroll{overflow-x:auto;border:1.5px solid var(--line);border-radius:12px;margin-top:8px}
.section-table table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:480px}
.section-table caption{padding:12px 16px;font-weight:700;color:var(--deep);text-align:right}
.section-table th{background:var(--petrol);color:#fff;padding:12px 16px;font-weight:700;text-align:right;white-space:nowrap}
.section-table td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text-soft)}
.section-table tbody tr:last-child td{border-bottom:none}
.section-table tbody tr:nth-child(even) td{background:#f8fbfb}

/* بنر سکشن */
.section-banner{margin-top:32px}
.section-banner .banner-link{
  display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:14px;
  background:linear-gradient(120deg,var(--deep-soft),#016b6b);color:#fff;
  transition:var(--transition);overflow:hidden;
}
.section-banner .banner-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.section-banner img{width:auto;max-height:72px;border-radius:10px;flex:none}
.section-banner .banner-title{font-weight:800;font-size:1.02rem}

/* CTA سکشن */
.section-cta{
  margin-top:32px;border-radius:14px;padding:26px 28px;color:#fff;
  background:linear-gradient(120deg,var(--deep-soft),#016b6b);
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
}
.section-cta .cta-text{margin:0!important;color:rgba(255,255,255,.9)!important;font-size:.92rem}
.section-cta .cta-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 24px;border-radius:50px;font-weight:800;font-size:.9rem;
  background:var(--white);color:var(--petrol);transition:var(--transition);
}
.section-cta .cta-btn:hover{transform:translateY(-2px)}
.section-cta .cta-btn.cta-secondary{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff}

/* FAQ سکشن (faq2 — استایل هماهنگ با زیمنس) */
.section-faq2 .faq2-list{display:flex;flex-direction:column;gap:12px}
.section-faq2 .faq2-item{
  border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);
}
.section-faq2 .faq2-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 20px;background:var(--bg);border:none;cursor:pointer;
  font-family:inherit;font-size:.95rem;font-weight:700;color:var(--deep);text-align:right;
  transition:var(--transition);
}
.section-faq2 .faq2-q:hover,
.section-faq2 .faq2-item.open .faq2-q{background:rgba(0,153,153,.08);color:var(--petrol)}
.section-faq2 .faq2-icon{flex-shrink:0;position:relative;width:18px;height:18px}
.section-faq2 .faq2-icon::before,
.section-faq2 .faq2-icon::after{
  content:'';position:absolute;background:var(--petrol);transition:transform .25s,opacity .25s;
}
.section-faq2 .faq2-icon::before{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}
.section-faq2 .faq2-icon::after{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%)}
.section-faq2 .faq2-item.open .faq2-icon::after{opacity:0;transform:translateX(-50%) rotate(90deg)}
.section-faq2 .faq2-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.section-faq2 .faq2-a-inner{
  padding:16px 20px;border-top:1px solid var(--line);
  line-height:1.9;font-size:.92rem;color:var(--text-soft);
}

@media(max-width:900px){
  .gallery-cols-4,.gallery-cols-5,.gallery-cols-6{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .gallery-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .section-cta{flex-direction:column;text-align:center}
  .section-banner .banner-link{flex-direction:column;text-align:center}
}