:root {
    --w-white:#ffffff; --w-ice:#f4f9ff; --w-ice-2:#eaf3ff;
    --w-blue:#2f6fef; --w-blue-dark:#0b3fae; --w-navy:#0b1e3d; --w-navy-soft:#4a5a78;
    --w-neon:#22d3ee; --w-neon-glow:rgba(34,211,238,.55); --w-blue-glow:rgba(47,111,239,.35);
    --w-gold:#f0b429; --w-gold-glow:rgba(240,180,41,.5);
    --w-glass-bg:linear-gradient(155deg, rgba(255,253,245,.94), rgba(255,241,194,.72));
    --w-glass-border:rgba(240,180,41,.4);
    --w-radius:20px; --font-display:'Tajawal',sans-serif; --font-body:'Cairo',sans-serif;
}
*{box-sizing:border-box;}
body{
    margin:0; font-family:var(--font-body); color:var(--w-navy); line-height:1.8;
    background:
        linear-gradient(var(--w-bg-overlay, rgba(244,249,255,.72)), var(--w-bg-overlay, rgba(244,249,255,.72))),
        radial-gradient(circle at 15% 0%, rgba(47,111,239,.12), transparent 45%),
        radial-gradient(circle at 90% 15%, rgba(34,211,238,.14), transparent 40%),
        radial-gradient(circle at 50% 100%, rgba(47,111,239,.08), transparent 50%),
        var(--w-bg-image, none) center center / cover no-repeat fixed,
        var(--w-ice);
}
h1,h2,h3,h4{font-family:var(--font-display); color:var(--w-navy); font-weight:800; margin:0 0 10px;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}



/* شارة نبض توقيعية (motif) */
.pulse-divider{ display:flex; align-items:center; justify-content:center; margin:0 auto 40px; width:220px; }
.pulse-divider svg{ width:100%; height:28px; }

