/*
Theme Name: Hakim
Theme URI: https://example.com/hakim
Author: Clinic Simple Manager
Author URI: https://example.com
Description: قالب فارسی «حکیم» — پلتفرم جامع سلامت (نوبت‌دهی، مشاوره، مراکز درمانی، مجلهٔ سلامت) با طراحی مبتنی بر اصول UX/UI و سئوی کامل. سازگار با افزونهٔ Clinic Simple Manager.
Version: 1.4.3
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hakim
RTL: yes
*/

/* =====================================================
   حکیم ۱٫۱ — سیستم طراحی علمی
   60/30/10 · کنتراست AA · مقیاس 8px · یک رنگ اکشن
   ===================================================== */
:root{
  /* خنثی‌ها (۶۰٪) — خاکستری‌های گرمِ کم‌اشباع، نه سیاه خالص */
  --ink:#1f2d3d;            /* متن اصلی — کنتراست 12:1 روی سفید */
  --ink-2:#4a5868;          /* متن ثانویه — کنتراست ~7:1 */
  --ink-3:#73818f;          /* متادیتا — کنتراست ~4.6:1 */
  --bg:#eef2f6;             /* پس‌زمینهٔ صفحه — آبی‌خاکستری ملایم تا کارت‌ها عمق بگیرند */
  --surface:#ffffff;
  --line:#dde5ec;           /* خط جداکننده */

  /* ثانویه (۳۰٪) — تینت‌های فیروزه‌ایِ کم‌اشباع، کمی محسوس‌تر */
  --tint:#e3eef3;           /* سطح ملایم برند */
  --tint-2:#d2e3ec;

  /* اکشن (۱۰٪) — فقط یک رنگ برای CTA و لینک */
  --action:#13718f;         /* فیروزه‌ای تیره‌تر برای کنتراست 4.9:1 با سفید */
  --action-hover:#0e5a73;
  --action-soft:#dcebf1;

  /* معنایی — کم‌مصرف */
  --ok:#0e9f6e;             /* سبز موفقیت/آنلاین (کنتراست‌دار) */
  --ok-soft:#e6f7f0;
  --star:#b7791f;           /* ستاره — طلایی تیره خوانا، نه زرد روشن */

  --shadow-1:0 1px 2px rgba(30,52,68,.06),0 6px 16px rgba(30,52,68,.07);
  --shadow-2:0 6px 14px rgba(30,52,68,.08),0 18px 44px rgba(30,52,68,.12);

  --r-s:10px; --r:14px; --r-l:20px;
  --maxw:1120px;

  /* مقیاس 8px */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s8:64px; --s10:80px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Vazirmatn','Vazir',Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.85;overflow-x:hidden;width:100%;max-width:100%;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--s3);}
h1,h2,h3,h4{margin:0;font-weight:700;color:var(--ink);line-height:1.45;}

/* دکمه‌ها — فقط رنگ اکشن */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:15px;border-radius:var(--r-s);padding:12px 24px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap;min-height:48px;}
.btn-primary{background:var(--action);color:#fff;}
.btn-primary:hover{background:var(--action-hover);}
.btn-ghost{background:var(--surface);color:var(--action);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--action);background:var(--action-soft);}

.eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--action);background:var(--action-soft);border-radius:999px;padding:6px 16px;}
.sec-title{font-size:26px;text-align:center;font-weight:700;}
.sec-lead{color:var(--ink-2);text-align:center;max-width:520px;margin:var(--s1) auto 0;font-size:15.5px;}

/* ================= NAV ================= */
.hk-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.hk-nav__in{max-width:var(--maxw);margin:0 auto;padding:12px var(--s3);display:flex;align-items:center;justify-content:space-between;gap:var(--s2);}
.hk-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--ink);}
.hk-brand__mark{width:38px;height:38px;border-radius:11px;background:var(--action);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hk-links{display:flex;gap:2px;list-style:none;margin:0;padding:0;}
.hk-links a{padding:10px 14px;border-radius:var(--r-s);font-weight:600;font-size:14.5px;color:var(--ink-2);transition:.15s;}
.hk-links a:hover{color:var(--action);background:var(--action-soft);}
.hk-nav__cta{display:flex;align-items:center;gap:var(--s1);}
.hk-nav__cta .btn{min-height:42px;padding:9px 18px;font-size:14px;}

.hk-usermenu{position:relative;}
.hk-usermenu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;width:40px;height:40px;}
.hk-usermenu>summary::-webkit-details-marker{display:none;}
.hk-usermenu__av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--action),var(--teal-bright,#2899c4));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;}
.hk-usermenu__menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-2);min-width:190px;max-width:calc(100vw - 32px);padding:6px;z-index:70;}
.hk-usermenu__name{padding:10px 12px 8px;font-weight:800;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:4px;}
.hk-usermenu__menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;}
.hk-usermenu__menu a:hover{background:var(--action-soft);color:var(--action);}
/* دکمهٔ ورود فقط آیکون */
.hk-login-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--action);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;flex-shrink:0;}
.hk-login-icon:hover{background:var(--action-soft);border-color:var(--action);}
.hk-burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);cursor:pointer;align-items:center;justify-content:center;font-size:18px;color:var(--ink);}

/* ================= HERO ================= */
.hero{padding:var(--s10) 0 var(--s8);text-align:center;background:linear-gradient(180deg,var(--tint-2) 0%,var(--tint) 45%,var(--bg) 100%);border-bottom:1px solid var(--line);}
.hero h1{font-size:38px;line-height:1.5;max-width:640px;margin:var(--s2) auto 0;font-weight:800;}
.hero h1 em{font-style:normal;color:var(--action);}
.hero p.sub{color:var(--ink-2);font-size:16.5px;max-width:480px;margin:var(--s2) auto var(--s4);}

