/*
Theme Name: Dr. Hussein Al-Saggaf
Theme URI: https://drhsaggaf.com
Author: Al-Saggaf Eye Center
Description: موقع د. حسين السقاف - استشاري طب وجراحة العيون
Version: 1.0
Text Domain: drhsaggaf
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Cairo',sans-serif;background:#fff;color:#142950;line-height:1.7;direction:rtl}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
:root{
  --p:#142950;--pl:#1a3a6e;
  --t:#1b988a;--td:#2e6472;--tl:#e6f5f4;--tm:#b8e0dc;
  --lime:#61e578;
  --gray:#f4f7f9;--text:#142950;--muted:#4a6070;
  --r:16px;--sh:0 4px 24px rgba(20,41,80,.08);--shm:0 8px 40px rgba(20,41,80,.14);
}
.con{max-width:1200px;margin:0 auto;padding:0 24px}
.lbl{display:inline-block;background:var(--tl);color:var(--td);font-size:13px;font-weight:700;padding:6px 18px;border-radius:50px;margin-bottom:16px;border:1px solid var(--tm)}
.ttl{font-size:clamp(26px,3.8vw,42px);font-weight:800;color:var(--text);line-height:1.3;margin-bottom:14px}
.ttl span{color:var(--t)}
.sub{font-size:16px;color:var(--muted);max-width:560px;line-height:1.85}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:50px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .3s;white-space:nowrap}
.bt{background:var(--t);color:#fff;box-shadow:0 4px 20px rgba(27,152,138,.3)}.bt:hover{background:var(--td);transform:translateY(-2px)}
.bo{background:transparent;color:var(--t);border:2px solid var(--t)}.bo:hover{background:var(--t);color:#fff}
.bw{background:#fff;color:var(--p);font-weight:800;box-shadow:0 4px 20px rgba(0,0,0,.12)}.bw:hover{background:var(--tl);transform:translateY(-2px)}
.bwa{background:#25D366;color:#fff;box-shadow:0 4px 20px rgba(37,211,102,.3)}.bwa:hover{background:#1ebe57;transform:translateY(-2px)}
/* Header */
header{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(27,152,138,.15);transition:box-shadow .3s}
header.sc{box-shadow:var(--sh)}
.hdr{display:flex;align-items:center;justify-content:space-between;height:78px;gap:16px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo-img{height:48px;width:auto}
.logo-tx strong{display:block;font-size:16px;font-weight:800;color:var(--p)}
.logo-tx span{font-size:11px;color:var(--muted)}
nav a{padding:7px 12px;font-size:13px;font-weight:600;color:var(--muted);border-radius:8px;transition:all .2s;white-space:nowrap}
nav a:hover,nav a.active{color:var(--t);background:var(--tl)}
.hdr-r{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ph-pill{display:flex;align-items:center;gap:6px;background:var(--tl);border:1px solid var(--tm);border-radius:50px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--td);transition:all .2s;white-space:nowrap}
.ph-pill:hover{background:var(--t);color:#fff}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none}
.ham span{display:block;width:24px;height:2px;background:var(--p);border-radius:2px;transition:all .3s}
.mob-nav{display:none;position:fixed;top:78px;right:0;left:0;bottom:0;background:#fff;z-index:999;padding:20px;flex-direction:column;gap:5px;overflow-y:auto}
.mob-nav.open{display:flex}
.mob-nav a{padding:13px 16px;font-size:16px;font-weight:700;color:var(--text);border-radius:12px;border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s}
.mob-nav a:hover{background:var(--tl);color:var(--t)}
/* Hero */
.hero{min-height:100vh;padding-top:78px;background:linear-gradient(148deg,#fff 0%,var(--tl) 55%,#cde9e6 100%);display:flex;align-items:center;overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;top:-80px;left:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(27,152,138,.07),transparent 70%);border-radius:50%;pointer-events:none}
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0;position:relative;z-index:1}
.h-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--tm);border-radius:50px;padding:8px 18px;font-size:13px;font-weight:700;color:var(--td);margin-bottom:22px;box-shadow:0 2px 12px rgba(27,152,138,.1)}
.dot{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}
.h-ttl{font-size:clamp(30px,4.8vw,54px);font-weight:900;line-height:1.2;margin-bottom:18px;color:var(--p)}
.h-ttl .hl{color:var(--t);position:relative;display:inline-block}
.h-ttl .hl::after{content:'';position:absolute;bottom:5px;right:0;left:0;height:5px;background:rgba(27,152,138,.2);border-radius:4px;z-index:-1}
.h-desc{font-size:16px;color:var(--muted);margin-bottom:30px;line-height:1.9;max-width:480px}
.h-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.h-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.sc-card{background:#fff;border-radius:14px;padding:15px 10px;text-align:center;box-shadow:var(--sh);border:1px solid rgba(27,152,138,.1);transition:transform .3s}
.sc-card:hover{transform:translateY(-4px)}
.sc-num{font-size:26px;font-weight:900;color:var(--t);display:block;line-height:1}
.sc-lbl{font-size:10px;color:var(--muted);font-weight:600;margin-top:4px}
.h-img-w{position:relative}
.h-img{width:100%;border-radius:24px;box-shadow:var(--shm);height:560px;object-fit:cover;object-position:top center}
.fc{position:absolute;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shm);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--text);border-right:3px solid var(--t)}
.fcic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--tl);flex-shrink:0}
.fc1{top:28px;left:-22px}.fc2{bottom:80px;left:-26px}
.fc3{top:50%;right:-22px;transform:translateY(-50%);flex-direction:column;text-align:center;gap:5px;padding:16px 12px;border-right:none;border-top:3px solid var(--t)}
/* Specialties */
.spc-sec{padding:96px 0;background:#fff}
.spc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.spc-card{border-radius:var(--r);padding:26px 22px;background:#fff;box-shadow:var(--sh);border:1px solid rgba(0,0,0,.06);transition:all .3s;position:relative;overflow:hidden}
.spc-card::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;background:var(--t);transform:scaleX(0);transition:transform .3s}
.spc-card:hover{transform:translateY(-6px);box-shadow:var(--shm);border-color:rgba(27,152,138,.2)}.spc-card:hover::after{transform:scaleX(1)}
.spc-ic{width:58px;height:58px;background:var(--tl);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:18px}
.spc-card h3{font-size:17px;font-weight:800;margin-bottom:8px;color:var(--p)}
.spc-card p{font-size:14px;color:var(--muted);line-height:1.75}
.spc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tag{background:var(--tl);color:var(--td);font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px}
/* About */
.abt-sec{padding:96px 0;background:linear-gradient(160deg,var(--tl) 0%,#fff 55%)}
.abt-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.abt-iw{position:relative}
.abt-img{width:100%;border-radius:22px;box-shadow:var(--shm);height:580px;object-fit:cover;object-position:top center}
.ab-b{position:absolute;background:#fff;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:9px;box-shadow:var(--shm);font-size:12px;font-weight:700;color:var(--text);border-right:3px solid var(--t)}
.ab-ic{width:32px;height:32px;background:var(--tl);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.ab1{top:30px;left:-20px}.ab2{bottom:90px;left:-20px}.ab3{top:50%;right:-20px;transform:translateY(-50%)}
.crd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.crd-it{background:#fff;border-radius:11px;padding:12px 10px;display:flex;align-items:flex-start;gap:9px;box-shadow:0 2px 12px rgba(20,41,80,.06);border:1px solid rgba(27,152,138,.12)}
.crd-ic{width:32px;height:32px;min-width:32px;background:var(--tl);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}
.crd-tx strong{display:block;font-size:12px;font-weight:800;color:var(--p)}
.crd-tx span{font-size:11px;color:var(--muted)}
/* Awards */
.aw-sec{padding:80px 0;background:var(--gray)}
.aw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.aw-card{background:#fff;border-radius:var(--r);padding:24px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--sh);border:1px solid rgba(0,0,0,.05);transition:all .3s}
.aw-card:hover{transform:translateY(-6px);box-shadow:var(--shm)}
.aw-img{width:80px;height:80px;object-fit:contain;margin:0 auto 14px}
.aw-card h3{font-size:13px;font-weight:800;margin-bottom:5px;color:var(--p)}
.aw-card p{font-size:11px;color:var(--muted)}
/* Stats */
.sts-sec{padding:72px 0;background:var(--p);color:#fff}
.sts-in{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}
.sti{padding:20px 12px;border-left:1px solid rgba(255,255,255,.13)}
.sti:last-child{border-left:none}
.sti .big{font-size:38px;font-weight:900;line-height:1;color:var(--lime)}
.sti .lbl{font-size:12px;opacity:.75;margin-top:5px;font-weight:600}
/* Why */
.why-sec{padding:96px 0;background:var(--p)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.why-c{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:26px 22px;transition:all .3s;position:relative;overflow:hidden}
.why-c::before{content:'';position:absolute;top:0;right:0;width:3px;height:0;background:var(--t);transition:height .4s}
.why-c:hover{background:rgba(27,152,138,.1);border-color:rgba(27,152,138,.3);transform:translateY(-4px)}.why-c:hover::before{height:100%}
.why-ic{width:50px;height:50px;background:rgba(27,152,138,.18);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:15px}
.why-c h3{font-size:16px;font-weight:800;margin-bottom:8px;color:#fff}
.why-c p{font-size:13px;color:rgba(255,255,255,.62);line-height:1.8}
/* Booking */
.book-sec{padding:80px 0;background:var(--tl)}
.book-in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
/* Testimonials */
.tsti-sec{padding:96px 0;background:linear-gradient(160deg,#fff,var(--tl))}
.tsti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.tsti-c{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sh);border:1px solid rgba(27,152,138,.1);transition:transform .3s}
.tsti-c:hover{transform:translateY(-4px)}
.stars{color:#f59e0b;font-size:14px;margin-bottom:12px;letter-spacing:2px}
.tsti-tx{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:16px;font-style:italic}
.tsti-au{display:flex;align-items:center;gap:10px}
.tsti-av{width:42px;height:42px;background:var(--t);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800;flex-shrink:0}
.tsti-nm strong{display:block;font-size:13px;font-weight:800;color:var(--p)}
.tsti-nm span{font-size:11px;color:var(--muted)}
/* FAQ */
.faq-sec{padding:96px 0;background:var(--p)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}
.faq-it{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);overflow:hidden}
.faq-q{padding:17px 20px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .2s;user-select:none}
.faq-q:hover{background:rgba(27,152,138,.12)}
.faq-arr{color:var(--t);font-size:19px;transition:transform .3s;flex-shrink:0}
.faq-a{padding:0 20px 16px;font-size:13px;color:rgba(255,255,255,.62);line-height:1.9;display:none}
.faq-it.open .faq-arr{transform:rotate(180deg)}.faq-it.open .faq-a{display:block}
.faq-it.open{border-color:rgba(27,152,138,.4);background:rgba(27,152,138,.08)}
/* YouTube */
.yt-sec{padding:96px 0;background:var(--gray)}
.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.yt-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:all .3s}
.yt-card:hover{transform:translateY(-5px);box-shadow:var(--shm)}
.yt-thumb{position:relative;padding-bottom:56.25%;background:#000;overflow:hidden}
.yt-thumb iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.yt-info{padding:16px}
.yt-info h3{font-size:14px;font-weight:800;color:var(--p);line-height:1.5;margin-bottom:6px}
.yt-info span{font-size:12px;color:var(--muted)}
/* Blog */
.blog-sec{padding:96px 0;background:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.blog-c{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:all .3s;display:block;color:inherit}
.blog-c:hover{transform:translateY(-5px);box-shadow:var(--shm)}
.blog-th{width:100%;height:170px;background:var(--tl);display:flex;align-items:center;justify-content:center;font-size:44px}
.blog-bd{padding:18px}
.blog-cat{font-size:11px;font-weight:700;color:var(--td);background:var(--tl);padding:3px 10px;border-radius:50px;display:inline-block;margin-bottom:9px}
.blog-bd h3{font-size:15px;font-weight:800;margin-bottom:7px;color:var(--p);line-height:1.5}
.blog-bd p{font-size:13px;color:var(--muted);line-height:1.7}
.blog-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--muted)}
/* CTA */
.cta-sec{padding:96px 0;background:linear-gradient(135deg,var(--td),var(--t));color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-sec::before{content:'👁';position:absolute;font-size:400px;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;line-height:1}
.cta-in{position:relative;z-index:1}
.cta-acts{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:34px;flex-wrap:wrap}
.cta-info{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:32px;flex-wrap:wrap}
.cta-ii{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.88)}
/* Footer */
footer{background:#07101C;color:rgba(255,255,255,.65);padding:80px 0 0}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}
.ft-logo{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.ft-logo-img{height:44px;width:auto;filter:brightness(0) invert(1)}
.ft-logo-tx strong{display:block;font-size:16px;font-weight:800;color:#fff}
.ft-logo-tx span{font-size:11px;color:rgba(255,255,255,.4)}
.ft-desc{font-size:13px;line-height:1.8;color:rgba(255,255,255,.45);margin-bottom:18px}
/* Social grid in footer */
.ft-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.ft-soc-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700;color:rgba(255,255,255,.75);transition:all .2s;text-decoration:none}
.ft-soc-btn:hover{background:var(--t);color:#fff;transform:translateY(-2px)}
.ft-soc-ic{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.ft-col h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:16px;padding-bottom:9px;border-bottom:2px solid rgba(27,152,138,.28)}
.ft-col ul{list-style:none}
.ft-col ul li{margin-bottom:9px}
.ft-col ul li a{font-size:13px;color:rgba(255,255,255,.5);transition:color .2s;display:flex;align-items:center;gap:6px}
.ft-col ul li a:hover{color:var(--t)}
.ct-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin-bottom:11px;color:rgba(255,255,255,.5)}
.ct-ic{font-size:15px;flex-shrink:0;margin-top:1px}
.ft-bot{border-top:1px solid rgba(255,255,255,.07);padding:22px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:10px}
.ft-bot a{color:var(--t)}
/* Floating WhatsApp */
.wa-float{position:fixed;bottom:28px;left:28px;z-index:900}
.wa-bbl{display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;border-radius:50px;padding:12px 18px;font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;box-shadow:0 4px 24px rgba(37,211,102,.4);transition:all .3s;text-decoration:none;white-space:nowrap}
.wa-bbl:hover{transform:translateY(-3px);background:#1ebe57}
.wic{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.wa-tx{line-height:1.2}.wa-tx small{display:block;font-size:11px;opacity:.85;font-weight:400}
.scrl{position:fixed;bottom:28px;right:28px;width:44px;height:44px;background:var(--t);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 20px rgba(27,152,138,.4);cursor:pointer;opacity:0;pointer-events:none;transition:all .3s;z-index:900;border:none;font-family:'Cairo',sans-serif}
.scrl.on{opacity:1;pointer-events:all}.scrl:hover{transform:translateY(-3px);background:var(--td)}
/* Booking widget override */
.doctor-booking-widget{border-radius:var(--r) !important;border-color:var(--tm) !important}
.doctor-booking-widget h3{color:var(--p) !important;font-family:'Cairo',sans-serif !important}
.dbw-slot{background:linear-gradient(135deg,var(--t),var(--td)) !important;font-family:'Cairo',sans-serif !important;border-radius:10px !important}
.dbw-btn{background:linear-gradient(135deg,var(--t),var(--td)) !important;font-family:'Cairo',sans-serif !important}
.dbw-whatsapp{background:linear-gradient(135deg,#25d366,#1fb655) !important}
/* Animations */
.fu{opacity:0;transform:translateY(26px);transition:all .65s ease}
.fu.vis{opacity:1;transform:translateY(0)}
/* Responsive */
@media(max-width:1024px){.hero-in{gap:40px}.ft-grid{grid-template-columns:1fr 1fr}.sts-in{grid-template-columns:repeat(3,1fr)}.aw-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  nav,.ph-pill{display:none}.ham{display:flex}
  .hero-in{grid-template-columns:1fr;text-align:center;padding:40px 0 60px}
  .h-img-w{order:-1}.h-img{height:320px}
  .h-stats{grid-template-columns:repeat(3,1fr)}
  .h-acts,.h-badge{justify-content:center}.h-desc{margin:0 auto 26px}
  .fc1,.fc2,.fc3{display:none}
  .spc-grid{grid-template-columns:1fr}
  .abt-in{grid-template-columns:1fr}.ab1,.ab2,.ab3{display:none}
  .aw-grid{grid-template-columns:1fr 1fr}
  .sts-in{grid-template-columns:1fr 1fr}.sti{border-left:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .why-grid{grid-template-columns:1fr}
  .book-in{grid-template-columns:1fr}
  .tsti-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}
  .yt-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}.crd-grid{grid-template-columns:1fr}
  .cta-info{gap:16px}.ft-social-grid{grid-template-columns:1fr}
}
@media(max-width:480px){.h-stats,.sts-in{grid-template-columns:1fr}.aw-grid{grid-template-columns:1fr}}



  .doctor-booking-widget{background:#fff;border:1px solid #e6f5f4;border-radius:22px;padding:20px;box-shadow:0 10px 25px rgba(20,41,80,.08);margin-top:24px;font-family:'Cairo',Tahoma,Arial,sans-serif;direction:rtl;text-align:right}
  .doctor-booking-widget h3{margin:0 0 10px;color:#142950;font-size:22px}
  .doctor-booking-widget p{margin:0 0 16px;color:#64748b;line-height:1.8}
  .dbw-step{display:none}.dbw-step.active{display:block}
  .dbw-loading,.dbw-error,.dbw-empty,.dbw-message{padding:14px 16px;border-radius:14px;margin-top:12px;font-size:14px;line-height:1.8}
  .dbw-loading{background:#e6f5f4;color:#1b988a}
  .dbw-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
  .dbw-empty{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}
  .dbw-day{border:1px solid #e6f5f4;border-radius:18px;padding:16px;margin-top:14px;background:#fff}
  .dbw-day-title{margin:0 0 12px;color:#142950;font-size:17px;font-weight:bold}
  .dbw-slots{display:flex;flex-wrap:wrap;gap:10px}
  .dbw-slot{border:none;background:linear-gradient(135deg,#1b988a,#2e6472);color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:bold;font-family:'Cairo',sans-serif}
  .dbw-slot:hover{filter:brightness(.95)}
  .dbw-selected{margin-top:0;padding:16px;border-radius:16px;background:#e6f5f4;border:1px solid #b8e0dc;color:#142950;display:block;line-height:1.9;margin-bottom:16px}
  .dbw-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
  .dbw-field{display:flex;flex-direction:column;gap:8px}
  .dbw-field label{font-size:14px;font-weight:bold;color:#334155}
  .dbw-field input{width:100%;padding:12px 14px;border:1px solid #b8e0dc;border-radius:12px;background:#f8fbff;outline:none;text-align:right;font-family:'Cairo',sans-serif}
  .dbw-field input:focus,.dbw-otp-verify-row input:focus{border-color:#1b988a;background:#fff;box-shadow:0 0 0 4px rgba(27,152,138,.12)}
  .dbw-otp-row,.dbw-otp-verify-row,.dbw-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
  .dbw-btn{border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#1b988a,#2e6472);color:#fff;cursor:pointer;font-weight:bold;font-family:'Cairo',sans-serif}
  .dbw-btn-secondary{background:linear-gradient(135deg,#2e6472,#1b988a)}
  .dbw-btn:disabled{opacity:.7;cursor:not-allowed}
  .dbw-whatsapp{display:none;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#25d366,#1fb655);color:#fff;font-weight:bold;font-family:'Cairo',sans-serif}
  .dbw-whatsapp.show{display:inline-flex}
  @media(max-width:767px){.dbw-form{grid-template-columns:1fr}.dbw-otp-row,.dbw-otp-verify-row,.dbw-actions{flex-direction:column}.dbw-btn,.dbw-whatsapp{width:100%}}


/* ============================================
   BOOKING PAGE — page-booking.php
   ============================================ */
.book-hero{background:linear-gradient(135deg,#142950 0%,#2e6472 100%);color:#fff;padding:56px 24px 48px;text-align:center}
.book-hero .lbl{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 18px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:14px}
.book-hero h1{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.3;margin-bottom:10px;color:#fff}
.book-hero h1 span{color:#61e578}
.book-hero p{font-size:16px;color:rgba(255,255,255,.85);max-width:560px;margin:0 auto}
.book-hero .breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,.7);margin-top:18px}
.book-hero .breadcrumb a{color:rgba(255,255,255,.8)}

.book-layout{max-width:1100px;margin:0 auto;padding:40px 24px 60px;display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:start}
@media(max-width:860px){.book-layout{grid-template-columns:1fr}}

.widget-wrap{background:#fff;border-radius:22px;padding:28px;box-shadow:0 8px 32px rgba(20,41,80,.10);border:1px solid #e5eefb}
.widget-wrap h2{font-size:20px;font-weight:800;color:#142950;margin-bottom:6px}
.widget-wrap .sub{font-size:14px;color:#64748b;margin-bottom:20px;line-height:1.7}
.widget-divider{border:none;border-top:1px solid #e8eef7;margin:18px 0}

.info-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 32px rgba(20,41,80,.10);border:1px solid #e5eefb;margin-bottom:20px}
.info-card h3{font-size:15px;font-weight:800;color:#142950;margin-bottom:14px;display:flex;align-items:center;gap:7px}
.info-card h3 .ic{width:30px;height:30px;border-radius:8px;background:#142950;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}

.doc-mini{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.doc-mini img{width:64px!important;height:64px!important;border-radius:14px;object-fit:cover;border:3px solid #e5eefb;max-width:64px}
.doc-mini-info strong{display:block;font-size:15px;color:#142950;font-weight:800}
.doc-mini-info span{font-size:13px;color:#64748b}

.step-list{list-style:none;padding:0;margin:0}
.step-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f0f4f8;font-size:13px;line-height:1.6;color:#334155}
.step-list li:last-child{border-bottom:none}
.step-num{min-width:24px;height:24px;border-radius:50%;background:#1b988a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;margin-top:1px;flex-shrink:0}

.contact-alt{display:flex;flex-direction:column;gap:10px}
.contact-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:700;transition:opacity .2s;text-decoration:none}
.contact-btn:hover{opacity:.9}
.contact-btn.wa{background:#25d366;color:#fff}
.contact-btn.ph{background:#142950;color:#fff}
.contact-btn .c-ic{font-size:18px}

.hours-list{list-style:none;padding:0;margin:0}
.hours-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f4f8;font-size:13px;color:#475569}
.hours-list li:last-child{border-bottom:none}
.hours-list li strong{color:#142950}

.src-badge-wrap{background:linear-gradient(135deg,#fef9ec,#fdf3d0);border:1px solid #f0d98a;border-radius:16px;padding:16px;text-align:center}
.src-badge-wrap img{width:90px;height:auto;margin-bottom:10px;max-width:90px}
.src-badge-wrap p{font-size:12px;color:#7a6010;line-height:1.7}
.src-badge-wrap strong{color:#5a4a0a;display:block;font-size:13px;margin-bottom:4px}