/* ===== هيدر الموقع (محاكاة) ===== */
.site-header{
    background:rgba(255,255,255,.65); backdrop-filter:blur(16px) saturate(160%);
    border-bottom:1px solid rgba(255,255,255,.7); position:sticky; top:0; z-index:900;
}
.site-header-inner{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 24px; }
.logo-text{ font-family:var(--font-display); font-size:26px; font-weight:900;
    background:linear-gradient(90deg,var(--w-blue-dark),var(--w-neon)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.site-menu{ list-style:none; display:flex; gap:30px; margin:0; padding:0; font-family:var(--font-display); font-weight:700; font-size:15px;}
.site-menu li.current a{ color:var(--w-blue); }

/* ===== الهيرو ===== */
.hero{ position:relative; min-height:480px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; }
.hero::before{ content:""; position:absolute; inset:0;
    background:
        linear-gradient(180deg, rgba(11,30,61,.6), rgba(11,30,61,.88)),
        radial-gradient(circle at 20% 20%, rgba(34,211,238,.35), transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(47,111,239,.45), transparent 55%),
        linear-gradient(120deg, #123a7a, #0b1e3d 60%);
    z-index:0;
}
.hero-inner{ position:relative; z-index:1; max-width:820px; padding:50px 20px; }
.hero-inner h1{ color:#fff; font-size:44px; text-shadow:0 0 30px rgba(34,211,238,.4); }
.hero-inner p{ color:#dbe8ff; font-size:18px; margin-bottom:30px; }
.search-form{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; padding:22px;
    border-radius:22px; background:rgba(255,255,255,.14); backdrop-filter:blur(24px) saturate(180%);
    border:1.5px solid rgba(34,211,238,.45); box-shadow:0 12px 50px rgba(0,0,0,.25), 0 0 40px rgba(34,211,238,.18), inset 0 1px 0 rgba(255,255,255,.3);
    position:relative; overflow:hidden; }
.search-form::before{ content:""; position:absolute; top:0; right:0; left:0; height:1px;
    background:linear-gradient(90deg,transparent,rgba(34,211,238,.8),transparent); }
.search-form select, .search-form button{ padding:13px 18px; border-radius:12px; border:1px solid rgba(255,255,255,.4);
    background:rgba(255,255,255,.95); color:var(--w-navy); font-family:var(--font-body); font-size:14px; }
.search-form button{ background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; font-weight:800; border:none;
    cursor:pointer; box-shadow:0 0 28px var(--w-neon-glow); }

/* ===== أقسام عامة ===== */
.section{ max-width:1200px; margin:0 auto; padding:60px 24px; position:relative; z-index:1; }
.section h2{ text-align:center; font-size:30px; }
.section > p.lede{ text-align:center; color:var(--w-navy-soft); max-width:600px; margin:0 auto 10px; }

.glass{ background:var(--w-glass-bg); backdrop-filter:blur(10px) saturate(140%); border:1px solid var(--w-glass-border);
    box-shadow:0 6px 24px rgba(240,180,41,.12), inset 0 1px 0 rgba(255,255,255,.5); border-radius:var(--w-radius);
    position:relative; }

/* ===== شبكة التخصصات ===== */
.spec-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:24px; perspective:1200px; }
.spec-card{
    text-align:center; padding:26px 12px; cursor:pointer; position:relative; transform-style:preserve-3d;
    transition:box-shadow .3s, transform .3s;
}
.spec-card:hover{ transform:perspective(700px) rotateX(6deg) rotateY(-8deg) translateY(-6px); box-shadow:0 20px 45px var(--w-blue-glow), 0 0 26px var(--w-neon-glow); }
.spec-icon{ font-size:34px; display:block; margin-bottom:10px; transform:translateZ(26px); }
.spec-card span:last-child{ display:block; transform:translateZ(18px); font-family:var(--font-display); font-weight:700; color:var(--w-blue-dark); }

/* ===== بطاقات الأطباء ===== */
.entities-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; }
.entity-card{ overflow:hidden; position:relative; transition:.25s; }
.entity-card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px var(--w-blue-glow); }
.entity-card.gold{ border-color:var(--w-gold); box-shadow:0 0 0 1px var(--w-gold), 0 12px 40px var(--w-gold-glow); }
.avatar-block{ height:170px; width:100%; display:block; object-fit:cover; }
img.avatar-block{ display:block; }
.gold-badge{ position:absolute; top:12px; left:12px; z-index:2; background:linear-gradient(90deg,#f0b429,#ffd66b); color:#4a2e00;
    font-size:11px; font-weight:800; padding:5px 12px; border-radius:20px; box-shadow:0 0 16px var(--w-gold-glow); }
.silver-badge{ position:absolute; top:12px; left:12px; z-index:2; background:linear-gradient(90deg,#b8bfc7,#e2e6ea); color:#3a3f45;
    font-size:11px; font-weight:800; padding:5px 12px; border-radius:20px; box-shadow:0 0 14px rgba(184,191,199,.5); }
.entity-body{ padding:18px; }
.entity-body h3{ font-size:18px; margin-bottom:6px; }
.top-row{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; flex-wrap:wrap; gap:6px;}
.type-chip{ background:rgba(47,111,239,.12); color:var(--w-blue-dark); font-size:12px; font-weight:700; padding:4px 12px; border-radius:20px; }
.stars{ color:var(--w-gold); font-size:14px; }
.meta-line{ color:var(--w-navy-soft); font-size:13.5px; margin:4px 0; }
.day-off{ color:#d9534f; font-weight:700; }
.excerpt{ color:var(--w-navy-soft); font-size:13.5px; margin:10px 0; }
.btn-book{ display:block; text-align:center; padding:11px; border-radius:12px; font-weight:800; font-size:14px;
    background:linear-gradient(90deg,#1fae5c,#22d3ee); color:#fff; box-shadow:0 0 20px rgba(34,211,238,.4); margin-top:12px; }

/* ===== لماذا + كيف يعمل ===== */
.why-grid, .how-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:24px; }
.why-card, .how-step{ text-align:center; padding:30px 18px; }
.why-icon{ font-size:32px; display:block; margin-bottom:10px; }
.how-num{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%;
    background:linear-gradient(135deg,var(--w-blue),var(--w-neon)); color:#fff; font-family:var(--font-display); font-weight:800;
    box-shadow:0 0 18px var(--w-neon-glow); margin-bottom:8px; }

/* ===== صفحة داخلية (هيرو صغير) ===== */
.page-hero{ position:relative; min-height:260px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden;
    background:linear-gradient(120deg,#1b4fa6,#0b1e3d 70%) center/cover; }
.page-hero::before{ content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(11,30,61,.55), rgba(11,30,61,.82)); z-index:0; }
.page-hero-inner{ position:relative; z-index:1; }
.page-hero-inner h1{ color:#fff; font-size:32px; }
.page-hero-inner p{ color:#cfe0ff; margin-top:6px; }

/* ===== صفحة الطبيب المفردة ===== */
.doctor-layout{ display:grid; grid-template-columns:2fr 1fr; gap:32px; }
.doctor-main{ padding:0; }
.doctor-main .glass{ padding:26px; margin-bottom:20px; }
.gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.gallery-grid div{ height:100px; border-radius:12px; }
@media (max-width:480px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } .gallery-grid div{ height:130px; } }
.sidebar-card{ padding:24px; height:fit-content; }
.sidebar-card p{ margin:8px 0; color:var(--w-navy-soft); font-size:14px; }
.sidebar-card p b{ color:var(--w-navy); }
.sticky-sidebar{ position:sticky; top:90px; }
.doctor-layout{ display:grid; grid-template-columns:2fr 1fr; gap:32px; }

/* ===== معرض العيادة المتحرك ===== */
.clinic-carousel{ position:relative; margin-top:14px; border-radius:16px; overflow:hidden; }
.carousel-track{ display:flex; transition:transform .5s ease; }
.carousel-track img{ width:100%; flex:0 0 100%; height:280px; object-fit:cover; }
.carousel-btn{ position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%;
    background:rgba(255,255,255,.85); border:none; font-size:22px; color:var(--w-navy); cursor:pointer;
    display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.2); }
.carousel-btn.prev{ right:12px; } .carousel-btn.next{ left:12px; }
.carousel-dots{ position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:6px; }
.carousel-dots span{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.6); cursor:pointer; }
.carousel-dots span.active{ background:#fff; box-shadow:0 0 8px rgba(255,255,255,.8); }
@media (max-width:900px){ .sticky-sidebar{ position:static; } .doctor-layout{ grid-template-columns:1fr; } }

/* ===== المكتبة الطبية ===== */
.library-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:22px; }
.library-card{ overflow:hidden; transition:.25s; }
.library-card:hover{ transform:translateY(-6px); box-shadow:0 14px 36px var(--w-blue-glow); }
.library-cover{ height:150px; display:flex; align-items:center; justify-content:center; font-size:34px; }
.library-body{ padding:16px; }
.library-body h3{ font-size:16px; margin-bottom:6px; }
.library-body p{ color:var(--w-navy-soft); font-size:13.5px; margin:0; }
.reading-time{ display:inline-block; font-size:12px; color:var(--w-blue); font-weight:700; margin-top:8px; }
.topic-filter{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:30px; }
.filter-bar{ max-width:1200px; margin:0 auto; padding:24px; text-align:center; }
.filter-bar select{ padding:10px 20px; border-radius:8px; background:var(--w-glass-bg); color:var(--w-navy); border:1px solid var(--w-glass-border); }
.wisal-empty-state{ text-align:center; color:var(--w-navy-soft); padding:40px 0; font-size:15px; }
.wisal-btn{ display:inline-block; padding:11px 22px; border-radius:12px; font-weight:800; font-size:14px; transition:.2s; }
.wisal-btn-outline{ border:1px solid var(--w-blue); color:var(--w-blue-dark); background:rgba(255,255,255,.6); }
.wisal-btn-outline:hover{ background:rgba(255,255,255,.9); }
.topic-filter span{ padding:8px 16px; border-radius:20px; font-size:13px; font-weight:700; cursor:pointer; }
.topic-filter span.active{ background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; }
.topic-filter span:not(.active){ background:var(--w-glass-bg); border:1px solid var(--w-glass-border); color:var(--w-navy-soft); }

/* ===== مقال المكتبة المفرد ===== */
.article-hero{ padding:50px 24px; }
.article-body{ max-width:760px; margin:0 auto; padding:40px 24px; }
.article-body h2{ text-align:right; margin-top:26px; }
.article-body p{ color:var(--w-navy-soft); margin-bottom:16px; }
.article-meta{ display:flex; gap:16px; color:var(--w-navy-soft); font-size:13.5px; margin-bottom:20px; }

/* ===== الإرشادات ===== */
.accordion{ margin-bottom:16px; overflow:hidden; }

/* ===== بطاقات الإرشادات والسلامة (تصميم مبهر) ===== */
.guide-cards-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.guide-card{
    padding:30px 26px; border-radius:22px; position:relative; overflow:hidden;
    transition:opacity .6s ease, transform .6s ease, box-shadow .3s;
}
.guide-card::before{
    content:""; position:absolute; top:0; right:0; width:100%; height:4px;
    background:var(--card-accent, var(--w-blue));
}
.guide-card:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(11,30,61,.12); }
.guide-card-icon{
    width:64px; height:64px; border-radius:18px; display:flex; align-items:center; justify-content:center;
    font-size:32px; margin-bottom:16px;
    background:color-mix(in srgb, var(--card-accent, var(--w-blue)) 15%, white);
    box-shadow:0 0 24px color-mix(in srgb, var(--card-accent, var(--w-blue)) 30%, transparent);
}
.guide-card h3{ font-size:20px; margin-bottom:16px; color:var(--w-navy); }
.guide-card-list{ list-style:none; margin:0; padding:0; }
.guide-card-list li{
    display:flex; align-items:flex-start; gap:10px; margin-bottom:12px;
    color:var(--w-navy-soft); font-size:14.5px; line-height:1.7;
}
.guide-check{
    flex-shrink:0; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:var(--card-accent, var(--w-blue)); color:#fff; font-size:12px; font-weight:900; margin-top:2px;
}
@media (max-width:900px){ .guide-cards-grid{ grid-template-columns:1fr; } }
.accordion summary{ cursor:pointer; padding:18px 22px; font-family:var(--font-display); font-weight:800; color:var(--w-navy);
    list-style:none; display:flex; justify-content:space-between; align-items:center; }
.accordion summary::-webkit-details-marker{ display:none; }
.accordion summary::after{ content:"+"; color:var(--w-blue); font-size:22px; }
.accordion[open] summary::after{ content:"−"; }
.accordion-body{ padding:0 22px 20px; color:var(--w-navy-soft); }
.accordion-body ul{ margin:0; padding-inline-start:20px; }
.accordion-body li{ margin-bottom:10px; }

/* ===== شارة توقيعية: نبض متصل ===== */
.connect-badge{ display:inline-flex; align-items:center; gap:8px; background:rgba(34,211,238,.12); color:var(--w-blue-dark);
    padding:6px 14px; border-radius:20px; font-size:12px; font-weight:700; margin-bottom:14px; }
.connect-badge .dot{ width:7px; height:7px; border-radius:50%; background:var(--w-neon); box-shadow:0 0 8px var(--w-neon-glow); }

/* ===== الفوتر ===== */
.site-footer{ background:rgba(11,30,61,.94); backdrop-filter:blur(10px); color:#dbe8ff; margin-top:60px; position:relative; z-index:1; }
.site-footer-inner{ max-width:1200px; margin:0 auto; padding:60px 24px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; }
.site-footer-col h4{ color:var(--w-neon); margin-bottom:16px; }
.site-footer-col p{ color:#a9bde0; font-size:14px; }
.site-footer-col ul{ list-style:none; padding:0; margin:0; }
.site-footer-col li{ margin-bottom:10px; }
.site-footer-col a{ color:#a9bde0; font-size:14px; transition:color .2s; }
.site-footer-col a:hover{ color:var(--w-neon); }
.site-footer-bottom{ text-align:center; padding:20px; border-top:1px solid rgba(255,255,255,.1); color:#7d93bd; font-size:13px; }
@media (max-width:900px){ .site-footer-inner{ grid-template-columns:1fr; } }

/* ===== الشريط العائم (تواصل + طوارئ) ===== */
.floating-bar{ position:fixed; bottom:24px; left:20px; z-index:1000; display:flex; flex-direction:column; gap:10px; }
.floating-bar a{ width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.8); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.6);
    box-shadow:0 6px 20px rgba(11,30,61,.15); transition:.2s; }
.floating-bar a:hover{ transform:scale(1.12); box-shadow:0 0 22px var(--w-neon-glow); }
.floating-bar svg{ width:22px; height:22px; }
.floating-bar .emergency-btn{ background:linear-gradient(135deg,#ff5b5b,#ff8a8a); box-shadow:0 0 20px rgba(255,91,91,.5); }
.floating-bar .emergency-btn svg{ fill:#fff; }
@media (max-width:768px){ .floating-bar{ bottom:16px; left:12px; } }

/* ===== حركة الدخول والخلفية المتحركة (تأثير الإبهار) ===== */
@keyframes floatOrb1 { 0%,100%{ transform:translate(0,0) scale(1);} 50%{ transform:translate(30px,-40px) scale(1.15);} }
@keyframes floatOrb2 { 0%,100%{ transform:translate(0,0) scale(1);} 50%{ transform:translate(-40px,30px) scale(1.1);} }
@keyframes fadeUp { from{ opacity:0; transform:translateY(24px);} to{ opacity:1; transform:translateY(0);} }
@keyframes pulseGlow { 0%,100%{ box-shadow:0 0 20px var(--w-neon-glow);} 50%{ box-shadow:0 0 40px var(--w-neon-glow),0 0 60px var(--w-blue-glow);} }

.orb{ position:absolute; border-radius:50%; filter:blur(50px); opacity:.55; z-index:0; pointer-events:none; }
.orb1{ width:340px; height:340px; background:radial-gradient(circle,var(--w-neon),transparent 70%); top:-60px; right:-60px; }
.orb2{ width:280px; height:280px; background:radial-gradient(circle,var(--w-blue),transparent 70%); bottom:-40px; left:5%; }
.orb3{ width:200px; height:200px; background:radial-gradient(circle,#7c3aed,transparent 70%); top:30%; left:40%; opacity:.35; }

.fade-in-1{ animation:fadeUp .7s ease .1s both; }
.fade-in-2{ animation:fadeUp .7s ease .3s both; }
.fade-in-3{ animation:fadeUp .7s ease .5s both; }
.fade-in-4{ animation:fadeUp .7s ease .7s both; }

.reveal{ opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in-view{ opacity:1; transform:translateY(0); }

/* ===== شريط الإحصائيات ===== */
.stats-strip{ max-width:1100px; margin:-46px auto 0; padding:0 24px; position:relative; z-index:2; }
.stats-inner{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; }
.stat-item{ text-align:center; padding:26px 10px; }
.stat-item b{ display:block; font-family:var(--font-display); font-size:28px;
    background:linear-gradient(90deg,var(--w-blue-dark),var(--w-neon)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.stat-item span{ color:var(--w-navy-soft); font-size:13px; font-weight:600; }
@media (max-width:768px){ .stats-inner{ grid-template-columns:repeat(2,1fr); } }

/* ===== هيرو مطوّر (عمودين) ===== */
.hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; max-width:1100px; margin:0 auto; padding:60px 24px; position:relative; z-index:1; text-align:right; }
.hero-visual{ position:relative; }

/* ===== نموذج البحث الجديد (شبكة 3 أعمدة + زر كامل العرض) ===== */
/* ===== وضع كبار السن ===== */
.senior-mode-btn{
    width:48px; height:48px; border-radius:50%; background:#fff; border:none; cursor:pointer;
    box-shadow:0 8px 22px rgba(0,0,0,.2); display:flex; align-items:center; justify-content:center; color:#0b1e3d;
}
.support-btn{
    width:48px; height:48px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 22px rgba(0,0,0,.2); color:var(--w-blue);
}
body.senior-mode{ font-size:120%; line-height:1.9; }
body.senior-mode h1{ font-size:145% !important; }
body.senior-mode h2{ font-size:135% !important; }
body.senior-mode p, body.senior-mode span, body.senior-mode a{ font-size:105%; }
body.senior-mode .tts-readable, body.senior-mode h1, body.senior-mode h2, body.senior-mode h3{ cursor:pointer; }
body.senior-mode .tts-readable:hover, body.senior-mode h1:hover, body.senior-mode h2:hover, body.senior-mode h3:hover{ text-decoration:underline dotted; }

/* ===== خريطة التغطية الحية ===== */
.coverage-map-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:14px; max-width:800px; margin:0 auto; }
.coverage-badge{
    padding:16px 10px; border-radius:16px; font-size:13px; font-weight:700; text-align:center;
    display:flex; align-items:center; justify-content:center; min-height:70px; gap:6px;
}
.coverage-badge.active{
    background:#fff; backdrop-filter:none; border:1.5px solid rgba(34,197,94,.5);
    color:#15803d; text-decoration:none; transition:transform .2s, box-shadow .2s;
    box-shadow:0 6px 18px rgba(34,197,94,.15);
}
.coverage-badge.active:hover{ transform:translateY(-4px); box-shadow:0 12px 26px rgba(34,197,94,.25); }
.coverage-dot{ width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 6px #22c55e; flex-shrink:0; }
.coverage-badge.pending{
    background:rgba(148,163,184,.15); border:1.5px dashed rgba(148,163,184,.5); color:#64748b;
    flex-direction:column; gap:2px;
}
.coverage-badge.pending small{ font-size:10px; opacity:.9; }

/* ===== شريط النبض الحي (بيانات حقيقية) ===== */
.live-pulse-bar{
    display:flex; align-items:center; gap:10px; max-width:600px; margin:0 auto 24px;
    padding:10px 18px; border-radius:30px; background:rgba(255,255,255,.12);
    backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.2);
}
.live-pulse-dot{ width:8px; height:8px; border-radius:50%; background:#ef4444; flex-shrink:0; animation:pulseDot 1.6s ease-in-out infinite; }
@keyframes pulseDot{ 0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(239,68,68,.5); } 50%{ opacity:.6; box-shadow:0 0 0 6px rgba(239,68,68,0); } }
.live-pulse-track{ display:flex; gap:26px; overflow:hidden; white-space:nowrap; }
.live-pulse-track span{ color:#fff; font-size:12.5px; font-weight:600; opacity:.92; }
@media (max-width:600px){ .live-pulse-track{ flex-direction:column; gap:2px; } }

/* ===== بانر الزائر العائد (محتوى مخصص) ===== */
.returning-visitor-banner{
    display:flex; align-items:center; gap:16px; padding:18px 22px; border-radius:16px;
    max-width:700px; margin:0 auto; border:1px solid rgba(47,111,239,.25);
}
.returning-visitor-icon{ font-size:26px; flex-shrink:0; }
.returning-visitor-text{ flex:1; display:flex; flex-direction:column; }
.returning-visitor-text strong{ color:var(--w-navy); font-size:14.5px; }
.returning-visitor-text span{ color:var(--w-navy-soft); font-size:12.5px; }
.returning-visitor-btn{
    flex-shrink:0; padding:10px 18px; border-radius:10px; font-weight:800; font-size:13px;
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; white-space:nowrap;
}
@media (max-width:600px){ .returning-visitor-banner{ flex-wrap:wrap; text-align:center; justify-content:center; } }

/* ===== نصائح الأطباء (الرئيسية) ===== */
.doctor-tips-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.doctor-tip-mini{ display:block; padding:22px; border-radius:18px; text-decoration:none; transition:transform .2s; }
.doctor-tip-mini:hover{ transform:translateY(-5px); }
.doctor-tip-mini-text{ color:var(--w-navy); font-size:14px; line-height:1.8; margin-bottom:16px; min-height:70px; }
.doctor-tip-mini-author{ display:flex; align-items:center; gap:10px; padding-top:14px; border-top:1px solid var(--w-glass-border); }
.doctor-tip-mini-author img{ width:36px; height:36px; border-radius:50%; object-fit:cover; }
.doctor-tip-mini-author span{ font-size:12.5px; font-weight:700; color:var(--w-navy); }
@media (max-width:900px){ .doctor-tips-grid{ grid-template-columns:1fr; } }

/* ===== واجهة الحجز الجديدة (اختيار يوم + نموذج) ===== */
.booking-days-row{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-bottom:14px; }
.booking-day-btn{
    padding:10px 6px; border-radius:10px; border:1.5px solid var(--w-glass-border);
    background:rgba(255,255,255,.6); color:var(--w-navy); font-size:12.5px; font-weight:700;
    cursor:pointer; transition:all .2s; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.booking-day-btn:hover{ border-color:var(--w-blue); }
.booking-day-btn.active{
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; border-color:transparent;
    box-shadow:0 4px 14px var(--w-blue-glow);
}
.booking-form-panel{ padding-top:6px; }

@media (max-width: 480px) {
    .wisal-booking-modal-overlay{
        align-items:flex-start; padding:0; backdrop-filter:none; overflow-y:auto;
    }
    .wisal-booking-modal-panel{
        max-width:100%; width:100%; min-height:100vh; max-height:none;
        border-radius:0; padding:20px; padding-top:56px;
    }
    .booking-days-row{ display:flex; flex-direction:column; gap:8px; }
    .booking-day-btn{ width:100%; padding:14px 10px; font-size:14px; white-space:normal; }
    .booking-period-row{ display:flex; flex-direction:column; gap:8px; }
    .booking-period-btn{ width:100%; padding:14px 10px; font-size:14px; }
}

/* ===== عجلة الوقت البصرية + استشعار الأولوية (الأسبوع 1) ===== */
.booking-period-row{ display:flex; gap:8px; flex-wrap:wrap; }
.booking-period-btn{
    padding:9px 14px; border-radius:12px; border:1.5px solid var(--w-glass-border);
    background:rgba(255,255,255,.6); color:var(--w-navy); font-size:13px; font-weight:700; cursor:pointer; transition:all .2s;
}
.booking-period-btn:hover{ border-color:var(--w-blue); }
.booking-period-btn.active{
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; border-color:transparent; box-shadow:0 4px 14px var(--w-blue-glow);
}

/* ===== نافذة الحجز الذكية العائمة (الأسبوع 4) ===== */
.wisal-booking-modal-overlay{
    display:none; position:fixed; inset:0; z-index:9999; background:rgba(11,30,61,.55);
    backdrop-filter:blur(4px); align-items:center; justify-content:center; padding:20px;
}
.wisal-booking-modal-overlay.show{ display:flex; animation:modalFadeIn .25s ease; }
@keyframes modalFadeIn{ from{ opacity:0; } to{ opacity:1; } }
.wisal-booking-modal-panel{
    position:relative; width:100%; max-width:440px; max-height:88vh; overflow-y:auto;
    padding:26px; border-radius:22px;
}
.wisal-booking-modal-close{
    position:absolute; top:14px; left:14px; width:32px; height:32px; border-radius:50%;
    background:rgba(11,30,61,.08); border:none; color:var(--w-navy); font-size:16px; cursor:pointer; z-index:2;
}
.wisal-booking-modal-brand{ font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--w-navy); margin-bottom:16px; }
.wisal-booking-modal-brand span{ color:var(--w-neon); }

/* ===== مرضى المتابعة اليومية ===== */
.wisal-followup-modal-overlay{
    display:none; position:fixed; inset:0; z-index:9999; background:rgba(11,30,61,.55);
    backdrop-filter:blur(4px); align-items:center; justify-content:center; padding:20px;
}
.wisal-followup-modal-overlay.show{ display:flex; }
.wisal-followup-modal-panel{
    position:relative; width:100%; max-width:440px; max-height:88vh; overflow-y:auto;
    padding:26px; border-radius:22px; background:#fff;
}
.wisal-followup-modal-close{
    position:absolute; top:14px; left:14px; width:32px; height:32px; border-radius:50%;
    background:rgba(11,30,61,.08); border:none; color:var(--w-navy); font-size:16px; cursor:pointer;
}
.followup-status-row{ display:flex; gap:8px; }
.followup-status-btn{
    flex:1; padding:10px 6px; border-radius:10px; border:1.5px solid var(--w-glass-border);
    background:rgba(255,255,255,.6); font-size:12.5px; font-weight:700; cursor:pointer; color:var(--w-navy-soft);
}
.followup-status-btn[data-status="stable"].active{ background:rgba(34,197,94,.12); border-color:#16a34a; color:#16a34a; }
.followup-status-btn[data-status="attention"].active{ background:rgba(217,119,6,.12); border-color:#d97706; color:#d97706; }
.followup-status-btn[data-status="critical"].active{ background:rgba(220,38,38,.12); border-color:#dc2626; color:#dc2626; }

/* ===== التذكرة الرقمية (الأسبوع 2) ===== */
.digital-pass-card{
    background:linear-gradient(150deg,#0b1e3d,#123a7a 60%,#2f6fef);
    border-radius:20px; padding:20px; color:#fff; position:relative; overflow:hidden;
}
.digital-pass-card::before{ content:""; position:absolute; top:-40px; left:-40px; width:140px; height:140px; background:radial-gradient(circle,rgba(34,211,238,.3),transparent 70%); }
.digital-pass-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; position:relative; z-index:1; }
.digital-pass-brand{ font-weight:800; font-size:14px; }
.digital-pass-brand span{ color:#22d3ee; }
.digital-pass-code{ font-size:11px; background:rgba(255,255,255,.12); padding:4px 10px; border-radius:10px; font-family:monospace; letter-spacing:.5px; }
.digital-pass-body{ display:flex; align-items:center; gap:14px; position:relative; z-index:1; margin-bottom:14px; }
.digital-pass-queue{ font-family:var(--font-display); font-weight:800; font-size:36px; color:#22d3ee; background:rgba(255,255,255,.08); width:64px; height:64px; border-radius:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.digital-pass-details{ display:flex; flex-direction:column; }
.digital-pass-details strong{ font-size:14.5px; }
.digital-pass-details span{ font-size:12px; color:#a8c5f0; margin-top:2px; }
.digital-pass-map, .digital-pass-share{
    display:block; text-align:center; padding:10px; border-radius:10px; font-weight:700; font-size:12.5px;
    text-decoration:none; margin-top:8px; position:relative; z-index:1;
}
.digital-pass-map{ background:rgba(255,255,255,.12); color:#fff; }
.digital-pass-share{ background:#25D366; color:#fff; }

/* ===== عداد الإنجاز الحي ===== */
.live-counter-section{ text-align:center; }
.live-counter-subtitle{ color:var(--w-navy-soft); margin-top:-8px; margin-bottom:24px; }
.live-counter-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.live-counter-card{ padding:30px 16px; border-radius:20px; }
.live-counter-num{
    font-family:var(--font-display); font-weight:800; font-size:42px;
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon));
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    line-height:1.1; margin-bottom:8px;
}
.live-counter-card span{ color:var(--w-navy-soft); font-size:13.5px; font-weight:600; }
@media (max-width:768px){ .live-counter-grid{ grid-template-columns:repeat(2,1fr); } .live-counter-num{ font-size:34px; } }

/* ===== البحث الفضائي - بحث فوري موحّد ===== */
.mega-search-wrap{ position:relative; max-width:520px; margin-bottom:16px; z-index:20; }
.mega-search-box{
    display:flex; align-items:center; gap:10px; padding:16px 20px;
    background:rgba(255,255,255,.16); backdrop-filter:blur(24px) saturate(180%);
    border:1.5px solid rgba(34,211,238,.5); border-radius:18px;
    box-shadow:0 0 0 0 rgba(34,211,238,.4), 0 12px 40px rgba(0,0,0,.2);
    transition:box-shadow .3s;
}
.mega-search-box:focus-within{ box-shadow:0 0 0 4px rgba(34,211,238,.25), 0 16px 46px rgba(0,0,0,.25); }
.mega-search-icon{ font-size:18px; flex-shrink:0; }
.mega-search-box input{
    flex:1; background:none; border:none; outline:none; color:#fff;
    font-family:var(--font-body); font-size:15px;
}
.mega-search-box input::placeholder{ color:rgba(255,255,255,.6); }
.mega-search-results{
    display:none; position:absolute; top:calc(100% + 8px); right:0; left:0;
    background:rgba(255,255,255,.98); backdrop-filter:blur(20px);
    border-radius:16px; box-shadow:0 20px 50px rgba(0,0,0,.3);
    max-height:400px; overflow-y:auto; padding:8px;
}
.mega-search-results.show{ display:block; }
.mega-search-group{ margin-bottom:6px; }
.mega-search-label{ display:block; font-size:11px; font-weight:800; color:var(--w-navy-soft); padding:8px 10px 4px; }
.mega-search-item{
    display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px;
    color:var(--w-navy); text-decoration:none; font-size:14px; transition:background .15s;
}
.mega-search-item:hover{ background:rgba(47,111,239,.08); }
.mega-search-item-avatar{
    width:32px; height:32px; border-radius:50%; background-color:var(--w-blue); background-size:cover; background-position:center;
    flex-shrink:0;
}
.mega-search-item-text{ flex:1; }
.mega-search-gold{ color:var(--w-gold); font-size:14px; }
.mega-search-empty{ padding:16px; text-align:center; color:var(--w-navy-soft); font-size:13.5px; }

.search-form-v2{ border-radius:22px; padding:22px; background:rgba(255,255,255,.14); backdrop-filter:blur(24px) saturate(180%);
    border:1.5px solid rgba(34,211,238,.45); box-shadow:0 12px 50px rgba(0,0,0,.25), 0 0 40px rgba(34,211,238,.18), inset 0 1px 0 rgba(255,255,255,.3);
    position:relative; overflow:hidden; max-width:520px; }
.search-form-v2::before{ content:""; position:absolute; top:0; right:0; left:0; height:1px;
    background:linear-gradient(90deg,transparent,rgba(34,211,238,.8),transparent); }
.search-form-v2-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:12px; }
.search-form-v2 select{ width:100%; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.4);
    background:rgba(255,255,255,.95); color:var(--w-navy); font-family:var(--font-body); font-size:13.5px; }
.search-form-v2-btn{ width:100%; padding:15px; border-radius:14px; border:none; cursor:pointer;
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; font-weight:800; font-family:var(--font-display);
    font-size:15px; box-shadow:0 0 28px var(--w-neon-glow); display:flex; align-items:center; justify-content:center; gap:8px; }
@media (max-width:640px){ .search-form-v2-grid{ grid-template-columns:1fr; } }

/* ===== أيقونات تواصل عائمة بجانب صورة الهيرو ===== */
.hero-side-contacts{ position:absolute; top:50%; left:-58px; transform:translateY(-50%); z-index:3;
    display:flex; flex-direction:column; gap:14px; }
.hero-side-contacts a{ width:44px; height:44px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 22px rgba(0,0,0,.2); transition:transform .2s; }
.hero-side-contacts a:hover{ transform:scale(1.12); }
@media (max-width:900px){ .hero-side-contacts{ display:none; } }
.hero-visual-card{ border-radius:24px; overflow:hidden; box-shadow:0 30px 60px rgba(0,0,0,.35), 0 0 30px var(--w-neon-glow); }
.hero-visual-card img{ width:100%; display:block; }
.floating-chip{ position:absolute; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-radius:16px; padding:12px 16px;
    box-shadow:0 10px 30px rgba(0,0,0,.2); display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--w-navy); }
.floating-chip.chip1{ top:-16px; right:-16px; }
.floating-chip.chip2{ bottom:-14px; left:-16px; }
.floating-chip .dot-green{ width:9px; height:9px; border-radius:50%; background:#22c55e; box-shadow:0 0 8px #22c55e; }
@media (max-width:900px){ .hero-grid{ grid-template-columns:1fr; text-align:center; } .hero-visual{ order:-1; max-width:340px; margin:0 auto; } }

/* ===== لوحة الهيرو: صورة (بدون رموز إضافية - صورة الهيرو غالبًا تحتوي تفاصيلها الخاصة) ===== */
.hero-photo-panel{ position:relative; aspect-ratio:4/3; }
.hero-photo-panel img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-icons-overlay{ display:none; }
.mi-6{ top:4%; left:42%; font-size:20px; width:38px; height:38px; opacity:.9; }
.mi-7{ bottom:6%; right:36%; font-size:20px; width:38px; height:38px; opacity:.9; }

/* ===== مساحة إعلانية ===== */
.ad-slot{ border:2px dashed rgba(47,111,239,.35); border-radius:16px; background:rgba(47,111,239,.04);
    display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--w-navy-soft);
    font-size:13px; font-weight:700; text-align:center; gap:4px; }
.ad-slot span.ad-label{ font-size:11px; background:rgba(47,111,239,.12); color:var(--w-blue-dark); padding:2px 10px; border-radius:10px; }
.ad-slot-leaderboard{ max-width:1100px; margin:30px auto 0; height:110px; }
.ad-slot-sidebar{ height:250px; margin-top:20px; }

/* ===== شريط الباقة الذهبية المتحرك تلقائيًا ===== */
.gold-marquee-wrap{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.gold-marquee-track{ display:flex; gap:24px; width:max-content; animation:goldScroll 28s linear infinite; }
.gold-marquee-track:hover{ animation-play-state:paused; }
.marquee-item{ width:290px; flex:0 0 auto; }
@keyframes goldScroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* ===== الشريط الإخباري المتحرك ===== */
.news-ticker{ display:flex; align-items:center; background:var(--w-navy); overflow:hidden; position:relative; z-index:5; }
.news-ticker-badge{
    flex-shrink:0; display:flex; align-items:center; gap:6px; background:#d9534f; color:#fff;
    padding:8px 16px; font-family:var(--font-display); font-weight:800; font-size:13px; white-space:nowrap;
    box-shadow:4px 0 12px rgba(0,0,0,.25); z-index:1;
}
.news-ticker-track-wrap{ flex:1; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.news-ticker-track{ display:flex; width:max-content; animation:newsTickerScroll 22s linear infinite; }
.news-ticker-track:hover{ animation-play-state:paused; }
.news-ticker-track span{ padding:8px 40px 8px 0; color:#dbe8ff; font-size:13.5px; white-space:nowrap; }
@keyframes newsTickerScroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@media (max-width:640px){ .news-ticker-badge span:last-child{ display:none; } }
.stars small{ color:var(--w-navy-soft); font-weight:400; font-size:11px; }

/* ===== شريط الإعلانات المتحرك (نفس أسلوب الذهبية) ===== */
.ad-marquee-section{ max-width:1100px; margin:36px auto 0; padding:0 24px; }
.ad-card{ flex:0 0 auto; width:260px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; border:2px dashed rgba(47,111,239,.3); background:rgba(47,111,239,.04); border-radius:16px; }
.ad-card b{ font-family:var(--font-display); color:var(--w-blue-dark); font-size:15px; }
.ad-card span{ color:var(--w-navy-soft); font-size:12px; margin-top:4px; }
.ad-marquee-track{ animation-duration:22s; }

/* ===== صفحة الباقة الذهبية الكاملة ===== */
.gold-hero{ background:linear-gradient(120deg,#8a6200,#0b1e3d 70%) center/cover; }
.gold-hero::before{ background:linear-gradient(180deg, rgba(74,46,0,.5), rgba(11,30,61,.78)); }
.gold-search-bar{ display:flex; flex-wrap:wrap; gap:12px; padding:18px; border-radius:16px; margin-bottom:30px; }
.gold-search-bar input, .gold-search-bar select{ flex:1; min-width:160px; padding:12px 16px; border-radius:10px;
    border:1px solid var(--w-glass-border); background:rgba(255,255,255,.85); font-family:var(--font-body); font-size:14px; color:var(--w-navy); }
.gold-full-grid{ grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
.gold-full-card{ transition:transform .25s, box-shadow .25s; }
.gold-full-card:hover{ transform:translateY(-8px) scale(1.02); }
.gold-full-card.hidden-by-filter{ display:none; }

/* ===== صفحة اتصل بنا ===== */
.contact-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; }
.contact-item{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:26px 14px; border-radius:16px; text-align:center; transition:.25s; }
.contact-item:hover{ transform:translateY(-6px); box-shadow:0 14px 34px var(--w-blue-glow); }
.contact-icon{ font-size:30px; }
.contact-item b{ color:var(--w-navy); font-family:var(--font-display); }
.contact-item span{ color:var(--w-navy-soft); font-size:13px; }
.emergency-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-top:20px; }
.emergency-item{ text-align:center; padding:22px 14px; border-radius:16px; }
.emergency-item b{ display:block; color:var(--w-navy); margin-bottom:6px; }
.emergency-item span{ color:var(--w-navy-soft); font-size:13px; }

/* ===== شبكة وصال للتبرع بالدم ===== */
.blood-hero{ background:linear-gradient(120deg,#7a1616,#0b1e3d 70%) center/cover; }
.blood-hero::before{ background:linear-gradient(180deg, rgba(90,10,10,.5), rgba(11,30,61,.78)); }
.blood-banner{ max-width:1100px; margin:0 auto; padding:26px 30px; border-radius:22px; display:flex; align-items:center; gap:20px; flex-wrap:wrap;
    border:1px solid rgba(217,83,79,.3); box-shadow:0 10px 34px rgba(217,83,79,.12); }
.blood-banner-icon{ font-size:42px; }
.blood-banner-text{ flex:1; min-width:200px; }
.blood-banner-text h3{ margin:0 0 4px; }
.blood-banner-text p{ color:var(--w-navy-soft); font-size:13.5px; margin:0; }
.blood-banner-btn{ padding:12px 26px; border-radius:12px; border:none; font-weight:800; font-family:var(--font-display); cursor:pointer;
    background:linear-gradient(90deg,#d9534f,#ff8a8a); color:#fff; box-shadow:0 0 20px rgba(217,83,79,.4); white-space:nowrap; }

.blood-cta-row{ text-align:center; margin-bottom:24px; }
.blood-join-btn{ padding:12px 26px; border-radius:12px; font-weight:800; cursor:pointer; font-family:var(--font-display); font-size:14px;
    border:1px solid #d9534f; color:#d9534f; background:rgba(217,83,79,.08); }

.blood-card{ overflow:hidden; padding:20px; display:flex; align-items:center; gap:16px; transition:.25s; }
.blood-card:hover{ transform:translateY(-6px); box-shadow:0 14px 34px rgba(217,83,79,.15); }
.blood-type-circle{ width:56px; height:56px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#d9534f,#ff8a8a); color:#fff; font-family:var(--font-display); font-weight:900; font-size:16px;
    box-shadow:0 0 18px rgba(217,83,79,.4); }
.blood-card-body h3{ font-size:16px; margin:0 0 6px; }
.blood-card.hidden-by-filter{ display:none; }

/* ===== الاختبار التفاعلي ===== */
.quiz-box{ max-width:650px; margin:0 auto; padding:26px; border-radius:20px; text-align:center; }
.quiz-intro{ color:var(--w-navy-soft); font-size:13px; margin-bottom:18px; }
.quiz-question{ text-align:right; margin-bottom:18px; padding-bottom:14px; border-bottom:1px dashed var(--w-glass-border); }
.quiz-question:last-child{ border-bottom:none; }
.quiz-question p{ font-weight:700; color:var(--w-navy); margin-bottom:10px; font-size:14px; }
.quiz-options{ display:flex; flex-direction:column; gap:8px; }
.quiz-option{ display:block; width:100%; text-align:right; padding:11px 16px; border-radius:10px;
    border:1px solid var(--w-glass-border); background:rgba(255,255,255,.6); cursor:pointer; font-family:var(--font-body);
    font-size:13.5px; color:var(--w-navy-soft); transition:.2s; }
.quiz-option.selected{ border-color:var(--w-blue); background:rgba(47,111,239,.1); color:var(--w-blue-dark); font-weight:700; }
.quiz-submit-btn{ margin-top:10px; padding:13px 30px; border-radius:12px; border:none; font-weight:800; cursor:pointer;
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; box-shadow:0 0 20px var(--w-neon-glow); }
.quiz-result-box{ text-align:center; padding-top:10px; }
.quiz-result-box .quiz-score{ font-family:var(--font-display); font-size:32px; font-weight:900; color:var(--w-blue-dark); margin-bottom:6px; }
.quiz-result-box .quiz-label{ font-weight:800; margin-bottom:12px; }
.quiz-result-box p{ color:var(--w-navy-soft); font-size:14px; }
.quiz-retry-btn{ margin-top:14px; padding:10px 22px; border-radius:10px; border:1px solid var(--w-glass-border);
    background:rgba(255,255,255,.7); cursor:pointer; font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--w-navy); }

/* ===== الإضافات الأربعة: موثّق، خدمة منزلية، مفتوح الآن، فارز الأعراض ===== */
.verified-badge{ display:inline-flex; align-items:center; gap:3px; background:rgba(34,197,94,.15); color:#15803d;
    font-size:11px; font-weight:800; padding:3px 10px; border-radius:20px; }
.home-service-badge{ display:inline-flex; align-items:center; gap:3px; background:rgba(47,111,239,.12); color:var(--w-blue-dark);
    font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; }
.hijama-gender-badge{ display:inline-flex; align-items:center; gap:3px; background:rgba(34,197,94,.12); color:#166534;
    font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; }
.entity-card.hijama-card{ border-color:rgba(34,197,94,.3); }
.entity-card.hijama-card::after{
    content:"🌿 طب بديل وتكميلي"; position:absolute; bottom:10px; right:14px; font-size:10px; color:#166534;
    background:rgba(34,197,94,.1); padding:2px 8px; border-radius:10px; font-weight:700;
}
.open-now-badge{ display:inline-flex; align-items:center; gap:5px; background:rgba(34,197,94,.15); color:#15803d;
    font-size:12px; font-weight:800; padding:4px 12px; border-radius:20px; margin-bottom:6px; }
.open-now-badge .pulse-dot{ width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 8px #22c55e; animation:pulseDot 1.5s ease-in-out infinite; }
.closed-now-badge{ display:inline-flex; align-items:center; gap:5px; background:rgba(217,83,79,.12); color:#d9534f;
    font-size:12px; font-weight:800; padding:4px 12px; border-radius:20px; margin-bottom:6px; }
@keyframes pulseDot{ 0%,100%{ opacity:1; } 50%{ opacity:.3; } }
.badges-row{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:8px; }

/* ===== أداة فارز الأعراض ===== */
.symptom-finder{ max-width:600px; margin:0 auto; padding:22px; border-radius:20px; text-align:center; }
.symptom-finder h3{ margin-bottom:6px; }
.symptom-finder p{ color:var(--w-navy-soft); font-size:13px; margin-bottom:16px; }
.symptom-finder-form{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.symptom-finder-form input{ flex:1; min-width:200px; padding:13px 18px; border-radius:12px; border:1px solid var(--w-glass-border);
    background:rgba(255,255,255,.9); font-family:var(--font-body); font-size:14px; }
.symptom-finder-form button{ padding:13px 24px; border-radius:12px; border:none; background:linear-gradient(90deg,var(--w-blue),var(--w-neon));
    color:#fff; font-weight:800; cursor:pointer; box-shadow:0 0 20px var(--w-neon-glow); }
.symptom-result{ margin-top:14px; font-size:14px; color:var(--w-navy); display:none; }
.symptom-result.show{ display:block; }
.symptom-hint{ font-size:12px; color:var(--w-navy-soft); margin-top:10px; }

/* ===== مستكشف الجسم التفاعلي ===== */
.body-explorer-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; max-width:700px; margin:0 auto; }
.body-chips-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.body-chip{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:18px 8px; border-radius:16px;
    background:var(--w-glass-bg); backdrop-filter:blur(14px); border:1px solid var(--w-glass-border);
    cursor:pointer; font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--w-navy);
    transition:transform .2s, box-shadow .2s, border-color .2s; }
.body-chip:hover, .body-chip.active-chip{ transform:translateY(-4px); box-shadow:0 12px 30px var(--w-blue-glow); border-color:var(--w-neon); }
.body-chip span{ font-size:12px; }
.body-chip .chip-icon{ font-size:24px; }
.body-info-panel{ padding:24px; border-radius:18px; min-height:220px; }
.body-info-placeholder{ color:var(--w-navy-soft); font-size:14px; display:block; text-align:center; margin-top:60px; }
.body-info-panel h4{ color:var(--w-navy); margin-bottom:10px; font-size:19px; }
.body-info-panel h5{ color:var(--w-blue-dark); font-size:13px; margin:14px 0 6px; }
.body-info-panel ul{ margin:0; padding-inline-start:18px; color:var(--w-navy-soft); font-size:13.5px; }
.body-info-panel ul li{ margin-bottom:5px; }
.body-info-goto{ display:inline-block; margin-top:16px; padding:10px 20px; border-radius:12px; font-weight:800; font-size:13px;
    background:linear-gradient(90deg,var(--w-blue),var(--w-neon)); color:#fff; cursor:pointer; border:none; }
@media (max-width:640px){ .body-explorer-wrap{ grid-template-columns:1fr; } .body-chips-grid{ grid-template-columns:repeat(3,1fr); } }

/* ===== دوران الإعلانات كل 30 ثانية ===== */
.ad-rotator{ position:relative; overflow:hidden; }
.ad-rotator .ad-frame{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
    opacity:0; transition:opacity 1s ease; }
.ad-rotator .ad-frame.active{ opacity:1; position:relative; }

/* ===== زر القائمة للجوال ===== */
.menu-toggle{ display:none; background:none; border:none; cursor:pointer; padding:6px; }
.menu-toggle span{ display:block; width:24px; height:2px; background:var(--w-blue); margin:5px 0; border-radius:2px; }
@media (max-width:768px){
    .site-menu{ display:none; position:absolute; top:100%; right:0; left:0; background:rgba(255,255,255,.97);
        backdrop-filter:blur(20px); flex-direction:column; padding:20px; gap:16px; border-bottom:1px solid var(--w-glass-border); }
    .site-menu.open{ display:flex; }
    .menu-toggle{ display:block; }
    .site-header-inner{ position:relative; }
}


@media (max-width:900px){ .doctor-layout{ grid-template-columns:1fr; } }
@media (max-width:768px){ .site-menu{ display:none; } .hero-inner h1{ font-size:30px; } }

/* ===== زر الحجز الثابت بأسفل الشاشة (جوال فقط) ===== */
.mobile-sticky-book{
    display:none; position:fixed; bottom:0; right:0; left:0; z-index:997;
    padding:14px 20px; text-align:center; font-weight:800; font-size:15px; color:#fff;
    background:linear-gradient(90deg,#1fae5c,#22d3ee);
    box-shadow:0 -6px 24px rgba(0,0,0,.15);
}
@media (max-width:768px){
    .mobile-sticky-book{ display:block; }
    body{ padding-bottom:56px; } /* تفادي تغطية الزر لمحتوى أسفل الصفحة */
    .floating-bar{ bottom:70px; } /* رفع الشريط العائم فوق زر الحجز الثابت */
}

/* ===== تكبير مساحات اللمس لسهولة الاستخدام بالجوال ===== */
@media (max-width:768px){
    .body-chip{ min-height:64px; padding:16px 10px; }
    .spec-card{ min-height:110px; }
    .topic-filter span a{ display:inline-block; padding:6px 4px; }
    .carousel-btn{ width:42px; height:42px; }
}