.search{max-width:680px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-2);padding:8px;display:flex;gap:8px;position:relative;z-index:20;}
.search__f{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-s);background:var(--bg);border:1.5px solid transparent;transition:.15s;font-family:'Vazirmatn','Vazir',Tahoma,sans-serif;}
.search__city,.search__city-label{font-family:'Vazirmatn','Vazir',Tahoma,sans-serif;font-size:15px;}
.search__f:focus-within{border-color:var(--action);background:var(--surface);}
.search__f svg{color:var(--ink-3);flex-shrink:0;}
.search__f input{border:0;background:none;outline:0;font:inherit;font-size:15px;width:100%;color:var(--ink);}
.search__f input::placeholder{color:var(--ink-3);}
.hero-chips{display:flex;flex-wrap:wrap;gap:var(--s1);justify-content:center;margin-top:var(--s3);}
.hero-chips a{font-size:13.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;transition:.15s;min-height:38px;display:inline-flex;align-items:center;}
.hero-chips a:hover{color:var(--action);border-color:var(--action);}

/* نوار اعتماد — بدون کادر، فقط تایپ */
.trust{padding:var(--s4) 0;border-bottom:1px solid var(--line);background:var(--surface);}
.trust__in{max-width:var(--maxw);margin:0 auto;padding:0 var(--s3);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);text-align:center;}
.trust__n{font-size:24px;font-weight:800;color:var(--ink);}
.trust__l{font-size:13.5px;color:var(--ink-2);font-weight:600;margin-top:2px;}

/* ================= SECTIONS ================= */
.sec{padding:var(--s10) 0;}
.sec--alt{background:var(--surface);border-block:1px solid var(--line);}
.sec__head{margin-bottom:var(--s5);text-align:center;}

/* خدمات جامع (مثل دکترتو) */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);}
.svc{display:flex;gap:var(--s2);align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s3);transition:box-shadow .18s,border-color .18s,transform .18s;box-shadow:var(--shadow-1);}
.svc:hover{box-shadow:var(--shadow-2);border-color:transparent;transform:translateY(-2px);}
.svc__ic{width:52px;height:52px;border-radius:var(--r);background:var(--action-soft);display:flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0;}
.svc h3{font-size:16.5px;font-weight:700;}
.svc p{margin:4px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.8;}
.svc__go{display:inline-block;margin-top:var(--s1);color:var(--action);font-weight:700;font-size:13.5px;}
.svc__soon{display:inline-block;margin-top:var(--s1);color:var(--ink-3);font-weight:600;font-size:12.5px;background:var(--bg);border-radius:999px;padding:3px 11px;}

/* تخصص‌ها — تینتِ یکدست (نه رنگین‌کمان) */
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);max-width:900px;margin:0 auto;}
.spec{display:flex;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2);transition:.18s;min-height:76px;}
.spec:hover{border-color:var(--action);box-shadow:var(--shadow-1);}
.spec__ic{width:44px;height:44px;border-radius:12px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.spec__t{font-weight:700;font-size:14.5px;}
.spec__s{font-size:12px;color:var(--ink-3);}
.specs-more{text-align:center;margin-top:var(--s4);}

/* سه گام */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);max-width:880px;margin:0 auto;}
.step{text-align:center;}
.step__ic{width:72px;height:72px;border-radius:var(--r-l);background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto var(--s2);position:relative;}
.step__ic::after{content:attr(data-n);position:absolute;top:-6px;inset-inline-end:-6px;width:26px;height:26px;border-radius:8px;background:var(--action);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.step h3{font-size:17px;margin-bottom:6px;}
.step p{color:var(--ink-2);font-size:14px;margin:0;max-width:240px;margin-inline:auto;}

/* پزشکان */
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);}
.doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s3) var(--s2);text-align:center;transition:.18s;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-1);}
.doc:hover{box-shadow:var(--shadow-2);border-color:transparent;}
.doc__av{width:72px;height:72px;border-radius:50%;background:var(--tint-2);display:flex;align-items:center;justify-content:center;font-size:33px;position:relative;margin-bottom:var(--s2);}
.doc__av .dot{position:absolute;width:14px;height:14px;border-radius:50%;border:3px solid var(--surface);bottom:1px;inset-inline-end:1px;}
.doc__av .dot.on{background:var(--ok);}
.doc__av .dot.off{background:#c3ccd5;}
.doc__name{font-weight:700;font-size:15.5px;}
.doc__spec{color:var(--ink-2);font-weight:600;font-size:13px;margin-top:3px;}
.doc__rate{display:flex;align-items:center;gap:6px;margin-top:var(--s1);font-size:13px;color:var(--ink-3);font-weight:600;}
.doc__rate b{color:var(--star);}
.doc__cta{margin-top:var(--s2);width:100%;}
.doc__cta .btn{width:100%;min-height:42px;padding:9px;font-size:13.5px;}

/* تضمین‌ها — سطح ملایم، نه گرادیان اشباع */
.assure{background:var(--tint);border:1px solid var(--tint-2);border-radius:var(--r-l);padding:var(--s5) var(--s4);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);}
.assure__i{display:flex;gap:var(--s2);align-items:flex-start;}
.assure__ic{font-size:24px;width:48px;height:48px;border-radius:var(--r);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-1);}
.assure__i h3{font-size:15.5px;margin-bottom:4px;}
.assure__i p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.9;}

/* CTA پزشکان */
.dcta{text-align:center;max-width:540px;margin:0 auto;}
.dcta h2{font-size:25px;}
.dcta p{color:var(--ink-2);margin:var(--s2) 0 var(--s3);}
.dcta__btns{display:flex;gap:var(--s2);justify-content:center;flex-wrap:wrap;}

/* ================= بلاگ ================= */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);}
.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;transition:.18s;box-shadow:var(--shadow-1);}
.post:hover{box-shadow:var(--shadow-2);border-color:transparent;}
.post__img{height:170px;background:var(--tint);position:relative;}
.post__img img{width:100%;height:100%;object-fit:cover;}
.post__img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.45;}
.post__b{padding:var(--s3);display:flex;flex-direction:column;flex:1;}
.post__cat{align-self:flex-start;font-size:12px;font-weight:700;color:var(--action);background:var(--action-soft);border-radius:999px;padding:4px 12px;}
.post h3{font-size:16px;margin:var(--s2) 0 var(--s1);line-height:1.65;}
.post h3 a:hover{color:var(--action);}
.post__x{color:var(--ink-2);font-size:13.5px;flex:1;margin:0;}
.post__f{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);font-weight:600;}
.post__more{color:var(--action);font-weight:700;}

