/* ═══════════════════════════════════════════════════════════
   Shifa Medical — شفاء الطبية v1.0.0
   هوية فوق طبقة الأساس: فيروزي هادئ، حواف واسعة، ظلال ناعمة.
   ═══════════════════════════════════════════════════════════ */

:root, [data-skin="medical"]{
  --accent:#0ea5a4; --accent-2:#14c0be; --on-accent:#ffffff;
  --ink:#08201f; --surface-d:#0c2a2b; --surface-d2:#123a3a;
  --surface-l:#ffffff; --surface-l2:#f2fbfb;
  --on-light:#0f2b2b; --on-light-mut:#5b7574;
  --tint:rgba(14,165,164,.09);
  --line-l:rgba(15,43,43,.1); --line-d:rgba(236,251,251,.16);
  --r-sm:10px; --r-md:16px; --r-lg:22px;
  --sh-md:0 14px 40px rgba(14,165,164,.13);
  --sh-lg:0 24px 60px rgba(12,42,43,.18);
}
h1,h2,h3,h4{font-family:'Cairo','Tajawal',sans-serif}
::selection{background:var(--accent);color:#fff}

/* الأزرار: حبوب ناعمة بظل فيروزي */
.st-btn{box-shadow:0 10px 26px rgba(14,165,164,.28)}
.st-btn:hover{box-shadow:0 14px 32px rgba(14,165,164,.38)}
.st-btn-ghost,.st-btn-line{border-color:rgba(14,165,164,.4);color:var(--accent);box-shadow:none}

/* الهيدر: أبيض نقي بظل خفيف وخط سفلي فيروزي عند التمرير */
.st-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line-l)}
.st-nav-lk a{position:relative}
.st-nav-lk a::after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:0;height:2px;background:var(--accent);border-radius:2px;transition:width var(--dur) var(--ease)}
.st-nav-lk a:hover::after{width:100%}
.st-nav-bd .lg-pc{height:46px}

/* الهيرو المنقسم: بلوب فيروزي + شارة نبض */
.st-hsp{background:
  radial-gradient(900px 400px at 92% -10%, var(--tint), transparent 60%),
  linear-gradient(180deg,#ffffff, #f4fcfc)}
.st-hsp-tx h1{color:var(--on-light)}
.st-hsp-im .blob{background:linear-gradient(135deg,rgba(14,165,164,.16),rgba(20,192,190,.06));border-radius:38% 62% 55% 45%/45% 40% 60% 55%}
.st-hsp-im img{border-radius:32px;box-shadow:var(--sh-lg)}
.st-hero-bdg{background:var(--tint);border-color:rgba(14,165,164,.35);color:var(--accent)}
.st-hero-bdg .dot{background:var(--accent-2);box-shadow:0 0 0 4px rgba(20,192,190,.2);animation:sh-pulse 1.6s ease-in-out infinite}
@keyframes sh-pulse{50%{box-shadow:0 0 0 7px rgba(20,192,190,.08)}}

/* شريط الثقة: بطاقة عائمة */
.st-trust{background:transparent;border:0;margin-top:-34px;position:relative;z-index:5;padding:0}
.st-trust-in{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-lg);
  box-shadow:var(--sh-lg);padding:22px 26px}
.st-tr>i{border-radius:50%}

/* التخصصات: شرائح بأيقونة نبض */
.st-cat{padding:15px 30px;border-radius:var(--r-pill);box-shadow:0 4px 14px rgba(12,42,43,.05)}
.st-cat:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 24px rgba(14,165,164,.3)}
.st-cat:hover i{color:#fff}

/* المميزات: بطاقات بحد علوي فيروزي يظهر عند التمرير */
.st-feat{border-radius:var(--r-lg);position:relative;overflow:hidden}
.st-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transition:transform .3s var(--ease)}
.st-feat:hover::before{transform:scaleX(1)}
.st-feat .ic{border-radius:50%;font-size:22px}