.bfeature{display:grid;grid-template-columns:1.25fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-1);margin-bottom:var(--s4);}
.bfeature__img{min-height:280px;background:var(--tint-2);position:relative;}
.bfeature__img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.bfeature__img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:56px;opacity:.45;}
.bfeature__b{padding:var(--s5) var(--s4);display:flex;flex-direction:column;justify-content:center;}
.bfeature__b h2{font-size:23px;margin:var(--s2) 0 var(--s1);}
.bfeature__b p{color:var(--ink-2);font-size:14.5px;margin:0;}
.bmeta{display:flex;gap:var(--s2);margin-top:var(--s2);font-size:13px;color:var(--ink-3);font-weight:600;}

.hk-pg{display:flex;justify-content:center;gap:var(--s1);margin-top:var(--s5);}
.hk-pg .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--surface);font-weight:700;padding:0 12px;}
.hk-pg .page-numbers.current{background:var(--action);color:#fff;border-color:var(--action);}
.hk-pg .page-numbers:hover:not(.current){border-color:var(--action);color:var(--action);}

.single{max-width:720px;margin:0 auto;padding:var(--s6) var(--s3);}
.single h1{font-size:30px;margin:var(--s2) 0;font-weight:800;}
.smeta{display:flex;gap:var(--s2);color:var(--ink-3);font-size:13.5px;font-weight:600;padding-bottom:var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s3);}
.scontent{font-size:16.5px;line-height:2.15;color:#2a3a4a;}
.scontent p{margin:0 0 var(--s2);}
.scontent h2{font-size:22px;margin:var(--s4) 0 var(--s2);}
.scontent img{border-radius:var(--r);margin:var(--s2) 0;}
.scontent a{color:var(--action);text-decoration:underline;}

/* ================= FOOTER ================= */
.hk-footer{background:#16242f;color:#a8b6c2;margin-top:var(--s8);}
.hk-footer__in{max-width:var(--maxw);margin:0 auto;padding:var(--s6) var(--s3) var(--s3);display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--s4);}
.hk-footer h4{color:#fff;font-size:14.5px;margin-bottom:var(--s2);}
.hk-footer a{display:block;color:#a8b6c2;font-size:14px;padding:4px 0;transition:.15s;}
.hk-footer a:hover{color:#fff;}
.hk-footer__brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:#fff;margin-bottom:var(--s2);}
.hk-footer__desc{font-size:13.5px;line-height:2;color:#8496a5;max-width:300px;}
.hk-footer__bot{border-top:1px solid rgba(255,255,255,.08);}
.hk-footer__bot>div{max-width:var(--maxw);margin:0 auto;padding:var(--s2) var(--s3);font-size:13px;color:#74879a;text-align:center;}
.hk-trustlogos{display:flex;gap:var(--s1);margin-top:var(--s2);}
.hk-trustlogos span{width:56px;height:64px;border-radius:var(--r-s);background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:10px;color:#8496a5;text-align:center;line-height:1.5;}

/* ================= ریسپانسیو ================= */
@media(max-width:980px){
  .hero h1{font-size:30px;}
  .services{grid-template-columns:repeat(2,1fr);}
  .specs{grid-template-columns:repeat(2,1fr);}
  .docs{grid-template-columns:repeat(2,1fr);}
  .bgrid{grid-template-columns:repeat(2,1fr);}
  .assure{grid-template-columns:1fr;}
  .hk-footer__in{grid-template-columns:1fr 1fr;}
  .bfeature{grid-template-columns:1fr;}
  .bfeature__img{min-height:190px;}
}
@media(max-width:740px){
  .hk-links{display:none;}
  .hk-burger{display:flex;}
  .hero{padding:var(--s6) 0 var(--s5);}
  .hero h1{font-size:25px;}
  .search{flex-direction:column;}
  .trust__in{grid-template-columns:repeat(2,1fr);gap:var(--s3);}
  .steps{grid-template-columns:1fr;}
  .sec{padding:var(--s6) 0;}
  .sec-title{font-size:22px;}
  .services{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .docs{grid-template-columns:1fr;}
  .bgrid{grid-template-columns:1fr;}
  .specs{grid-template-columns:1fr;}
  .hk-nav__cta .btn-ghost{display:none;}
}

a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(19,113,143,.4);outline-offset:2px;}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* ===================================================
   v1.1.2 — نوار خدمات سبک دکترتو + جستجوی شهر + مودال‌ها
   =================================================== */

/* جستجو: دکمهٔ شهر */
.search__city{cursor:pointer;border:1.5px solid transparent;max-width:210px;text-align:start;}
.search__city:hover{background:var(--surface);border-color:var(--line);}
.search__city-label{color:var(--ink-3);font-size:15px;}
.search__sep{width:1px;background:var(--line);margin:6px 2px;flex-shrink:0;}

/* نوار کارت‌های خدمات — روی مرز هیرو می‌نشیند */
.svc-strip{margin-top:calc(-1 * var(--s6));position:relative;z-index:4;margin-bottom:var(--s4);}
.svc-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2);}
.svc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 10px 16px;box-shadow:var(--shadow-1);transition:.18s;text-align:center;display:flex;flex-direction:column;}
.svc-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px);border-color:transparent;}
.svc-card__img{height:96px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.svc-card__img svg{height:78%;width:auto;}
.svc-card__img--info{background:#e3f0fb;}
.svc-card__img--success{background:#e3f7ee;}
.svc-card__img--info2{background:#eaf2fb;}
.svc-card__img--gray{background:#eef1f4;}
.svc-card__img--sec{background:#fbf1e6;}
.svc-card__live{position:absolute;bottom:10px;inset-inline-start:10px;width:11px;height:11px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.5);animation:hkLive 1.6s infinite;}
@keyframes hkLive{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5);}70%{box-shadow:0 0 0 8px rgba(239,68,68,0);}100%{box-shadow:0 0 0 0 rgba(239,68,68,0);}}
.svc-card__t{font-weight:700;font-size:14.5px;margin-top:12px;color:var(--ink);}
.svc-card:hover .svc-card__t{color:var(--action);}
.svc-card__s{font-size:11.5px;color:var(--ink-3);margin-top:4px;}

/* مودال عمومی */
.hk-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;}
.hk-modal[hidden]{display:none;}
.hk-modal__overlay{position:absolute;inset:0;background:rgba(16,36,47,.55);backdrop-filter:blur(2px);}
.hk-modal__box{position:relative;z-index:1;background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-2);width:100%;max-width:460px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;}
.hk-modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font-size:16px;}
.hk-modal__x{background:none;border:0;font-size:18px;cursor:pointer;color:var(--ink-3);width:34px;height:34px;border-radius:9px;}
.hk-modal__x:hover{background:var(--bg);color:var(--ink);}
.hk-modal__search{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--ink-3);}
.hk-modal__search input{border:0;outline:0;font:inherit;font-size:15px;width:100%;background:none;color:var(--ink);}
.hk-modal__list{overflow-y:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.hk-city-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;background:none;border:1px solid transparent;border-radius:10px;padding:12px 14px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;color:var(--ink);transition:.12s;font-family:'Vazirmatn','Vazir',Tahoma,sans-serif;}
.hk-city-item:hover{background:var(--action-soft);color:var(--action);}
.hk-city-name{font-weight:700;}
.hk-city-prov{font-size:11px;color:#aab8c2;font-weight:500;}
.hk-city-item:hover .hk-city-prov{color:var(--action);}

/* مودال ورود — نقش‌ها */
.hk-login-box{max-width:480px;}
.hk-login-lead{padding:18px 20px 6px;margin:0;color:var(--ink-2);font-size:14px;}
.hk-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 20px 22px;}
.hk-role{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:20px 12px;transition:.16s;}
.hk-role:hover{border-color:var(--action);background:var(--action-soft);transform:translateY(-2px);}
.hk-role__ic{font-size:32px;}
.hk-role__t{font-weight:800;font-size:15.5px;color:var(--ink);}
.hk-role__s{font-size:12px;color:var(--ink-3);}

@media(max-width:740px){
  .svc-strip{margin-top:var(--s3);}
  .svc-cards{grid-template-columns:repeat(2,1fr);}
  .search__city{max-width:none;}
  .hk-modal__list{grid-template-columns:1fr;}
}

/* v1.1.3 — مودال ورود با UI افزونه */
.hk-login-box{max-width:560px;}
/* روی نمایشگر بزرگ، مودال ورود عریض‌تر و بلندتر تا UI افزونه راحت جا شود */
@media(min-width:768px){
  .hk-login-box{max-width:880px;width:92vw;max-height:88vh;}
  #hk-login-modal{padding-top:5vh;}
  .hk-login-embed{padding:10px 18px 18px;}
}
@media(min-width:1100px){
  .hk-login-box{max-width:980px;}
}
.hk-login-embed{padding:8px;overflow-y:auto;}
.hk-login-embed .csm-portal-shell{padding:0;margin:0;}
.hk-login-embed .csm-role-brand{margin-top:6px;}
/* جلوگیری از قاب دو لایه داخل مودال ورود */
.hk-login-embed .csm-auth-card,
.hk-login-embed .csm-card.csm-auth-v2{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:none!important;}
.hk-login-embed .csm-auth-flow{margin:0;}

/* v1.1.4 — لیست پیشنهادی سرچ (search-menu) حرفه‌ای */
.search__spec{flex:1;}
.search-menu{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:60;margin:0;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-2);max-height:360px;overflow-y:auto;}
.search-menu[hidden]{display:none;}
.search-menu__go{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:var(--action-soft);border:0;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;font-weight:600;color:var(--action);cursor:pointer;margin-bottom:4px;}
.search-menu__go b{font-weight:800;}
.search-menu__ic--go{background:var(--action)!important;color:#fff;}
.search-menu__title{font-size:11.5px;font-weight:800;color:var(--ink-3);padding:8px 10px 4px;letter-spacing:.3px;}
.search-menu__items{list-style:none;margin:0;padding:0;}
.search-menu__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--ink);transition:.12s;}
.search-menu__item:hover,.search-menu__item.is-active{background:var(--action-soft);color:var(--action);}
.search-menu__name{flex:1;}
.search-menu__tag{font-size:10.5px;font-weight:700;color:var(--ink-3);background:var(--bg);border-radius:999px;padding:2px 9px;}
.search-menu__ic{width:32px;height:32px;border-radius:9px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.search-menu__empty{padding:16px 12px;text-align:center;color:var(--ink-3);font-size:13px;}
@media(max-width:740px){ 
  .search{flex-direction:column;}
  .search__spec{order:3;position:static!important;}
  .search-menu{position:static;box-shadow:none;margin-top:8px;max-height:50vh;border:1px solid var(--line);width:100%;}
  .search-menu__item{padding:13px 10px;}
}

/* ===================================================
   v1.1.7 — منوی کشویی (drawer) سبک دکترتو + هیرو باروح
   =================================================== */
.hk-drawer{position:fixed;inset:0;z-index:200;}
.hk-drawer[hidden]{display:none;}
.hk-drawer__overlay{position:absolute;inset:0;background:rgba(16,36,47,.5);opacity:0;transition:opacity .25s;}
.hk-drawer.is-open .hk-drawer__overlay{opacity:1;}
.hk-drawer__panel{position:absolute;top:0;right:0;height:100%;width:86%;max-width:340px;background:var(--surface);box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow-y:auto;transform:translateX(110%);transition:transform .28s cubic-bezier(.4,0,.2,1);}
.hk-drawer.is-open .hk-drawer__panel{transform:translateX(0);}
.hk-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2;}
.hk-drawer__head .hk-brand{font-size:18px;}
.hk-drawer__x{background:none;border:0;font-size:18px;cursor:pointer;color:var(--ink-3);width:36px;height:36px;border-radius:9px;}
.hk-drawer__x:hover{background:var(--bg);color:var(--ink);}
.hk-drawer__banner{display:flex;align-items:center;gap:12px;margin:14px;padding:14px;border-radius:var(--r);background:linear-gradient(120deg,var(--action),var(--teal-bright,#2899c4));color:#fff;}
.hk-drawer__banner-ic{font-size:26px;}
.hk-drawer__banner small{opacity:.85;}
.hk-drawer__list{list-style:none;margin:0;padding:0 10px 20px;}
.hk-drawer__item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;border-radius:12px;text-align:start;transition:background .14s;}
.hk-drawer__item:hover{background:var(--bg);}
.hk-drawer__ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.hk-drawer__label{flex:1;display:flex;align-items:center;gap:6px;}
.hk-drawer__arrow{color:var(--ink-3);font-size:18px;}
.hk-drawer__chev{transition:transform .2s;}
.hk-drawer__item--has-sub.is-open .hk-drawer__chev{transform:rotate(180deg);}
.hk-drawer__sub{list-style:none;margin:0 0 6px;padding:2px 50px 6px;}
.hk-drawer__sub[hidden]{display:none;}
.hk-drawer__sub a{display:block;padding:10px 8px;font-size:13.5px;font-weight:600;color:var(--ink-2);border-radius:9px;}
.hk-drawer__sub a:hover{background:var(--bg);color:var(--action);}
.hk-drawer__divider{height:1px;background:var(--line);margin:8px 10px;}
.hk-live{width:9px;height:9px;border-radius:50%;background:#ef4444;display:inline-block;box-shadow:0 0 0 0 rgba(239,68,68,.5);animation:hkLive 1.6s infinite;}

/* ---- هیرو تیره با طرح علائم پزشکی ---- */
.hero{position:relative;z-index:1;background:
   radial-gradient(700px 320px at 84% -10%, rgba(40,153,196,.45), transparent 60%),
   radial-gradient(560px 320px at 6% 110%, rgba(0,200,151,.30), transparent 60%),
   linear-gradient(160deg,#0c3a4d 0%,#114f66 45%,#0e4256 100%);}
/* طرح علائم پزشکی (صلیب، قلب، نبض، کپسول) به‌صورت واترمارک */
.hero::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='2'%3E%3Cpath d='M20 12h6v6h6v6h-6v6h-6v-6h-6v-6h6z'/%3E%3Cpath d='M104 40c-4-7-15-5-15 4 0 6 8 11 15 16 7-5 15-10 15-16 0-9-11-11-15-4z'/%3E%3Cpath d='M10 96h14l4-10 8 22 6-12h18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='96' y='104' width='34' height='16' rx='8' transform='rotate(45 113 112)'/%3E%3Ccircle cx='128' cy='30' r='9'/%3E%3Cpath d='M60 130h6v6h6v6h-6v6h-6v-6h-6v-6h6z'/%3E%3C/g%3E%3C/svg%3E");
   background-size:150px 150px;}
.hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;bottom:-120px;inset-inline-start:6%;background:radial-gradient(circle,rgba(0,200,151,.18),transparent 70%);z-index:0;pointer-events:none;}
.hero>.wrap{position:relative;z-index:2;}
.hero .search{z-index:20;}
.hero>.wrap{position:relative;z-index:1;}
/* متن روشن روی پس‌زمینهٔ تیره */
.hero .eyebrow{background:rgba(255,255,255,.14);color:#dff3fb;}
.hero h1{color:#fff;}
.hero h1 em{color:#7fe3c4;font-style:normal;}
.hero p.sub{color:rgba(255,255,255,.82);}
.hero-chips a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#eaf6fb;}
.hero-chips a:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff;}
.hero-chips{margin-top:var(--s3);}
.hero-chips>span,.hero nav[aria-label] >span{color:rgba(255,255,255,.7);}

/* ===================================================
   v1.1.9 — جان‌دادن به بخش‌ها (نه فقط هیرو)
   =================================================== */
/* بخش‌های ساده پس‌زمینهٔ تینتِ بسیار ملایم بگیرند تا خالی نباشند */
.sec{position:relative;}
.sec--alt{background:linear-gradient(180deg,#fff, #f7fbfc);}
/* عنوان بخش‌ها: یک خط لهجه‌ای زیر عنوان */
.sec__head{position:relative;}
.sec-title{position:relative;display:inline-block;}
.sec-title::after{content:"";display:block;width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--action),var(--green,#00c897));margin:12px auto 0;}

/* کارت‌های تخصص: آیکون رنگی‌تر + هاور جان‌دار */
.spec{background:linear-gradient(180deg,#fff,#fbfdfe);}
.spec:hover{background:#fff;}
.spec__ic{background:var(--action-soft);}

/* سه گام: خط اتصال‌دهنده بین گام‌ها (دسکتاپ) */
.steps{position:relative;}
@media(min-width:741px){
  .steps::before{content:"";position:absolute;top:36px;inset-inline:14%;height:2px;background:repeating-linear-gradient(90deg,var(--tint-2) 0 8px,transparent 8px 16px);z-index:0;}
  .step{position:relative;z-index:1;}
}
.step__ic{box-shadow:0 6px 18px rgba(19,113,143,.12);}

/* نوار اعتماد: کمی پررنگ‌تر و با جداکننده عمودی */
.trust{background:linear-gradient(180deg,#fff,#f7fbfc);}
.trust__in>div{position:relative;}
.trust__in>div:not(:last-child)::after{content:"";position:absolute;inset-inline-start:0;top:18%;height:64%;width:1px;background:var(--line);}
.trust__n{background:linear-gradient(135deg,var(--action),var(--teal-bright,#2899c4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* پزشکان: آواتار گرادیانی‌تر */
.doc__av{background:linear-gradient(135deg,var(--action),var(--teal-bright,#2899c4));color:#fff;}

/* بخش بلاگ: پس‌زمینهٔ متمایز */
.bgrid{position:relative;}

/* فاصلهٔ بصری بهتر بین بخش‌ها با جداکنندهٔ موجی ظریف */
.sec + .sec::before,.sec + .sec--alt::before,.sec--alt + .sec::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:var(--line);}

/* ===================================================
   v1.2.0 — طرح‌های پزشکی بیشتر در هیرو + بخش‌های متناوب
   =================================================== */
/* لایهٔ دوم طرح در هیرو: آیکون‌های پراکندهٔ بزرگ‌تر و کم‌رنگ */
.hero{overflow:hidden;}
.hero .wrap{overflow:visible;}
.hk-hero-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.hk-hero-deco svg{position:absolute;opacity:.13;color:#bfe6f2;}
.hk-hero-deco .d1{top:12%;inset-inline-start:5%;width:54px;height:54px;}
.hk-hero-deco .d2{top:62%;inset-inline-start:12%;width:40px;height:40px;opacity:.1;}
.hk-hero-deco .d3{top:20%;inset-inline-end:8%;width:60px;height:60px;}
.hk-hero-deco .d4{top:70%;inset-inline-end:14%;width:44px;height:44px;opacity:.1;}
.hk-hero-deco .d5{top:42%;inset-inline-end:46%;width:36px;height:36px;opacity:.08;}

/* واترمارک طرح پزشکی برای بخش‌های یک‌درمیان */
.sec--pattern{position:relative;overflow:hidden;}
.sec--pattern::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%231a6b8a' stroke-opacity='0.04' stroke-width='2'%3E%3Cpath d='M18 12h6v6h6v6h-6v6h-6v-6h-6v-6h6z'/%3E%3Cpath d='M104 38c-4-7-15-5-15 4 0 6 8 11 15 16 7-5 15-10 15-16 0-9-11-11-15-4z'/%3E%3Cpath d='M8 96h14l4-10 8 22 6-12h16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='118' cy='110' r='9'/%3E%3C/g%3E%3C/svg%3E");
   background-size:140px 140px;}
.sec--pattern>.wrap{position:relative;z-index:1;}

/* ===================================================
   v1.3.0 — بخش‌های جدید فرانت: نظرات، بیمه، اپ، FAQ
   =================================================== */
/* نظرات کاربران */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);}
.review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s3);margin:0;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:12px;position:relative;}
.review::before{content:"\201D";position:absolute;top:6px;inset-inline-end:18px;font-size:54px;line-height:1;color:var(--action-soft);font-family:Georgia,serif;}
.review__stars{color:var(--star);font-size:15px;letter-spacing:2px;}
.review__text{margin:0;font-size:14.5px;line-height:2;color:var(--ink);flex:1;}
.review__by{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);}
.review__av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--action),var(--teal-bright,#2899c4));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;}
.review__by small{color:var(--ink-3);}

/* بیمه‌ها */
.insurance{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);max-width:880px;margin:0 auto;}
.insurance__item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:14px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-1);transition:.16s;}
.insurance__item:hover{border-color:var(--action);transform:translateY(-2px);}
.insurance__ic{width:34px;height:34px;border-radius:9px;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center;font-size:16px;}

/* اپلیکیشن موبایل */
.appband{background:linear-gradient(135deg,#0c3a4d,#13718f);border-radius:var(--r-l);padding:var(--s6) var(--s5);display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s4);align-items:center;color:#fff;position:relative;overflow:hidden;}
.appband::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);top:-120px;inset-inline-start:-80px;}
.appband__txt{position:relative;z-index:1;}
.appband__txt h2{color:#fff;font-size:25px;margin:14px 0 10px;}
.appband__txt p{color:rgba(255,255,255,.82);font-size:15px;margin:0 0 20px;}
.appband__btns{display:flex;gap:12px;flex-wrap:wrap;}
.appstore{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0c3a4d;border-radius:12px;padding:9px 18px;font-weight:600;}
.appstore small{font-size:10px;color:var(--ink-3);font-weight:600;}
.appstore strong{font-size:14px;}
.appband__art{position:relative;z-index:1;display:flex;justify-content:center;}
.appband__phone{width:150px;height:280px;background:#0a2e3d;border:6px solid #06222e;border-radius:28px;padding:14px 10px;box-shadow:var(--shadow-2);}
.appband__screen{background:#fff;border-radius:18px;height:100%;padding:16px 12px;display:flex;flex-direction:column;gap:10px;align-items:center;}
.appband__screen>span{font-size:34px;margin-top:8px;}
.appband__bar{width:100%;height:12px;border-radius:6px;background:var(--tint-2);}
.appband__bar--s{width:60%;}
.appband__chip{margin-top:auto;background:var(--ok-soft);color:var(--ok);font-size:11px;font-weight:800;border-radius:8px;padding:8px 10px;width:100%;text-align:center;}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:10px;}
.faq__item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-1);}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;list-style:none;}
.faq__q::-webkit-details-marker{display:none;}
.faq__chev{color:var(--action);font-size:18px;transition:transform .2s;flex-shrink:0;}
.faq__item[open] .faq__chev{transform:rotate(180deg);}
.faq__a{padding:0 18px 18px;color:var(--ink-2);font-size:14px;line-height:2;}

@media(max-width:980px){
  .reviews{grid-template-columns:1fr;}
  .insurance{grid-template-columns:repeat(2,1fr);}
  .appband{grid-template-columns:1fr;text-align:center;}
  .appband__btns{justify-content:center;}
  .appband__art{margin-top:var(--s3);}
}
@media(max-width:520px){
  .insurance{grid-template-columns:1fr;}
}

/* v1.3.0 — سربرگ صفحهٔ نوبت‌دهی */
.hk-pagehero{position:relative;overflow:hidden;text-align:center;padding:var(--s6) 0 var(--s5);color:#fff;background:
   radial-gradient(600px 280px at 84% -10%, rgba(40,153,196,.5), transparent 60%),
   linear-gradient(160deg,#0c3a4d,#13718f);}
.hk-pagehero>.wrap{position:relative;z-index:1;}
.hk-pagehero h1{color:#fff;font-size:30px;margin:10px 0;}
.hk-pagehero p{color:rgba(255,255,255,.82);font-size:15px;max-width:480px;margin:0 auto;}
.hk-crumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:6px;}
.hk-crumb a{color:rgba(255,255,255,.9);}
.hk-crumb a:hover{color:#fff;}
.hk-pagehero__feats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:18px;}
.hk-pagehero__feats span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;}

/* v1.3.2 — هیرو موقع سرچ بالاتر از کارت‌های خدمات */
.hero.is-searching{z-index:80;}

/* v1.4.0 — مودال جستجوی تخصص (مثل مودال شهر) */
.search__spec-btn{cursor:pointer;border:1.5px solid transparent;text-align:start;flex:1;font-family:'Vazirmatn','Vazir',Tahoma,sans-serif;}
.search__spec-btn:hover{background:var(--surface);border-color:var(--line);}
.search__spec-label{color:var(--ink-3);font-size:15px;}
.hk-spec-modal__body{overflow-y:auto;padding:8px;flex:1;}
.hk-spec-go{display:flex;align-items:center;gap:8px;width:100%;text-align:start;background:var(--action-soft);color:var(--action);border:0;border-radius:10px;padding:12px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:6px;}
.hk-spec-modal__list{display:flex;flex-direction:column;gap:2px;}
.hk-spec-row{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:none;border:0;border-radius:10px;padding:12px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:.12s;}
.hk-spec-row:hover{background:var(--action-soft);color:var(--action);}
.hk-spec-row__ic{width:36px;height:36px;border-radius:10px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.hk-spec-modal__foot{border-top:1px solid var(--line);padding:14px 18px;background:var(--bg);}
.hk-spec-modal__foot-title{font-size:12px;font-weight:700;color:var(--ink-3);display:block;margin-bottom:8px;}
.hk-spec-modal__chips{display:flex;flex-wrap:wrap;gap:8px;}
.hk-spec-modal__chips a{font-size:13px;font-weight:700;color:var(--action);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px;transition:.14s;}
.hk-spec-modal__chips a:hover{background:var(--action);color:#fff;border-color:var(--action);}

/* ===================================================
   v1.4.2 — مجلهٔ سلامت (بلاگ زیبا با سایدبار)
   =================================================== */
/* سربرگ مجله */
.mag-hero{position:relative;overflow:hidden;text-align:center;padding:var(--s6) 0 var(--s5);color:#fff;background:
   radial-gradient(600px 280px at 84% -10%, rgba(40,153,196,.5), transparent 60%),
   linear-gradient(160deg,#0c3a4d,#13718f);}
.mag-hero>.wrap{position:relative;z-index:1;}
.mag-hero .eyebrow{background:rgba(255,255,255,.14);color:#dff3fb;}
.mag-hero h1{color:#fff;font-size:32px;margin:12px 0 10px;}
.mag-hero p{color:rgba(255,255,255,.82);font-size:15px;max-width:520px;margin:0 auto;}

/* چیدمان دو ستونه */
.mag-wrap{display:grid;grid-template-columns:1fr 320px;gap:var(--s5);padding-top:var(--s5);padding-bottom:var(--s6);align-items:start;}
.mag-main{min-width:0;}

/* مقالهٔ ویژه */
.mag-feature{display:grid;grid-template-columns:1.15fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-1);margin-bottom:var(--s4);transition:.18s;}
.mag-feature:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);}
.mag-feature__img{position:relative;min-height:300px;background:var(--tint-2);}
.mag-feature__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mag-feature__img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:60px;opacity:.4;}
.mag-feature__badge{position:absolute;top:14px;inset-inline-start:14px;background:var(--action);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:6px 14px;z-index:1;}
.mag-feature__b{padding:var(--s5) var(--s4);display:flex;flex-direction:column;justify-content:center;}
.mag-feature__b h2{font-size:24px;margin:var(--s2) 0;line-height:1.5;color:var(--ink);}
.mag-feature__b p{color:var(--ink-2);font-size:14.5px;margin:0 0 var(--s3);line-height:1.9;}

/* گرید مقالات */
.mag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);}
.mag-grid--3{grid-template-columns:repeat(3,1fr);}
.mag-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-1);display:flex;flex-direction:column;transition:.18s;}
.mag-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px);}
.mag-card__img{position:relative;display:block;aspect-ratio:16/10;background:var(--tint-2);overflow:hidden;}
.mag-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.mag-card:hover .mag-card__img img{transform:scale(1.05);}
.mag-card__img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;opacity:.4;}
.mag-card__cat{position:absolute;bottom:10px;inset-inline-start:10px;background:rgba(12,58,77,.85);color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:5px 12px;backdrop-filter:blur(4px);}
.mag-card__b{padding:var(--s3);display:flex;flex-direction:column;gap:8px;flex:1;}
.mag-card__b h3{font-size:16px;margin:0;line-height:1.6;}
.mag-card__b h3 a{color:var(--ink);}
.mag-card__b h3 a:hover{color:var(--action);}
.mag-card__b p{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.85;flex:1;}
.mag-card__f{display:flex;gap:14px;font-size:12px;color:var(--ink-3);font-weight:600;margin-top:4px;}

.bmeta{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--ink-3);font-weight:600;flex-wrap:wrap;}
.bmeta .post__more{color:var(--action);margin-inline-start:auto;}

/* سایدبار */
.mag-side{display:flex;flex-direction:column;gap:var(--s3);position:sticky;top:90px;}
.mag-widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s3);box-shadow:var(--shadow-1);}
.mag-widget__t{font-size:15px;font-weight:800;color:var(--ink);margin:0 0 var(--s2);padding-bottom:10px;border-bottom:2px solid var(--tint);position:relative;}
.mag-widget__t::after{content:"";position:absolute;bottom:-2px;inset-inline-start:0;width:40px;height:2px;background:var(--action);}
.mag-search{display:flex;gap:6px;}
.mag-search input{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;font-size:14px;background:var(--bg);}
.mag-search input:focus{outline:none;border-color:var(--action);background:#fff;}
.mag-search button{width:44px;border:0;border-radius:10px;background:var(--action);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mag-search button:hover{background:var(--action-hover,#0e5a73);}
.mag-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.mag-cats a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-2);transition:.12s;}
.mag-cats a:hover{background:var(--action-soft);color:var(--action);}
.mag-cats__n{font-size:12px;font-weight:700;background:var(--bg);color:var(--ink-3);border-radius:999px;padding:2px 9px;min-width:26px;text-align:center;}
.mag-cats a:hover .mag-cats__n{background:#fff;color:var(--action);}
.mag-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2);}
.mag-recent a{display:flex;gap:12px;align-items:center;}
.mag-recent__img{width:62px;height:62px;border-radius:12px;overflow:hidden;background:var(--tint-2);flex-shrink:0;position:relative;}
.mag-recent__img img{width:100%;height:100%;object-fit:cover;}
.mag-recent__img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;opacity:.4;}
.mag-recent__t{display:flex;flex-direction:column;gap:4px;min-width:0;}
.mag-recent__t strong{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.6;transition:.12s;}
.mag-recent a:hover .mag-recent__t strong{color:var(--action);}
.mag-recent__t small{font-size:11.5px;color:var(--ink-3);}
/* CTA سایدبار */
.mag-cta{background:linear-gradient(150deg,#0c3a4d,#13718f);border-radius:var(--r-l);padding:var(--s4) var(--s3);text-align:center;color:#fff;}
.mag-cta__ic{font-size:34px;display:block;margin-bottom:8px;}
.mag-cta h4{color:#fff;font-size:16px;margin:0 0 6px;}
.mag-cta p{color:rgba(255,255,255,.82);font-size:13px;margin:0 0 var(--s3);line-height:1.8;}
.mag-cta .btn{width:100%;background:#fff;color:var(--action);}
.mag-cta .btn:hover{background:#eaf6fb;}

.mag-empty{text-align:center;padding:60px 20px;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);}
.mag-empty h3{color:var(--ink);margin:12px 0 6px;}

/* صفحه‌بندی */
.hk-pg{display:flex;gap:8px;justify-content:center;margin-top:var(--s5);flex-wrap:wrap;}
.hk-pg .page-numbers{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;}
.hk-pg .page-numbers:hover{border-color:var(--action);color:var(--action);}
.hk-pg .page-numbers.current{background:var(--action);color:#fff;border-color:var(--action);}

/* ── تک‌مقاله ── */
.single-hero{position:relative;overflow:hidden;padding:var(--s6) 0 var(--s5);color:#fff;background:
   radial-gradient(600px 260px at 82% -10%, rgba(40,153,196,.45), transparent 60%),
   linear-gradient(160deg,#0c3a4d,#13718f);}
.single-hero>.wrap{position:relative;z-index:1;max-width:860px;}
.single-hero h1{color:#fff;font-size:30px;line-height:1.6;margin:10px 0;}
.single-hero__meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:rgba(255,255,255,.8);font-weight:600;margin-top:14px;}
.single{max-width:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s5);box-shadow:var(--shadow-1);}
.single__thumb{margin:0 0 var(--s4);border-radius:var(--r);overflow:hidden;}
.single__thumb img{width:100%;height:auto;display:block;}
.scontent{font-size:16.5px;line-height:2.1;color:var(--ink);}
.scontent h2{font-size:22px;margin:var(--s4) 0 var(--s2);color:var(--ink);}
.scontent h3{font-size:18px;margin:var(--s3) 0 var(--s1);color:var(--ink);}
.scontent p{margin:0 0 var(--s3);}
.scontent img{max-width:100%;height:auto;border-radius:var(--r);margin:var(--s2) 0;}
.scontent blockquote{border-inline-start:4px solid var(--action);background:var(--action-soft);padding:var(--s2) var(--s3);border-radius:0 var(--r) var(--r) 0;margin:var(--s3) 0;color:var(--ink-2);}
.scontent ul,.scontent ol{padding-inline-start:24px;margin:0 0 var(--s3);}
.scontent li{margin-bottom:8px;}
.scontent a{color:var(--action);text-decoration:underline;}
.single__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);}
.single__tags a{font-size:12.5px;font-weight:700;color:var(--ink-2);background:var(--bg);border-radius:999px;padding:6px 14px;}
.single__tags a:hover{background:var(--action-soft);color:var(--action);}
.single__cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;background:linear-gradient(135deg,#eef7fa,#dcebf1);border-radius:var(--r);padding:var(--s3) var(--s4);margin-top:var(--s4);}
.single__cta strong{display:block;font-size:16px;color:var(--ink);margin-bottom:4px;}
.single__cta span{font-size:13.5px;color:var(--ink-2);}
.single__author{display:flex;align-items:center;gap:14px;margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);}
.single__author-av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--action),var(--teal-bright,#2899c4));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;}
.single__author small{font-size:12px;color:var(--ink-3);display:block;}
.single__author strong{font-size:15.5px;color:var(--ink);}
.single-related{margin-top:var(--s5);}
.single-related .sec-title{margin-bottom:var(--s3);}

@media(max-width:920px){
  .mag-wrap{grid-template-columns:1fr;}
  .mag-side{position:static;flex-direction:row;flex-wrap:wrap;}
  .mag-side .mag-widget,.mag-side .mag-cta{flex:1;min-width:240px;}
  .mag-feature{grid-template-columns:1fr;}
  .mag-feature__img{min-height:220px;}
  .mag-grid--3{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .mag-grid,.mag-grid--3{grid-template-columns:1fr;}
  .mag-side{flex-direction:column;}
  .single{padding:var(--s3);}
  .single__cta{flex-direction:column;align-items:stretch;text-align:center;}
}