/* الإحصائيات: بطاقات بيضاء بأرقام فيروزية */
.st-stats-cards .st-stat{box-shadow:0 8px 26px rgba(12,42,43,.06)}
.st-stat .n::after{content:'+';color:var(--accent-2);font-size:.6em;vertical-align:top}

/* الأطباء: صورة بحلقة فيروزية */
.st-member .ph{border:3px solid #fff;box-shadow:0 0 0 3px rgba(14,165,164,.35),0 14px 30px rgba(12,42,43,.12)}
.st-member:hover .ph{box-shadow:0 0 0 3px var(--accent),0 18px 36px rgba(14,165,164,.22)}

/* الخطوات المرقمة: أرقام دائرية بتدرج */
.st-step .no{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px rgba(14,165,164,.3)}
.st-step{position:relative}
.st-steps .st-step:not(:last-child)::after{content:'';position:absolute;top:26px;inset-inline-end:-14%;width:28%;height:2px;
  background:repeating-linear-gradient(90deg,var(--line-l) 0 6px,transparent 6px 12px)}
@media (max-width:860px){.st-steps .st-step::after{display:none!important}}

/* الآراء: اقتباس هادئ */
.st-tsl .st-tst{background:transparent;border:0}
.st-tsl .st-tst p{color:var(--on-light);font-size:clamp(16px,2.2vw,20px)}
.st-tsl .who img{border:2px solid var(--accent-2)}

/* الأسئلة */
.st-q{border-radius:var(--r-lg)}
.st-q.open{box-shadow:0 10px 30px rgba(14,165,164,.1)}

/* CTA: تدرج فيروزي عميق بموجة */
.st-cta{background:linear-gradient(135deg,var(--surface-d),#0f4443);position:relative;overflow:hidden}
.st-cta::before{content:'';position:absolute;inset:auto -10% -60% -10%;height:120px;
  background:rgba(255,255,255,.05);border-radius:50% 50% 0 0}
.st-cta .st-btn-inv{color:var(--surface-d)}

/* التواصل */
.st-cinfo a:hover{transform:translateX(-3px)}
.st-cinfo i{border-radius:50%}
.st-socials a{border-radius:50%}

/* الفوتر المركزي */
.st-foot{border-top:4px solid var(--accent);background:var(--surface-d)}
.st-foot h4,.st-foot ul a:hover{color:var(--accent-2)}
.st-foot-soc a:hover{background:var(--accent);border-color:var(--accent)}

/* صفحات داخلية إن وجدت */
.st-page-head h1{color:var(--on-light)}
.st-back:hover{border-color:var(--accent);color:var(--accent)}

/* ═══ v1.1: سكن البلوكات المعمارية ═══ */
.bi{background:#fff;box-shadow:0 8px 26px rgba(12,42,43,.05)}
.bi.b-text i{border-radius:50%}
.st-split-media>img{border-radius:28px}
.st-split-media .fc{background:rgba(255,255,255,.96);border-radius:var(--r-md);box-shadow:0 16px 40px rgba(14,165,164,.18)}
.st-split-media .fc1 i{border-radius:50%}
.st-band{background-color:var(--surface-d)}
.st-band-ov{background:rgba(12,42,43,.88)}
.st-band .bs b{color:var(--accent-2)}
.st-band .bs+.bs{border-color:rgba(20,192,190,.3)}
.st-twall .tw{background:#fff;border-radius:var(--r-lg)}
.st-twall .tw:hover{border-color:var(--accent);box-shadow:0 10px 30px rgba(14,165,164,.12)}
.st-twall-hd .score{border-radius:var(--r-lg)}
.st-ctap{background:linear-gradient(135deg,var(--surface-d),#0f4443);border:0}
.st-ctap .glow{background:radial-gradient(45% 60% at 50% 0%, rgba(20,192,190,.3), transparent 70%)}
.st-cmos .cm,.st-rail .rl{border-radius:var(--r-lg)}