@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--primary:#003b72;--primary2:#0b76b7;--accent:#10a397;--dark:#071f38;--muted:#64748b;--soft:#f4f8fb;--line:#dbe7f1;--white:#fff;--gold:#c59a3a;--shadow:0 18px 45px rgba(7,31,56,.11);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;direction:rtl;color:var(--dark);background:#fff;line-height:1.72;font-size:15px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1210px,92%);margin:auto}.topbar{background:#06284a;color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:7px 0;flex-wrap:wrap}.topbar a{color:#fff}.navbar{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid rgba(219,231,241,.75);box-shadow:0 10px 25px rgba(7,31,56,.05)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(7,31,56,.09)}.brand h2{margin:0;font-size:20px;line-height:1.15;color:var(--primary);font-weight:800}.brand span{font-size:11px;color:var(--muted);letter-spacing:.8px}.menu{display:flex;align-items:center;gap:3px}.menu a{padding:9px 11px;border-radius:12px;font-weight:700;font-size:14px;color:#183c5a}.menu a:hover,.menu a.active{background:#edf6ff;color:var(--primary2)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;padding:11px 20px;font-family:inherit;font-weight:800;cursor:pointer;transition:.22s;font-size:14px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 24px rgba(0,59,114,.18)}.btn-outline{border:1px solid rgba(11,118,183,.24);color:var(--primary);background:#fff}.hamb{display:none;background:#eef7ff;border:0;border-radius:12px;padding:10px 12px;font-size:22px;color:var(--primary)}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(6,40,74,.95) 0%,rgba(6,40,74,.78) 44%,rgba(6,40,74,.20) 100%),url('../images/hero-hospital.jpg') center/cover;min-height:560px;color:#fff}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .72fr;gap:38px;align-items:center;min-height:560px;padding:58px 0}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:7px 13px;border-radius:999px;font-weight:800;font-size:13px}.hero h1{font-size:42px;line-height:1.28;margin:15px 0 13px;font-weight:800;letter-spacing:-.7px}.hero p{font-size:17px;color:rgba(255,255,255,.90);max-width:630px;margin:0}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:650px;margin:26px 0}.hero-point{border-left:1px solid rgba(255,255,255,.25);padding:0 11px;text-align:center}.hero-point b{display:block;font-size:14px}.hero-point span{font-size:25px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-card{background:rgba(255,255,255,.98);color:var(--dark);border-radius:22px;padding:23px;box-shadow:var(--shadow)}.hero-card h3{margin:0 0 15px;color:var(--primary);font-size:22px}.quick-form{display:grid;gap:11px}.input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-family:inherit;background:#fff;color:var(--dark);outline:none;font-size:14px}.input:focus,select:focus,textarea:focus{border-color:var(--primary2);box-shadow:0 0 0 4px rgba(11,118,183,.08)}.section{padding:58px 0}.section.light{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-title span{color:var(--accent);font-weight:900;font-size:14px}.section-title h2{font-size:30px;line-height:1.35;margin:5px 0 6px;color:var(--dark);font-weight:800;letter-spacing:-.3px}.section-title p{color:var(--muted);margin:0;max-width:720px}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 28px rgba(7,31,56,.055);transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c6ddeb}.media-card{padding:0;overflow:hidden}.media-card .thumb{height:155px;width:100%;object-fit:cover;background:#e7eff6}.media-card .body{padding:16px 18px 18px}.media-card h3,.card h3{margin:0 0 6px;color:var(--primary);font-size:18px;font-weight:800}.media-card p,.card p{margin:0 0 12px;color:var(--muted);font-size:14px}.more{display:inline-flex;align-items:center;gap:8px;color:var(--primary2);font-weight:800;font-size:13px}.icon{display:none}.feature-band{margin-top:-45px;position:relative;z-index:5}.feature-band .container{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px;border-radius:17px;background:linear-gradient(180deg,#f7fbff,#fff);text-align:center;border:1px solid var(--line)}.stat b{display:block;font-size:28px;color:var(--primary)}.stat span{font-size:13px;color:var(--muted);font-weight:700}.about-wrap{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.photo-main{height:410px;border-radius:24px;object-fit:cover;box-shadow:var(--shadow)}.photo-stack{position:relative}.floating{position:absolute;bottom:22px;right:18px;background:#fff;border-radius:18px;padding:15px 18px;box-shadow:var(--shadow);max-width:270px}.floating p{margin:4px 0 0;color:var(--muted);font-size:13px}.doctor-card{padding:0;overflow:hidden}.doctor-card img{height:270px;width:100%;object-fit:cover}.doctor-card .body{padding:18px}.doctor-card small{color:var(--accent);font-weight:900}.page-hero{background:linear-gradient(90deg,rgba(6,40,74,.92),rgba(6,40,74,.58)),url('../images/hero-hospital.jpg') center/cover;color:#fff;padding:85px 0 70px}.page-hero h1{font-size:38px;margin:0 0 8px;font-weight:800}.breadcrumb{color:rgba(255,255,255,.82)}.department-detail{display:grid;grid-template-columns:1fr 330px;gap:28px}.side-box{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow);position:sticky;top:98px}.list{padding:0;margin:0;list-style:none}.list li{padding:10px 0;border-bottom:1px solid #edf2f7;color:#506273}.footer{background:#061d34;color:#dbe9f5;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer h3{color:#fff;margin-top:0;font-size:18px}.footer a,.footer p{color:#bdd0df;margin:8px 0;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}.float-actions{position:fixed;left:18px;bottom:18px;z-index:80;display:grid;gap:10px}.float-actions a{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.wa{background:#25d366}.call{background:var(--primary2)}.map{height:340px;border:0;width:100%;border-radius:20px;filter:grayscale(.08)}.news-img{height:205px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:14px}.timeline{border-right:3px solid #e2eff9;padding-right:24px}.timeline .item{position:relative;margin-bottom:22px}.timeline .item::before{content:'';position:absolute;right:-34px;top:8px;width:15px;height:15px;border-radius:50%;background:var(--accent);border:4px solid #fff;box-shadow:0 0 0 3px #e2eff9}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(8,35,63,.06)}.table th,.table td{padding:14px;border-bottom:1px solid #edf2f7;text-align:right}.table th{background:#eff7ff;color:var(--primary)}@media(max-width:1050px){.menu{position:fixed;inset:82px 4% auto 4%;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:16px;display:none;flex-direction:column;align-items:stretch}.menu.open{display:flex}.hamb{display:block}.nav-actions{display:none}.hero-content,.about-wrap,.department-detail{grid-template-columns:1fr}.grid-4,.grid-3,.grid-2,.stats,.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}.hero-card{max-width:620px}.section-head{display:block}.photo-main{height:340px}}@media(max-width:640px){body{font-size:14px}.brand h2{font-size:17px}.brand img{width:52px;height:52px}.hero,.hero-content{min-height:auto}.hero-content{padding:44px 0}.hero h1{font-size:29px}.hero p{font-size:15px}.hero-points{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-3,.grid-2,.stats,.footer-grid{grid-template-columns:1fr}.section{padding:45px 0}.section-title h2{font-size:24px}.topbar .container{justify-content:center}.btn{width:100%}.hero-buttons .btn{width:auto}.page-hero h1{font-size:30px}.media-card .thumb{height:190px}}

/* Final mobile refinement */
.media-card .thumb{height:165px}.media-card .body{min-height:150px}.media-card h3{font-size:17px}.media-card p{font-size:13.5px;line-height:1.65}.section{padding:52px 0}.grid{gap:18px}
@media(max-width:900px){.container{width:min(94%,720px)}.topbar .container{text-align:center;justify-content:center}.menu{inset:78px 3% auto 3%;max-height:calc(100vh - 95px);overflow:auto}.grid-4{grid-template-columns:repeat(2,1fr)}.media-card .thumb{height:150px}.media-card .body{min-height:145px}.hero-card{padding:18px}.hero-content{gap:24px}}
@media(max-width:520px){.brand h2{font-size:15px}.brand span{font-size:9px}.brand img{width:48px;height:48px}.nav-inner{padding:8px 0}.hero{background-position:center}.hero-content{padding:34px 0}.hero h1{font-size:26px}.hero-points{gap:8px}.hero-point{padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:14px}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}.grid-4,.grid-3,.grid-2,.stats,.footer-grid{grid-template-columns:1fr}.media-card{border-radius:16px}.media-card .thumb{height:180px}.media-card .body{min-height:auto;padding:14px}.section{padding:36px 0}.section-head{margin-bottom:18px}.section-title h2{font-size:22px}.section-title p{font-size:14px}.page-hero{padding:55px 0 45px}.page-hero h1{font-size:26px}.footer{padding:38px 0 18px}.float-actions a{width:46px;height:46px}.topbar{font-size:12px}.doctor-card img{height:220px}}


/* Homepage compact departments and gallery */
.gallery-section{background:#fff}
.gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}
.gallery-item{position:relative;margin:0;border-radius:20px;overflow:hidden;min-height:210px;box-shadow:0 12px 35px rgba(7,31,56,.09);border:1px solid var(--line);background:#eaf3f8}
.gallery-large{grid-row:span 2;min-height:438px}
.gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.35s}
.gallery-item:hover img{transform:scale(1.04)}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,29,52,0) 35%,rgba(6,29,52,.72) 100%)}
.gallery-item figcaption{position:absolute;right:16px;bottom:14px;z-index:2;color:#fff;font-weight:800;font-size:15px}
@media(max-width:900px){.gallery-grid{grid-template-columns:1fr 1fr}.gallery-large{grid-row:auto;min-height:260px}.gallery-item{min-height:210px}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-large{min-height:220px}}


/* ===== Homepage interface refinement only ===== */
.home-main,
.home-services,
.home-about,
.home-gallery-section,
.home-doctors{
    overflow:hidden;
}
.home-main .section-head,
.home-services .section-head,
.home-gallery-section .section-head,
.home-doctors .section-head{
    margin-bottom:24px;
}
.department-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.department-strip a{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:10px 12px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:16px;
    min-height:96px;
    box-shadow:0 10px 24px rgba(7,31,56,.055);
    transition:.22s;
}
.department-strip a:hover{
    transform:translateY(-4px);
    border-color:#b8d8ee;
    box-shadow:var(--shadow);
}
.department-strip span{
    grid-row:span 2;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#eef8ff,#fff);
    color:var(--primary);
    font-size:24px;
    border:1px solid #dbeaf5;
}
.department-strip b{
    color:var(--primary);
    font-size:16px;
    line-height:1.2;
}
.department-strip small{
    color:var(--muted);
    font-weight:700;
    margin-top:-8px;
}
.service-mini-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}
.service-mini{
    position:relative;
    min-height:150px;
    padding:20px;
    border-radius:22px;
    color:#fff;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:linear-gradient(145deg,var(--primary),var(--primary2));
    box-shadow:0 14px 35px rgba(0,59,114,.14);
}
.service-mini::before{
    content:'';
    position:absolute;
    inset:-40% auto auto -25%;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}
.service-mini::after{
    content:'';
    position:absolute;
    inset:14px;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.18);
    pointer-events:none;
}
.service-mini strong{
    position:relative;
    z-index:2;
    font-size:17px;
    line-height:1.35;
}
.service-mini span{
    position:relative;
    z-index:2;
    color:rgba(255,255,255,.84);
    font-size:13px;
    line-height:1.6;
    margin-top:7px;
}
.service-mini.emergency{
    background:linear-gradient(145deg,#003b72,#0094c9);
}
.service-mini.pharmacy{
    background:linear-gradient(145deg,#006b67,#10a397);
}
.compact-about .photo-main{
    height:360px;
}
.clean-gallery{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr;
    grid-auto-rows:210px;
    gap:16px;
}
.gallery-tile{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    background:#e7eff6;
    box-shadow:0 14px 35px rgba(7,31,56,.08);
    border:1px solid var(--line);
}
.gallery-tile.big{
    grid-row:span 2;
}
.gallery-tile img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.32s;
}
.gallery-tile:hover img{
    transform:scale(1.04);
}
.gallery-tile::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(6,29,52,0) 35%,rgba(6,29,52,.72) 100%);
}
.gallery-tile span{
    position:absolute;
    z-index:2;
    right:18px;
    bottom:16px;
    color:#fff;
    font-weight:900;
    font-size:16px;
}
.doctor-mini-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}
.doctor-mini{
    display:flex;
    align-items:center;
    gap:16px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:15px;
    box-shadow:0 10px 28px rgba(7,31,56,.055);
    transition:.22s;
}
.doctor-mini:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow);
    border-color:#c6ddeb;
}
.doctor-mini img{
    width:96px;
    height:96px;
    object-fit:cover;
    border-radius:18px;
    background:#e7eff6;
}
.doctor-mini small{
    color:var(--accent);
    font-weight:900;
}
.doctor-mini b{
    display:block;
    color:var(--primary);
    font-size:17px;
    margin:2px 0;
}
.doctor-mini span{
    color:var(--primary2);
    font-weight:800;
    font-size:13px;
}
@media(max-width:1050px){
    .department-strip{grid-template-columns:repeat(2,1fr)}
    .service-mini-grid{grid-template-columns:repeat(2,1fr)}
    .doctor-mini-grid{grid-template-columns:1fr}
    .clean-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:210px}
    .gallery-tile.big{grid-row:auto}
}
@media(max-width:640px){
    .department-strip,
    .service-mini-grid,
    .doctor-mini-grid,
    .clean-gallery{grid-template-columns:1fr}
    .department-strip a{min-height:auto;padding:14px;border-radius:17px}
    .department-strip span{width:42px;height:42px;font-size:21px}
    .service-mini{min-height:125px;border-radius:18px}
    .clean-gallery{grid-auto-rows:220px}
    .gallery-tile{border-radius:18px}
    .compact-about .photo-main{height:270px}
    .doctor-mini{align-items:flex-start}
    .doctor-mini img{width:82px;height:82px}
}

/* cleaner homepage hero on mobile without changing content */
@media(max-width:640px){
    .hero-card{border-radius:18px}
    .hero-card h3{font-size:19px}
    .quick-form{gap:9px}
}

/* ===== Smooth motion + strong mobile responsive refinement ===== */
:root{--ease:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulseSoft{0%,100%{box-shadow:0 12px 24px rgba(0,59,114,.18)}50%{box-shadow:0 18px 34px rgba(0,59,114,.28)}}
@keyframes iconPop{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-3deg)}}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}

.navbar{transition:box-shadow .25s var(--ease),background .25s var(--ease)}
.navbar.scrolled{background:rgba(255,255,255,.985);box-shadow:0 16px 34px rgba(7,31,56,.10)}
.brand img{transition:transform .25s var(--ease)}
.brand:hover img{transform:scale(1.06) rotate(-2deg)}
.menu a,.btn,.card,.media-card,.doctor-card,.department-strip a,.service-mini,.doctor-mini,.gallery-tile,.gallery-item{will-change:transform;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}
.menu a:hover{transform:translateY(-2px)}
.btn-primary{animation:pulseSoft 3s infinite}
.hero .badge{animation:fadeUp .75s var(--ease) both .05s}
.hero h1{animation:fadeUp .85s var(--ease) both .15s}
.hero p{animation:fadeUp .85s var(--ease) both .25s}
.hero-points{animation:fadeUp .85s var(--ease) both .35s}
.hero-buttons{animation:fadeUp .85s var(--ease) both .45s}
.hero-card{animation:fadeUp .85s var(--ease) both .55s}
.hero-point span,.department-strip span,.float-actions a{animation:iconPop 3.8s ease-in-out infinite}
.float-actions a:hover{transform:translateY(-4px) scale(1.06)}
.service-mini:hover,.gallery-tile:hover,.gallery-item:hover{transform:translateY(-6px)}
.media-card:hover .thumb,.doctor-card:hover img,.gallery-tile:hover img,.gallery-item:hover img{filter:saturate(1.05) contrast(1.03)}
.input,select,textarea{transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease)}
.input:focus,select:focus,textarea:focus{transform:translateY(-1px)}

/* mobile: clean layout and readable cards */
@media(max-width:780px){
  .container{width:min(94%,560px)}
  .navbar{top:0}
  .nav-inner{gap:10px}
  .hamb{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}
  .menu{inset:72px 14px auto 14px;border:1px solid var(--line);max-height:calc(100vh - 92px);overflow:auto;z-index:90;padding:10px}
  .menu.open{display:flex;animation:fadeUp .22s var(--ease) both}
  .menu a{width:100%;text-align:center;padding:12px 14px;border-radius:14px}
  .brand{gap:9px;min-width:0}
  .brand h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
  .topbar{display:none}
  .hero{background:linear-gradient(180deg,rgba(6,40,74,.94),rgba(6,40,74,.70)),url('../images/hero-hospital.jpg') center/cover}
  .hero-content{display:block;padding:28px 0 34px}
  .hero h1{font-size:25px;line-height:1.42;margin-top:12px}
  .hero p{font-size:14px;line-height:1.9}
  .hero-points{grid-template-columns:repeat(2,1fr);margin:20px 0;gap:10px}
  .hero-point{border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:10px 8px;background:rgba(255,255,255,.08)}
  .hero-point span{font-size:22px}.hero-point b{font-size:12px}
  .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-buttons .btn{width:100%;padding:10px 12px;font-size:13px}
  .hero-card{margin-top:20px;border-radius:20px;padding:16px}
  .quick-form{gap:9px}
  .input,select,textarea{padding:12px 12px;font-size:13.5px;border-radius:12px}
  .feature-band{margin-top:0}.feature-band .container{border-radius:0;width:100%;padding:12px 4%}
  .stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:13px 8px}.stat b{font-size:22px}
  .section{padding:34px 0}.section-head{margin-bottom:16px}.section-title h2{font-size:23px;line-height:1.45}.section-title p{font-size:13.5px;line-height:1.9}
  .grid,.grid-4,.grid-3,.grid-2,.department-strip,.service-mini-grid,.doctor-mini-grid,.clean-gallery,.gallery-grid{grid-template-columns:1fr!important;gap:14px!important}
  .card,.media-card,.doctor-card,.department-strip a,.service-mini,.doctor-mini,.gallery-tile,.gallery-item{border-radius:18px!important}
  .media-card .thumb{height:160px!important}.media-card .body{padding:14px 15px!important;min-height:auto!important}.media-card h3,.card h3{font-size:17px}.media-card p,.card p{font-size:13.2px}
  .department-strip a{grid-template-columns:auto 1fr;min-height:82px}.department-strip small{margin-top:-3px}
  .service-mini{min-height:118px;padding:17px}.service-mini strong{font-size:16px}
  .about-wrap{gap:18px}.photo-main,.compact-about .photo-main{height:260px;border-radius:20px}.floating{position:relative;right:auto;bottom:auto;margin:-36px 14px 0;max-width:none}
  .doctor-mini{align-items:center;padding:12px}.doctor-mini img{width:82px;height:82px;border-radius:16px}.doctor-mini b{font-size:15px}
  .doctor-card img{height:205px}
  .clean-gallery{grid-auto-rows:auto}.gallery-tile,.gallery-item,.gallery-large{min-height:190px!important;height:190px!important}.gallery-tile.big{grid-row:auto}
  .footer-grid{grid-template-columns:1fr!important;text-align:center}.footer-bottom{justify-content:center;text-align:center;padding-bottom:68px}
  .float-actions{left:12px;bottom:12px;gap:9px}.float-actions a{width:46px;height:46px;font-size:19px}
}
@media(max-width:420px){
  .brand h2{max-width:175px;font-size:14px}.brand span{display:none}.brand img{width:44px;height:44px}.hamb{min-width:40px;height:40px}
  .hero h1{font-size:22px}.hero-buttons{grid-template-columns:1fr}.hero-points{grid-template-columns:1fr 1fr}.badge{font-size:12px}
  .section-title h2{font-size:21px}.media-card .thumb{height:145px!important}.gallery-tile,.gallery-item,.gallery-large{height:170px!important;min-height:170px!important}
  .doctor-mini{gap:10px}.doctor-mini img{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}


/* Real image display + living counters */
.photo-main,
.gallery-tile img,
.gallery-item img,
.media-card .thumb,
.doctor-mini img,
.doctor-card img{
    background:#eaf3f8;
    object-fit:cover;
    object-position:center;
}
.stat b.counter-live{
    display:inline-block;
    min-width:70px;
    font-variant-numeric:tabular-nums;
    animation:counterGlow 1.4s ease-in-out infinite;
}
@keyframes counterGlow{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-2px) scale(1.035)}
}
@media(max-width:780px){
    .stat b.counter-live{min-width:auto;font-size:24px}
}


/* Final VIP photo replacement and mobile polish */
.photo-department-strip{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.photo-department-strip a{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:190px;
    padding:0;
    overflow:hidden;
    border:0;
    background:#0b5f92;
    box-shadow:0 18px 42px rgba(0,59,114,.13);
}
.photo-department-strip a::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,45,85,.05) 20%,rgba(0,38,72,.78) 100%);
    z-index:1;
}
.photo-department-strip img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease, filter .45s ease;
}
.photo-department-strip a:hover img{transform:scale(1.07);filter:saturate(1.12)}
.photo-department-strip b,.photo-department-strip small{
    position:relative;
    z-index:2;
    color:#fff;
    margin:0 18px;
    text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.photo-department-strip b{font-size:19px;margin-bottom:5px}
.photo-department-strip small{font-size:13px;margin-bottom:17px;color:rgba(255,255,255,.86)}
.service-mini{
    background-image:linear-gradient(180deg,rgba(0,56,102,.16),rgba(0,49,91,.82)),var(--service-img)!important;
    background-size:cover!important;
    background-position:center!important;
    min-height:175px;
}
.service-mini:hover{transform:translateY(-6px)}
.service-mini strong{font-size:18px;text-shadow:0 3px 14px rgba(0,0,0,.35)}
.clean-gallery{align-items:stretch}
.gallery-tile img,.media-card img,.doctor-mini img,.doctor-card img,.photo-main{filter:saturate(1.05) contrast(1.03)}
.doctor-mini img{object-fit:cover!important;aspect-ratio:1/1;border-radius:18px;width:96px;height:96px}
.stat b{animation:statPulse 1.4s ease-in-out infinite alternate;display:inline-block}
@keyframes statPulse{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (max-width: 992px){
  .photo-department-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .clean-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px;}
  .gallery-tile.big{grid-row:span 1;grid-column:span 2;}
}
@media (max-width: 640px){
  .topbar{display:none}
  .nav-inner{min-height:72px}
  .brand img{width:54px;height:54px}
  .brand h2{font-size:16px}.brand span{font-size:9px}
  .nav-actions{display:none}
  .hero{padding-top:26px}
  .hero-content{grid-template-columns:1fr!important;gap:18px}
  .hero h1{font-size:34px;line-height:1.25}
  .hero-points{grid-template-columns:repeat(2,1fr);gap:8px}
  .hero-card{margin-top:8px;border-radius:24px;padding:18px}
  .stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}
  .stat{padding:14px 8px}.stat b{font-size:28px}
  .section{padding:46px 0}.section-head{align-items:flex-start;gap:14px}.section-title h2{font-size:28px;line-height:1.35}
  .photo-department-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;gap:12px;margin-inline:-16px;padding-inline:16px}
  .photo-department-strip a{min-width:78%;scroll-snap-align:center;min-height:210px;border-radius:22px}
  .service-mini-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-inline:-16px;padding-inline:16px;gap:12px}
  .service-mini{min-width:78%;scroll-snap-align:center;min-height:180px;border-radius:22px}
  .clean-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;padding-bottom:12px;gap:12px}
  .gallery-tile,.gallery-tile.big{min-width:82%;height:230px;scroll-snap-align:center;grid-column:auto;grid-row:auto}
  .doctor-mini-grid{grid-template-columns:1fr!important}
  .doctor-mini{border-radius:20px;padding:12px}.doctor-mini img{width:86px;height:86px}
  .floating-whatsapp,.floating-call{width:52px;height:52px;left:16px!important;right:auto!important}
  .floating-call{bottom:84px!important}.floating-whatsapp{bottom:24px!important}
}


/* ===== FINAL REAL IMAGE FIX - NO PLACEHOLDERS ===== */
.department-strip.photo-department-strip,
.service-mini-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
}
.department-strip.photo-department-strip a,
.service-mini{
    position:relative !important;
    min-height:190px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    padding:0 !important;
    background:#083f68 !important;
    box-shadow:0 18px 42px rgba(0,59,114,.13) !important;
}
.department-strip.photo-department-strip a img,
.service-mini .service-photo{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
    z-index:0 !important;
    filter:saturate(1.05) contrast(1.03) !important;
    transition:transform .45s ease !important;
}
.department-strip.photo-department-strip a::before,
.service-mini::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,rgba(0,45,85,.05) 20%,rgba(0,38,72,.82) 100%) !important;
    z-index:1 !important;
}
.department-strip.photo-department-strip a::after,
.service-mini::after{
    content:'' !important;
    position:absolute !important;
    inset:14px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    border-radius:17px !important;
    z-index:2 !important;
    pointer-events:none !important;
}
.department-strip.photo-department-strip a:hover img,
.service-mini:hover .service-photo{transform:scale(1.08) !important;}
.department-strip.photo-department-strip b,
.department-strip.photo-department-strip small,
.service-mini strong,
.service-mini span{
    position:relative !important;
    z-index:3 !important;
    color:#fff !important;
    text-shadow:0 3px 14px rgba(0,0,0,.42) !important;
    margin-inline:18px !important;
}
.department-strip.photo-department-strip b,
.service-mini strong{font-size:19px !important;font-weight:900 !important;margin-bottom:5px !important;}
.department-strip.photo-department-strip small,
.service-mini span{font-size:13px !important;color:rgba(255,255,255,.9) !important;margin-bottom:18px !important;line-height:1.65 !important;}
.media-card .thumb,
.doctor-card img,
.doctor-mini img,
.gallery-tile img,
.photo-main{
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
}
.stat b{animation:statPulse 1.15s ease-in-out infinite alternate !important;}
@keyframes statPulse{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(max-width:992px){
    .department-strip.photo-department-strip,
    .service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){
    .department-strip.photo-department-strip,
    .service-mini-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;padding-bottom:12px !important;margin-inline:-16px !important;padding-inline:16px !important;gap:12px !important;}
    .department-strip.photo-department-strip a,
    .service-mini{min-width:78% !important;min-height:180px !important;scroll-snap-align:center !important;}
}


/* Final fixes: gallery images are display-only and should not open. */
.gallery-tile{cursor:default!important;}
.gallery-tile:active{transform:none!important;}
.photo-main{background:#eef5fb;}


/* ===== HOSPITAL FINAL POLISH: real images, smooth motion, clean mobile ===== */
:root{
  --motion-fast:.22s;
  --motion-med:.45s;
}

/* light professional floating motion */
@keyframes softFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes softFadeUp{
  from{opacity:0; transform:translateY(18px)}
  to{opacity:1; transform:translateY(0)}
}
@keyframes iconBreath{
  0%,100%{box-shadow:0 12px 28px rgba(0,59,114,.14); transform:scale(1)}
  50%{box-shadow:0 18px 36px rgba(0,59,114,.22); transform:scale(1.025)}
}

.section,
.hero-card,
.stat,
.department-strip a,
.service-mini,
.gallery-tile,
.doctor-mini,
.media-card,
.card,
.footer{
  animation:softFadeUp .65s ease both;
}

.hero-card,
.photo-stack,
.clean-gallery .gallery-tile.big{
  animation:softFadeUp .75s ease both, softFloat 5s ease-in-out infinite;
}

/* force every service/department card to show real image, not plain color */
.department-strip.photo-department-strip a,
.service-mini{
  position:relative !important;
  min-height:205px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  padding:0 !important;
  isolation:isolate !important;
  background:#0a4268 !important;
  border:0 !important;
}
.department-strip.photo-department-strip a img,
.service-mini img.service-photo,
.service-mini > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  opacity:1 !important;
  z-index:0 !important;
  filter:saturate(1.08) contrast(1.04) brightness(.92) !important;
  transition:transform .55s ease, filter .55s ease !important;
}
.department-strip.photo-department-strip a::before,
.service-mini::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,rgba(1,32,58,.10) 0%,rgba(0,48,86,.50) 48%,rgba(0,30,58,.92) 100%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
.department-strip.photo-department-strip a::after,
.service-mini::after{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.department-strip.photo-department-strip a:hover img,
.service-mini:hover img{
  transform:scale(1.08) !important;
  filter:saturate(1.14) contrast(1.08) brightness(.98) !important;
}
.department-strip.photo-department-strip b,
.department-strip.photo-department-strip small,
.service-mini strong,
.service-mini span{
  position:relative !important;
  z-index:3 !important;
  color:#fff !important;
  text-shadow:0 4px 18px rgba(0,0,0,.58) !important;
  margin-inline:18px !important;
}
.department-strip.photo-department-strip b,
.service-mini strong{
  margin-top:auto !important;
  padding-top:118px !important;
  display:block !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
}
.department-strip.photo-department-strip small,
.service-mini span{
  display:block !important;
  margin-bottom:18px !important;
  margin-top:6px !important;
  color:rgba(255,255,255,.92) !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

/* gallery display only - no opening/click behavior */
.clean-gallery a.gallery-tile,
.gallery-tile{
  cursor:default !important;
  pointer-events:none !important;
}
.gallery-tile img,
.photo-main,
.media-card img,
.doctor-card img,
.doctor-mini img{
  object-fit:cover !important;
  object-position:center !important;
}

/* doctors more hospital-like */
.doctor-mini{
  border-radius:24px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
}
.doctor-mini img{
  border-radius:18px !important;
  box-shadow:0 12px 26px rgba(7,31,56,.12) !important;
}

/* counters fast and always alive */
.stat b,
.counter-live,
.counter{
  display:inline-block;
  animation:statPulse .85s ease-in-out infinite alternate !important;
}

/* remove old text-style footer whatsapp feel */
.footer a.btn,
.footer .btn{
  min-width:88px;
}

/* floating buttons professional and light */
.floating-whatsapp,
.floating-call,
.float-whatsapp,
.float-call{
  animation:iconBreath 2.4s ease-in-out infinite !important;
}

/* mobile fixes */
@media(max-width:992px){
  .nav-actions{display:none}
  .department-strip.photo-department-strip,
  .service-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .department-strip.photo-department-strip a,
  .service-mini{min-height:190px !important;}
}
@media(max-width:640px){
  body{font-size:14px}
  .container{width:min(94%, 100%)}
  .topbar{display:none}
  .navbar{position:sticky;top:0}
  .brand img{width:46px;height:46px}
  .brand h2{font-size:16px}
  .brand span{font-size:9px}
  .menu.open{
    top:68px;
    max-height:calc(100vh - 80px);
    overflow:auto;
  }
  .hero{min-height:auto;background-position:center}
  .hero-content{grid-template-columns:1fr;min-height:auto;padding:34px 0;gap:22px}
  .hero h1{font-size:30px}
  .hero p{font-size:15px}
  .hero-points{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .department-strip.photo-department-strip,
  .service-mini-grid{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding-inline:4vw !important;
    margin-inline:-4vw !important;
    gap:12px !important;
  }
  .department-strip.photo-department-strip::-webkit-scrollbar,
  .service-mini-grid::-webkit-scrollbar{display:none}
  .department-strip.photo-department-strip a,
  .service-mini{
    min-width:82% !important;
    min-height:190px !important;
    scroll-snap-align:center !important;
  }
  .department-strip.photo-department-strip b,
  .service-mini strong{font-size:18px !important;padding-top:110px !important;}
  .clean-gallery{display:flex!important;overflow-x:auto!important;gap:12px!important;margin-inline:-4vw!important;padding-inline:4vw!important;scroll-snap-type:x mandatory!important}
  .clean-gallery::-webkit-scrollbar{display:none}
  .gallery-tile{min-width:84%!important;height:230px!important;scroll-snap-align:center!important}
  .doctor-mini{gap:12px!important;padding:12px!important}
  .doctor-mini img{width:82px!important;height:82px!important}
  .footer-grid{gap:28px!important}
}


/* ===== URGENT FINAL FIXES 2026-06-30 ===== */
/* منع أي حركة أفقية أو سلايدر على الموبايل */
html, body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
*{
  max-width:100%;
  scroll-behavior:auto !important;
}

/* إلغاء الأنيميشن والحركات المزعجة نهائيًا */
*, *::before, *::after{
  animation:none !important;
  transition:none !important;
}
.reveal{opacity:1 !important;transform:none !important;}
.card:hover,.media-card:hover,.doctor-card:hover,.department-strip a:hover,.service-mini:hover,.doctor-mini:hover,.btn:hover,.menu a:hover{
  transform:none !important;
}

/* الفوتر: إزالة عمود تواصل معنا وتثبيت شكل نظيف */
.footer-grid{grid-template-columns:1.35fr 1fr 1fr !important;}
.footer-bottom{justify-content:center !important;text-align:center !important;}
.footer-bottom span:empty{display:none !important;}

/* الأقسام والخدمات: كروت احترافية ثابتة بدون سحب يمين/شمال */
.department-strip.photo-department-strip,
.service-mini-grid,
.clean-gallery{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  overflow:visible !important;
  overflow-x:hidden !important;
  scroll-snap-type:none !important;
  margin-inline:0 !important;
  padding-inline:0 !important;
  padding-bottom:0 !important;
  gap:18px !important;
}
.department-strip.photo-department-strip a,
.service-mini{
  min-width:0 !important;
  width:100% !important;
  min-height:220px !important;
  scroll-snap-align:none !important;
  border-radius:26px !important;
  box-shadow:0 20px 45px rgba(7,31,56,.13) !important;
}
.department-strip.photo-department-strip a::after,
.service-mini::after{inset:16px !important;border-radius:20px !important;}
.department-strip.photo-department-strip b,
.service-mini strong{font-size:21px !important;line-height:1.35 !important;}
.department-strip.photo-department-strip small,
.service-mini span{font-size:14px !important;}

/* صفحات الأقسام: شكل Premium للكروت العادية */
.media-card{
  border-radius:26px !important;
  overflow:hidden !important;
  border:1px solid rgba(0,59,114,.12) !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:0 18px 42px rgba(7,31,56,.10) !important;
}
.media-card .thumb{
  height:210px !important;
  width:100% !important;
  object-fit:cover !important;
  border-bottom:4px solid rgba(16,163,151,.18) !important;
}
.media-card .body{padding:20px !important;min-height:auto !important;}
.media-card h3{
  font-size:21px !important;
  color:#003b72 !important;
  margin-bottom:8px !important;
}
.media-card p{font-size:14px !important;line-height:1.9 !important;color:#5d7184 !important;}
.media-card .more{
  margin-top:8px !important;
  color:#0b76b7 !important;
  font-weight:900 !important;
}

/* الأطباء: إعادة تصميم واضحة ومميزة */
.doctor-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
.doctor-mini{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:16px !important;
  border-radius:26px !important;
  border:1px solid rgba(0,59,114,.13) !important;
  background:linear-gradient(135deg,#ffffff 0%,#f3f9ff 100%) !important;
  box-shadow:0 18px 38px rgba(7,31,56,.10) !important;
}
.doctor-mini img{
  width:112px !important;
  height:112px !important;
  border-radius:22px !important;
  object-fit:cover !important;
  flex:0 0 112px !important;
}
.doctor-mini small{color:#10a397 !important;font-weight:900 !important;font-size:14px !important;}
.doctor-mini b{display:block !important;color:#003b72 !important;font-size:18px !important;line-height:1.55 !important;margin:3px 0 !important;}
.doctor-mini span{display:inline-flex !important;color:#0b76b7 !important;font-weight:900 !important;font-size:14px !important;}

.doctor-card{
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(0,59,114,.13) !important;
  background:linear-gradient(180deg,#fff,#f7fbff) !important;
  box-shadow:0 20px 45px rgba(7,31,56,.11) !important;
}
.doctor-card img{
  height:260px !important;
  object-fit:cover !important;
  border-bottom:4px solid rgba(16,163,151,.18) !important;
}
.doctor-card .body{padding:20px !important;text-align:center !important;}
.doctor-card small{display:block !important;color:#10a397 !important;font-weight:900 !important;font-size:14px !important;margin-bottom:5px !important;}
.doctor-card h3{font-size:22px !important;color:#003b72 !important;margin:0 0 8px !important;}
.doctor-card p{font-size:14px !important;line-height:1.85 !important;}
.doctor-card .btn{width:100% !important;margin-top:8px !important;}

@media(max-width:992px){
  .footer-grid{grid-template-columns:1fr 1fr !important;}
  .department-strip.photo-department-strip,
  .service-mini-grid,
  .doctor-mini-grid,
  .clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){
  body{overflow-x:hidden !important;}
  .container{width:92% !important;max-width:92% !important;}
  .section-head{display:block !important;text-align:right !important;}
  .section-title h2{font-size:28px !important;line-height:1.45 !important;word-break:normal !important;}
  .section-head .btn{width:100% !important;margin-top:12px !important;}

  .department-strip.photo-department-strip,
  .service-mini-grid,
  .doctor-mini-grid,
  .clean-gallery{
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
    overflow-x:hidden !important;
    scroll-snap-type:none !important;
    margin-inline:0 !important;
    padding-inline:0 !important;
    gap:16px !important;
  }
  .department-strip.photo-department-strip a,
  .service-mini{
    min-width:0 !important;
    width:100% !important;
    min-height:215px !important;
  }
  .department-strip.photo-department-strip b,
  .service-mini strong{font-size:22px !important;padding-top:125px !important;}
  .department-strip.photo-department-strip small,
  .service-mini span{font-size:14px !important;}

  .grid,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr !important;}
  .media-card .thumb{height:205px !important;}
  .media-card h3{font-size:22px !important;}

  .doctor-mini{padding:14px !important;border-radius:24px !important;gap:14px !important;}
  .doctor-mini img{width:104px !important;height:104px !important;flex-basis:104px !important;}
  .doctor-mini b{font-size:18px !important;}
  .doctor-card img{height:255px !important;}

  .clean-gallery .gallery-tile,
  .gallery-tile{min-width:0 !important;width:100% !important;height:220px !important;}
  .footer-grid{grid-template-columns:1fr !important;text-align:center !important;}
}
@media(max-width:420px){
  .section-title h2{font-size:24px !important;}
  .department-strip.photo-department-strip a,.service-mini{min-height:195px !important;}
  .department-strip.photo-department-strip b,.service-mini strong{font-size:20px !important;padding-top:112px !important;}
  .doctor-mini img{width:92px !important;height:92px !important;flex-basis:92px !important;}
  .doctor-mini b{font-size:16px !important;}
}


/* ===== FINAL PROFESSIONAL FIXES 2026-06-30 ===== */
html,body{max-width:100%;overflow-x:hidden!important;scroll-behavior:auto!important}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-snap-type:none!important;scroll-snap-align:none!important}
.card:hover,.media-card:hover,.doctor-card:hover,.department-strip a:hover,.service-mini:hover{transform:none!important}
/* no horizontal sliders anywhere */
.department-strip.photo-department-strip,.service-mini-grid,.doctor-mini-grid,.clean-gallery,.gallery-grid{overflow:visible!important;overflow-x:hidden!important;display:grid!important;margin-inline:0!important;padding-inline:0!important}
/* homepage compact side-by-side cards */
.department-strip.photo-department-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.service-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.department-strip.photo-department-strip a,.service-mini{width:100%!important;min-width:0!important;min-height:230px!important;border-radius:26px!important;box-shadow:0 18px 40px rgba(7,31,56,.13)!important}
/* departments/services pages */
.pro-card-grid,.section .grid.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.media-card{height:100%!important;display:flex!important;flex-direction:column!important;border-radius:28px!important;overflow:hidden!important}
.media-card .thumb{height:210px!important;width:100%!important;object-fit:cover!important}.media-card .body{flex:1!important;display:flex!important;flex-direction:column!important}.media-card .more{margin-top:auto!important}
/* doctors */
.doctor-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.doctor-mini{height:100%!important}.doctor-card{height:100%!important}
/* footer */
.premium-footer{padding-top:42px!important}.footer-top-card{border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:24px;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));margin-bottom:24px}.footer-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;text-align:center!important}.footer-col{border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:20px;background:rgba(255,255,255,.035)}.footer-bottom{justify-content:center!important;text-align:center!important}.credit{display:block;width:100%;font-weight:800}.credit a{color:#18d1c2!important;font-size:16px!important}
/* careers */
.file-upload{display:flex;align-items:center;justify-content:center;gap:10px;border:2px dashed #c9deeb;border-radius:16px;padding:18px;background:#f7fbff;color:#003b72;font-weight:900;cursor:pointer}.file-upload input{display:none}
.service-detail-wrap{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.service-detail-card img{width:100%;height:360px;object-fit:cover;border-radius:24px;margin-bottom:20px}.service-features{margin:24px 0}.service-detail-card .btn{width:auto!important}
@media(max-width:992px){.department-strip.photo-department-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-mini-grid,.pro-card-grid,.section .grid.grid-4,.doctor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-detail-wrap{grid-template-columns:1fr!important}.footer-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.container{width:94%!important;max-width:94%!important}.section{padding:34px 0!important}.section-title h2{font-size:25px!important;line-height:1.35!important}.section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.section-head .btn{width:auto!important;white-space:nowrap!important;padding:11px 16px!important}.department-strip.photo-department-strip,.service-mini-grid,.pro-card-grid,.section .grid.grid-4,.doctor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.department-strip.photo-department-strip a,.service-mini{min-height:170px!important;border-radius:20px!important}.department-strip.photo-department-strip b,.service-mini strong{font-size:16px!important;padding-top:92px!important;line-height:1.35!important}.department-strip.photo-department-strip small,.service-mini span{font-size:12px!important;line-height:1.45!important}.media-card{border-radius:22px!important}.media-card .thumb{height:138px!important}.media-card .body{padding:14px!important}.media-card h3{font-size:17px!important}.media-card p{font-size:12.5px!important;line-height:1.7!important}.doctor-mini{display:block!important;text-align:center!important}.doctor-mini img{width:100%!important;height:130px!important;flex-basis:auto!important;margin-bottom:10px!important}.footer-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.footer-top-card{padding:18px!important}.footer-col{padding:14px!important}.footer h3{font-size:16px!important}.footer a,.footer p{font-size:13px!important}.service-detail-card img{height:230px!important}.float-actions a{width:48px!important;height:48px!important}}
@media(max-width:390px){.department-strip.photo-department-strip,.service-mini-grid,.pro-card-grid,.section .grid.grid-4{gap:10px!important}.department-strip.photo-department-strip a,.service-mini{min-height:155px!important}.department-strip.photo-department-strip b,.service-mini strong{font-size:14px!important;padding-top:84px!important}.media-card .thumb{height:124px!important}.media-card h3{font-size:15px!important}.media-card p{font-size:11.5px!important}.footer-pro-grid{grid-template-columns:1fr 1fr!important}}

/* ===== FINAL USER REQUESTS: STICKY HEADER + OLD DOCTORS LIST ===== */
.navbar{
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 30px rgba(7,31,56,.10)!important;
}
.navbar .nav-inner{min-height:76px!important;}
.menu{z-index:100000!important;}
@media(max-width:1050px){
  .menu{inset:88px 4% auto 4%!important;}
}
@media(max-width:640px){
  .navbar .nav-inner{min-height:68px!important;}
  .brand{gap:10px!important;}
  .brand h2{font-size:17px!important;white-space:nowrap!important;}
  .brand span{display:none!important;}
  .brand img{width:54px!important;height:54px!important;}
  .hamb{width:52px!important;height:52px!important;border-radius:15px!important;}
  .menu{inset:76px 3% auto 3%!important;}
}

/* رجوع شكل أطباء المستشفى للشكل القديم على الموبايل: كروت أفقية مرتبة */
@media(max-width:640px){
  .home-doctors .doctor-mini-grid,
  .doctor-mini-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .home-doctors .doctor-mini,
  .doctor-mini{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    text-align:right!important;
    gap:14px!important;
    min-height:128px!important;
    padding:13px 14px!important;
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid #d8eaf3!important;
    box-shadow:0 14px 34px rgba(7,31,56,.08)!important;
  }
  .home-doctors .doctor-mini img,
  .doctor-mini img{
    width:96px!important;
    height:96px!important;
    flex:0 0 96px!important;
    object-fit:cover!important;
    border-radius:18px!important;
    margin:0!important;
    order:0!important;
  }
  .home-doctors .doctor-mini div,
  .doctor-mini div{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .home-doctors .doctor-mini small,
  .doctor-mini small{
    display:block!important;
    color:#18a99b!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.45!important;
    margin:0 0 4px!important;
  }
  .home-doctors .doctor-mini b,
  .doctor-mini b{
    display:block!important;
    color:#003b72!important;
    font-size:19px!important;
    line-height:1.45!important;
    font-weight:900!important;
    margin:0 0 4px!important;
  }
  .home-doctors .doctor-mini span,
  .doctor-mini span{
    display:inline-block!important;
    color:#0b76b7!important;
    font-size:15px!important;
    font-weight:900!important;
  }

  /* صفحة الأطباء نفسها تظهر بنفس إحساس القديم بدل الكروت الطويلة */
  .section .grid.grid-3:has(.doctor-card){
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .doctor-card{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:14px!important;
    padding:13px 14px!important;
    border-radius:22px!important;
    text-align:right!important;
    overflow:hidden!important;
  }
  .doctor-card img{
    width:96px!important;
    height:96px!important;
    flex:0 0 96px!important;
    border-radius:18px!important;
    object-fit:cover!important;
  }
  .doctor-card .body{
    padding:0!important;
    text-align:right!important;
    flex:1!important;
  }
  .doctor-card small{font-size:14px!important;color:#18a99b!important;font-weight:900!important;}
  .doctor-card h3{font-size:19px!important;line-height:1.45!important;margin:3px 0!important;}
  .doctor-card p{display:none!important;}
  .doctor-card .btn{width:auto!important;margin-top:4px!important;padding:0!important;background:transparent!important;color:#0b76b7!important;box-shadow:none!important;border:0!important;font-size:15px!important;}
}
@media(max-width:420px){
  .home-doctors .doctor-mini img,.doctor-mini img,.doctor-card img{width:86px!important;height:86px!important;flex-basis:86px!important;}
  .home-doctors .doctor-mini b,.doctor-mini b,.doctor-card h3{font-size:17px!important;}
  .home-doctors .doctor-mini small,.doctor-mini small,.doctor-card small{font-size:13px!important;}
}


/* ===== URGENT CLEAN FIX: no motion + sticky header + old doctors layout ===== */
html{scroll-behavior:auto!important;}
html,body{overflow-x:hidden!important;}
*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important;}
.counter,.counter-live{animation:none!important;}

/* الهيدر ثابت فوق طول الوقت */
.topbar{display:none!important;}
.navbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:999999!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom:1px solid #e4eef6!important;
  box-shadow:0 8px 22px rgba(7,31,56,.08)!important;
}
.navbar .nav-inner{min-height:72px!important;padding:8px 0!important;}
.menu{z-index:1000000!important;}

/* رجوع مقاسات الخطوط الطبيعية */
body{font-size:15px!important;}
.section-title h2{font-size:30px!important;line-height:1.35!important;}
.section-title p{font-size:15px!important;line-height:1.9!important;}
.btn{font-size:14px!important;}

/* قسم أطباء المستشفى: العنوان والوصف جنب الزر زي الشكل القديم */
.home-doctors .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  text-align:right!important;
}
.home-doctors .section-title{min-width:0!important;}
.home-doctors .section-head .btn{
  width:auto!important;
  min-width:170px!important;
  white-space:nowrap!important;
  justify-self:start!important;
  align-self:center!important;
}
.home-doctors .section-title h2{max-width:560px!important;margin-inline-start:auto!important;}
.home-doctors .section-title p{max-width:520px!important;margin-inline-start:auto!important;}

/* قائمة الأطباء القديمة: كارت أفقي، صورة يمين، كلام جنبها */
.home-doctors .doctor-mini-grid,
.doctor-mini-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.home-doctors .doctor-mini,
.doctor-mini{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:right!important;
  gap:16px!important;
  min-height:126px!important;
  padding:14px 16px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #d8eaf3!important;
  box-shadow:0 14px 34px rgba(7,31,56,.08)!important;
  overflow:hidden!important;
}
.home-doctors .doctor-mini img,
.doctor-mini img{
  width:104px!important;
  height:104px!important;
  flex:0 0 104px!important;
  object-fit:cover!important;
  border-radius:18px!important;
  margin:0!important;
  order:0!important;
}
.home-doctors .doctor-mini div,
.doctor-mini div{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:right!important;
}
.home-doctors .doctor-mini small,
.doctor-mini small{
  display:block!important;
  color:#18a99b!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:900!important;
  margin:0 0 4px!important;
  white-space:normal!important;
}
.home-doctors .doctor-mini b,
.doctor-mini b{
  display:block!important;
  color:#003b72!important;
  font-size:20px!important;
  line-height:1.4!important;
  font-weight:900!important;
  margin:0 0 3px!important;
  white-space:normal!important;
}
.home-doctors .doctor-mini span,
.doctor-mini span{
  display:inline-block!important;
  color:#0b76b7!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:900!important;
}

@media(max-width:640px){
  .container{width:94%!important;max-width:94%!important;}
  .navbar .nav-inner{min-height:66px!important;}
  .brand h2{font-size:16px!important;line-height:1.2!important;white-space:nowrap!important;}
  .brand span{display:none!important;}
  .brand img{width:50px!important;height:50px!important;border-radius:14px!important;}
  .hamb{width:50px!important;height:50px!important;border-radius:14px!important;font-size:22px!important;}
  .menu{position:fixed!important;inset:74px 3% auto 3%!important;max-height:calc(100vh - 88px)!important;overflow:auto!important;}

  .section-title h2{font-size:24px!important;line-height:1.38!important;}
  .section-title p{font-size:14px!important;line-height:1.9!important;}

  .home-doctors .section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    margin-bottom:18px!important;
  }
  .home-doctors .section-title h2{font-size:23px!important;max-width:100%!important;margin:4px 0!important;}
  .home-doctors .section-title p{font-size:14px!important;max-width:100%!important;margin:0!important;}
  .home-doctors .section-head .btn{
    min-width:132px!important;
    padding:10px 13px!important;
    font-size:13px!important;
    border-radius:999px!important;
  }

  .home-doctors .doctor-mini,
  .doctor-mini{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
    min-height:112px!important;
    padding:12px!important;
    border-radius:20px!important;
    text-align:right!important;
  }
  .home-doctors .doctor-mini img,
  .doctor-mini img{
    width:88px!important;
    height:88px!important;
    flex:0 0 88px!important;
    border-radius:16px!important;
  }
  .home-doctors .doctor-mini small,
  .doctor-mini small{font-size:13px!important;line-height:1.35!important;}
  .home-doctors .doctor-mini b,
  .doctor-mini b{font-size:17px!important;line-height:1.35!important;}
  .home-doctors .doctor-mini span,
  .doctor-mini span{font-size:14px!important;}
}
@media(max-width:380px){
  .brand h2{font-size:14px!important;}
  .home-doctors .section-head{grid-template-columns:1fr!important;}
  .home-doctors .section-head .btn{justify-self:start!important;}
  .home-doctors .doctor-mini img,.doctor-mini img{width:78px!important;height:78px!important;flex-basis:78px!important;}
  .home-doctors .doctor-mini b,.doctor-mini b{font-size:16px!important;}
}


/* ===== FINAL CLIENT PATCH: larger doctor photos + polished department detail pages + SEO geo ===== */
/* صور الأطباء أكبر بقدر الإمكان مع الحفاظ على الكارت القديم */
.home-doctors .doctor-mini img,
.doctor-mini img{
  width:132px!important;
  height:112px!important;
  flex:0 0 132px!important;
  object-fit:cover!important;
  border-radius:20px!important;
}
@media(max-width:640px){
  .home-doctors .doctor-mini,
  .doctor-mini{gap:14px!important;padding:12px 14px!important;min-height:128px!important;}
  .home-doctors .doctor-mini img,
  .doctor-mini img{width:128px!important;height:104px!important;flex:0 0 128px!important;border-radius:18px!important;}
  .home-doctors .doctor-mini b,.doctor-mini b{font-size:17px!important;line-height:1.35!important;}
  .home-doctors .doctor-mini small,.doctor-mini small{font-size:13px!important;}
}
@media(max-width:390px){
  .home-doctors .doctor-mini img,.doctor-mini img{width:116px!important;height:98px!important;flex-basis:116px!important;}
}
/* صفحات التخصصات الجديدة */
.detail-hero-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;margin-top:-36px;position:relative;z-index:3}
.detail-cover{height:330px;width:100%;object-fit:cover}
.detail-content{padding:28px}.detail-content h2{margin:0 0 10px;color:var(--primary);font-size:30px}.detail-content p{color:var(--muted);font-size:16px;line-height:2}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.pill-list span{background:#eef8fb;border:1px solid #ccebf0;color:#087d83;border-radius:999px;padding:8px 14px;font-weight:800}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.related-grid a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;color:var(--primary);font-weight:900;box-shadow:0 8px 22px rgba(7,31,56,.05)}
.faq-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:14px}.faq-box h3{margin:0 0 8px;color:var(--primary)}
@media(max-width:780px){.detail-cover{height:230px}.detail-content{padding:20px}.detail-content h2{font-size:24px}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.related-grid{grid-template-columns:1fr}.detail-cover{height:210px}}

/* ===== URGENT FINAL FIX: sticky header + large doctor photos + no motion ===== */
html{scroll-behavior:auto!important;}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
body{padding-top:74px!important;overflow-x:hidden!important;}
.topbar{display:none!important;}
.navbar{
  position:fixed!important;
  top:0!important;right:0!important;left:0!important;width:100%!important;
  z-index:99999!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 26px rgba(7,31,56,.10)!important;
  border-bottom:1px solid rgba(219,231,241,.95)!important;
}
.nav-inner{min-height:74px!important;padding:8px 0!important;}
.hamb{display:flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;border-radius:14px!important;flex:0 0 54px!important;}
.brand{gap:10px!important;min-width:0!important;}
.brand img{width:58px!important;height:58px!important;flex:0 0 58px!important;}
.brand h2{font-size:20px!important;white-space:nowrap!important;line-height:1.2!important;}
.brand span{display:none!important;}
.page-hero{padding-top:70px!important;}

/* Doctor cards: old horizontal system, but photo clearly larger */
.doctor-card{
  display:grid!important;
  grid-template-columns:minmax(190px,44%) 1fr!important;
  align-items:center!important;
  gap:18px!important;
  padding:16px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  min-height:210px!important;
}
.doctor-card img{
  width:100%!important;
  height:178px!important;
  min-height:178px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  grid-column:1!important;
}
.doctor-card .body{
  padding:4px 2px!important;
  grid-column:2!important;
}
.doctor-card small{font-size:17px!important;line-height:1.35!important;color:var(--accent)!important;font-weight:900!important;display:block!important;margin-bottom:4px!important;}
.doctor-card h3{font-size:25px!important;line-height:1.35!important;margin:4px 0 6px!important;color:var(--primary)!important;}
.doctor-card p{font-size:14px!important;line-height:1.7!important;margin-bottom:12px!important;}
.doctor-card .btn{width:auto!important;min-width:135px!important;padding:10px 18px!important;font-size:15px!important;}

/* Homepage doctor mini cards also with bigger images */
.doctor-mini{
  display:grid!important;
  grid-template-columns:42% 1fr!important;
  gap:14px!important;
  align-items:center!important;
  min-height:150px!important;
}
.doctor-mini img{
  width:100%!important;
  height:125px!important;
  border-radius:18px!important;
  object-fit:cover!important;
}
.doctor-mini b{font-size:20px!important;line-height:1.35!important;}
.doctor-mini small{font-size:15px!important;}

@media(max-width:900px){
  body{padding-top:74px!important;}
  .menu{position:fixed!important;top:82px!important;right:3%!important;left:3%!important;z-index:100000!important;}
  .grid.grid-3:has(.doctor-card){grid-template-columns:1fr!important;}
  .doctor-card{grid-template-columns:46% 1fr!important;gap:14px!important;min-height:190px!important;padding:14px!important;}
  .doctor-card img{height:165px!important;min-height:165px!important;}
  .doctor-card h3{font-size:23px!important;}
  .doctor-card small{font-size:16px!important;}
  .doctor-card p{display:none!important;}
}
@media(max-width:520px){
  body{padding-top:70px!important;font-size:14px!important;}
  .container{width:94%!important;}
  .nav-inner{min-height:70px!important;}
  .brand h2{font-size:17px!important;max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .brand img{width:54px!important;height:54px!important;flex-basis:54px!important;}
  .hamb{width:50px!important;height:50px!important;flex-basis:50px!important;font-size:21px!important;}
  .page-hero{padding:55px 0 42px!important;}
  .doctor-card{grid-template-columns:48% 1fr!important;gap:10px!important;padding:12px!important;border-radius:20px!important;min-height:170px!important;}
  .doctor-card img{height:150px!important;min-height:150px!important;border-radius:16px!important;}
  .doctor-card .body{padding:0!important;}
  .doctor-card small{font-size:15px!important;margin-bottom:3px!important;}
  .doctor-card h3{font-size:21px!important;line-height:1.28!important;margin:3px 0 6px!important;}
  .doctor-card .btn{min-width:110px!important;padding:8px 12px!important;font-size:14px!important;}
  .doctor-mini{grid-template-columns:46% 1fr!important;min-height:145px!important;padding:12px!important;}
  .doctor-mini img{height:125px!important;}
}
@media(max-width:390px){
  .brand h2{font-size:15px!important;max-width:180px!important;}
  .doctor-card{grid-template-columns:50% 1fr!important;}
  .doctor-card img{height:142px!important;}
  .doctor-card h3{font-size:19px!important;}
  .doctor-card small{font-size:14px!important;}
}


/* ===== FINAL PRO MOTION LAYER: premium motion on all pages ===== */
html{scroll-behavior:smooth!important;}
body{overflow-x:hidden!important;}
:root{--motion-ease:cubic-bezier(.2,.85,.25,1);--motion-fast:.28s;--motion-med:.75s;--motion-slow:1.05s;}

/* header keeps moving with the user and feels alive */
.navbar{position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:99999!important;transition:background .28s var(--motion-ease),box-shadow .28s var(--motion-ease),transform .28s var(--motion-ease)!important;animation:proHeaderDrop .65s var(--motion-ease) both!important;}
.navbar.scrolled{background:rgba(255,255,255,.985)!important;box-shadow:0 18px 38px rgba(7,31,56,.14)!important;}
.nav-inner,.brand,.brand img,.brand h2,.hamb,.menu,.menu a{transition:all .28s var(--motion-ease)!important;}
.brand img:hover,.hamb:hover{transform:translateY(-2px) scale(1.04)!important;}
.menu.open{animation:proMenuOpen .32s var(--motion-ease) both!important;}

/* global reveal system */
.motion-ready .reveal-pro{opacity:0!important;transform:translateY(34px) scale(.985)!important;filter:blur(5px)!important;transition:opacity .78s var(--motion-ease),transform .78s var(--motion-ease),filter .78s var(--motion-ease)!important;}
.motion-ready .reveal-pro.in-view{opacity:1!important;transform:none!important;filter:none!important;}
.reveal-pro.stagger-1{transition-delay:.06s!important}.reveal-pro.stagger-2{transition-delay:.12s!important}.reveal-pro.stagger-3{transition-delay:.18s!important}.reveal-pro.stagger-4{transition-delay:.24s!important}.reveal-pro.stagger-5{transition-delay:.30s!important}.reveal-pro.stagger-6{transition-delay:.36s!important}

/* hero and page headers */
.hero,.page-hero{overflow:hidden!important;animation:proHeroGlow 9s ease-in-out infinite alternate!important;background-size:108% auto!important;}
.hero .badge,.hero h1,.hero p,.hero-buttons,.hero-points,.hero-card,.page-hero .breadcrumb,.page-hero h1,.page-hero p{animation:proFadeUp .85s var(--motion-ease) both!important;}
.hero h1,.page-hero h1{animation-delay:.08s!important}.hero p,.page-hero p{animation-delay:.16s!important}.hero-buttons,.hero-points{animation-delay:.24s!important}.hero-card{animation-delay:.32s!important}

/* premium hover motion */
.btn,.card,.media-card,.doctor-card,.doctor-mini,.service-mini,.gallery-tile,.gallery-item,.photo-department-strip a,.department-strip a,.related-grid a,.stat,.side-box,.faq-box,.detail-hero-card,.footer-grid>*{transition:transform .32s var(--motion-ease),box-shadow .32s var(--motion-ease),border-color .32s var(--motion-ease),background .32s var(--motion-ease),filter .32s var(--motion-ease)!important;}
.btn:hover,.card:hover,.media-card:hover,.doctor-card:hover,.doctor-mini:hover,.service-mini:hover,.gallery-tile:hover,.gallery-item:hover,.photo-department-strip a:hover,.department-strip a:hover,.related-grid a:hover{transform:translateY(-6px)!important;box-shadow:0 22px 50px rgba(7,31,56,.16)!important;}
.media-card img,.service-mini img,.gallery-tile img,.gallery-item img,.doctor-card img,.doctor-mini img,.photo-main,.detail-cover{transition:transform .55s var(--motion-ease),filter .55s var(--motion-ease)!important;}
.media-card:hover img,.service-mini:hover img,.gallery-tile:hover img,.gallery-item:hover img,.doctor-card:hover img,.doctor-mini:hover img{transform:scale(1.045)!important;filter:saturate(1.08) contrast(1.03)!important;}
.btn-primary{animation:proPulse 3.2s ease-in-out infinite!important;}
.float-actions a{animation:proFloat 3s ease-in-out infinite!important;transition:transform .25s var(--motion-ease),box-shadow .25s var(--motion-ease)!important;}
.float-actions a:nth-child(2){animation-delay:.18s!important;}
.float-actions a:hover{transform:scale(1.08) translateY(-3px)!important;}
.stat b,.counter,.counter-live{transition:color .3s var(--motion-ease),transform .3s var(--motion-ease)!important;}
.icon,.service-mini .icon,.department-strip span{animation:proIconBreath 2.8s ease-in-out infinite!important;}

/* doctors: make photo genuinely larger and animated */
.doctor-card{grid-template-columns:minmax(250px,52%) 1fr!important;min-height:250px!important;padding:18px!important;gap:20px!important;}
.doctor-card img{height:220px!important;min-height:220px!important;border-radius:20px!important;}
.doctor-card .body{align-self:center!important;}
.doctor-card h3{font-size:25px!important;line-height:1.28!important;}
.doctor-card small{font-size:17px!important;}
.doctor-mini{grid-template-columns:52% 1fr!important;min-height:170px!important;}
.doctor-mini img{height:150px!important;min-height:150px!important;}

@keyframes proHeaderDrop{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes proMenuOpen{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes proFadeUp{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes proPulse{0%,100%{box-shadow:0 12px 24px rgba(0,59,114,.18)}50%{box-shadow:0 18px 38px rgba(0,118,183,.28)}}
@keyframes proFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes proIconBreath{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.86}}
@keyframes proHeroGlow{0%{background-position:center top}100%{background-position:center 38%}}

@media(max-width:900px){
  .doctor-card{grid-template-columns:52% 1fr!important;min-height:220px!important;gap:14px!important;padding:14px!important;}
  .doctor-card img{height:195px!important;min-height:195px!important;}
  .doctor-mini{grid-template-columns:52% 1fr!important;min-height:165px!important;}
  .doctor-mini img{height:145px!important;}
}
@media(max-width:520px){
  .motion-ready .reveal-pro{transform:translateY(24px) scale(.99)!important;filter:blur(3px)!important;}
  .doctor-card{grid-template-columns:54% 1fr!important;min-height:190px!important;padding:12px!important;gap:10px!important;}
  .doctor-card img{height:168px!important;min-height:168px!important;border-radius:18px!important;}
  .doctor-card h3{font-size:19px!important;line-height:1.25!important;}
  .doctor-card small{font-size:14px!important;}
  .doctor-card .btn{font-size:13px!important;padding:8px 10px!important;min-width:100px!important;}
  .doctor-mini{grid-template-columns:54% 1fr!important;min-height:152px!important;gap:10px!important;}
  .doctor-mini img{height:132px!important;}
}
@media(max-width:390px){
  .doctor-card{grid-template-columns:56% 1fr!important;}
  .doctor-card img{height:158px!important;}
  .doctor-card h3{font-size:18px!important;}
  .doctor-mini img{height:124px!important;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .motion-ready .reveal-pro{opacity:1!important;transform:none!important;filter:none!important;}
}

/* ===== FINAL PERFORMANCE FIX: desktop doctors + calm motion ===== */
:root{--motion-ease:cubic-bezier(.22,.61,.36,1)!important;}
/* حركة هادية بدون تهنيج */
*,*::before,*::after{animation-duration:.45s!important;animation-iteration-count:1!important;scroll-behavior:smooth!important;}
.btn-primary,.float-actions a,.icon,.service-mini .icon,.department-strip span,.hero,.page-hero{animation:none!important;}
.motion-ready .reveal-pro{transition:opacity .45s ease,transform .45s ease!important;filter:none!important;transform:translateY(14px)!important;}
.motion-ready .reveal-pro.in-view{transform:none!important;}
.card:hover,.media-card:hover,.doctor-card:hover,.doctor-mini:hover,.service-mini:hover,.gallery-tile:hover,.gallery-item:hover,.photo-department-strip a:hover,.department-strip a:hover,.related-grid a:hover,.btn:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(7,31,56,.11)!important;}
.media-card:hover img,.service-mini:hover img,.gallery-tile:hover img,.gallery-item:hover img,.doctor-card:hover img,.doctor-mini:hover img{transform:scale(1.018)!important;}

/* الأطباء على الكمبيوتر: جنب بعض بوضوح مع صورة كبيرة */
.home-doctors .doctor-mini-grid,
.doctor-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.home-doctors .doctor-mini,
.doctor-mini{
  display:grid!important;
  grid-template-columns:46% 1fr!important;
  align-items:center!important;
  gap:22px!important;
  min-height:250px!important;
  padding:18px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)!important;
  border:1px solid rgba(0,59,114,.14)!important;
  box-shadow:0 14px 32px rgba(7,31,56,.08)!important;
  overflow:hidden!important;
}
.home-doctors .doctor-mini img,
.doctor-mini img{
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  flex-basis:auto!important;
  border-radius:22px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.home-doctors .doctor-mini div,
.doctor-mini div{min-width:0!important;text-align:right!important;}
.home-doctors .doctor-mini small,
.doctor-mini small{display:block!important;color:#10a397!important;font-size:17px!important;font-weight:900!important;margin-bottom:6px!important;}
.home-doctors .doctor-mini b,
.doctor-mini b{display:block!important;color:#003b72!important;font-size:25px!important;line-height:1.35!important;margin:0 0 8px!important;white-space:normal!important;}
.home-doctors .doctor-mini span,
.doctor-mini span{display:inline-flex!important;color:#0b76b7!important;font-size:17px!important;font-weight:900!important;}

@media(min-width:1280px){
  .home-doctors .doctor-mini-grid,.doctor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;}
  .home-doctors .doctor-mini,.doctor-mini{min-height:270px!important;}
  .home-doctors .doctor-mini img,.doctor-mini img{height:238px!important;min-height:238px!important;}
}
@media(max-width:992px){
  .home-doctors .doctor-mini-grid,.doctor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  .home-doctors .doctor-mini,.doctor-mini{grid-template-columns:1fr!important;text-align:center!important;gap:12px!important;min-height:auto!important;padding:14px!important;}
  .home-doctors .doctor-mini div,.doctor-mini div{text-align:center!important;}
  .home-doctors .doctor-mini img,.doctor-mini img{height:180px!important;min-height:180px!important;}
  .home-doctors .doctor-mini b,.doctor-mini b{font-size:20px!important;}
}
@media(max-width:640px){
  .home-doctors .doctor-mini-grid,.doctor-mini-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .home-doctors .doctor-mini,.doctor-mini{grid-template-columns:44% 1fr!important;text-align:right!important;gap:12px!important;min-height:165px!important;padding:12px!important;}
  .home-doctors .doctor-mini div,.doctor-mini div{text-align:right!important;}
  .home-doctors .doctor-mini img,.doctor-mini img{height:145px!important;min-height:145px!important;border-radius:18px!important;}
  .home-doctors .doctor-mini small,.doctor-mini small{font-size:14px!important;margin-bottom:3px!important;}
  .home-doctors .doctor-mini b,.doctor-mini b{font-size:18px!important;line-height:1.3!important;margin-bottom:5px!important;}
  .home-doctors .doctor-mini span,.doctor-mini span{font-size:14px!important;}
}
@media(max-width:390px){
  .home-doctors .doctor-mini,.doctor-mini{grid-template-columns:48% 1fr!important;}
  .home-doctors .doctor-mini img,.doctor-mini img{height:132px!important;min-height:132px!important;}
}

/* ===== TRUE FINAL FIX 2026-06-30: balanced desktop doctors + calm motion ===== */
:root{--final-ease:cubic-bezier(.22,.61,.36,1)!important;}
html{scroll-behavior:smooth!important;}
body{padding-top:74px!important;}
.navbar{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;z-index:999999!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 24px rgba(7,31,56,.08)!important;border-bottom:1px solid #e5eef7!important;}
.nav-inner{min-height:74px!important;padding:8px 0!important;}

/* حركة خفيفة جدًا بدون تهنيج */
*,*::before,*::after{animation-duration:.35s!important;animation-iteration-count:1!important;transition-duration:.28s!important;transition-timing-function:var(--final-ease)!important;}
.hero,.page-hero,.btn-primary,.float-actions a,.icon,.service-mini .icon,.department-strip span{animation:none!important;}
.motion-ready .reveal-pro{filter:none!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .35s var(--final-ease),transform .35s var(--final-ease)!important;}
.motion-ready .reveal-pro.in-view{opacity:1!important;transform:none!important;}
.card:hover,.media-card:hover,.doctor-card:hover,.doctor-mini:hover,.service-mini:hover,.gallery-tile:hover,.gallery-item:hover,.photo-department-strip a:hover,.department-strip a:hover,.related-grid a:hover,.btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(7,31,56,.10)!important;}
.media-card:hover img,.service-mini:hover img,.gallery-tile:hover img,.gallery-item:hover img,.doctor-card:hover img,.doctor-mini:hover img{transform:scale(1.01)!important;}

/* صفحة الأطباء على الكمبيوتر: 3 كروت في الصف، صورة واضحة لكن مش ضخمة */
.section .grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
.section .grid.grid-3 .doctor-card{
  display:grid!important;
  grid-template-columns:42% 1fr!important;
  align-items:center!important;
  gap:14px!important;
  min-height:180px!important;
  height:auto!important;
  padding:14px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.section .grid.grid-3 .doctor-card img{
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  grid-column:auto!important;
  border-bottom:0!important;
}
.section .grid.grid-3 .doctor-card .body{padding:0!important;text-align:right!important;align-self:center!important;grid-column:auto!important;min-width:0!important;}
.section .grid.grid-3 .doctor-card small{font-size:15px!important;line-height:1.35!important;margin:0 0 4px!important;color:#10a397!important;font-weight:900!important;}
.section .grid.grid-3 .doctor-card h3{font-size:21px!important;line-height:1.3!important;margin:0 0 5px!important;color:#003b72!important;}
.section .grid.grid-3 .doctor-card p{font-size:13px!important;line-height:1.55!important;margin:0 0 8px!important;color:#66788a!important;display:block!important;}
.section .grid.grid-3 .doctor-card .btn{width:auto!important;min-width:115px!important;padding:8px 13px!important;font-size:13px!important;border-radius:999px!important;}

/* قائمة أطباء الرئيسية أو أي doctor-mini: 3 في الصف بتوازن */
.home-doctors .doctor-mini-grid,.doctor-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;}
.home-doctors .doctor-mini,.doctor-mini{
  display:grid!important;
  grid-template-columns:42% 1fr!important;
  align-items:center!important;
  gap:14px!important;
  min-height:175px!important;
  height:auto!important;
  padding:14px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.home-doctors .doctor-mini img,.doctor-mini img{
  width:100%!important;
  height:145px!important;
  min-height:145px!important;
  max-height:145px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
}
.home-doctors .doctor-mini div,.doctor-mini div{text-align:right!important;min-width:0!important;}
.home-doctors .doctor-mini small,.doctor-mini small{font-size:15px!important;line-height:1.35!important;margin:0 0 4px!important;color:#10a397!important;font-weight:900!important;}
.home-doctors .doctor-mini b,.doctor-mini b{font-size:21px!important;line-height:1.3!important;margin:0 0 6px!important;color:#003b72!important;}
.home-doctors .doctor-mini span,.doctor-mini span{font-size:14px!important;color:#0b76b7!important;font-weight:900!important;}

@media(max-width:1180px){
  .section .grid.grid-3,.home-doctors .doctor-mini-grid,.doctor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  body{padding-top:70px!important;}
  .nav-inner{min-height:70px!important;}
  .brand h2{font-size:17px!important;max-width:220px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .brand img{width:54px!important;height:54px!important;flex-basis:54px!important;}
  .hamb{width:50px!important;height:50px!important;flex-basis:50px!important;}
  .section .grid.grid-3,.home-doctors .doctor-mini-grid,.doctor-mini-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .section .grid.grid-3 .doctor-card,.home-doctors .doctor-mini,.doctor-mini{grid-template-columns:44% 1fr!important;min-height:150px!important;padding:12px!important;gap:12px!important;border-radius:22px!important;}
  .section .grid.grid-3 .doctor-card img,.home-doctors .doctor-mini img,.doctor-mini img{height:128px!important;min-height:128px!important;max-height:128px!important;border-radius:17px!important;}
  .section .grid.grid-3 .doctor-card small,.home-doctors .doctor-mini small,.doctor-mini small{font-size:14px!important;}
  .section .grid.grid-3 .doctor-card h3,.home-doctors .doctor-mini b,.doctor-mini b{font-size:18px!important;line-height:1.28!important;}
  .section .grid.grid-3 .doctor-card p{display:none!important;}
  .section .grid.grid-3 .doctor-card .btn{padding:7px 10px!important;font-size:13px!important;min-width:95px!important;}
}
@media(max-width:390px){
  .brand h2{font-size:15px!important;max-width:180px!important;}
  .section .grid.grid-3 .doctor-card,.home-doctors .doctor-mini,.doctor-mini{grid-template-columns:46% 1fr!important;gap:10px!important;}
  .section .grid.grid-3 .doctor-card img,.home-doctors .doctor-mini img,.doctor-mini img{height:118px!important;min-height:118px!important;max-height:118px!important;}
  .section .grid.grid-3 .doctor-card h3,.home-doctors .doctor-mini b,.doctor-mini b{font-size:17px!important;}
}


/* ===== Doctors directory + contracts 2026 ===== */
.doctors-page,.contracts-page{background:linear-gradient(180deg,#f7fbfe 0,#fff 18%,#fff 100%)}
.doctors-summary{padding-bottom:22px!important}.medical-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.medical-stat{background:#fff;border:1px solid #dcecf5;border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 32px rgba(0,59,114,.07)}.medical-stat strong{display:block;color:#0b76b7;font-size:34px;line-height:1}.medical-stat span{display:block;margin-top:9px;color:#36566e;font-weight:800;font-size:14px}
.doctors-directory{padding-top:26px!important}.doctors-toolbar{position:sticky;top:92px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);padding:16px;border:1px solid #dcecf5;border-radius:25px;box-shadow:0 16px 45px rgba(0,59,114,.1);margin-bottom:28px}.doctor-search{display:flex;align-items:center;gap:10px;background:#f4f9fc;border:1px solid #d5e8f2;border-radius:16px;padding:0 16px;margin-bottom:14px}.doctor-search span{font-size:28px;color:#0b76b7}.doctor-search input{width:100%;height:52px;border:0;background:transparent;outline:0;font:inherit;color:#173f5b}.doctor-filters{display:flex;gap:9px;flex-wrap:wrap}.doctor-filter{border:1px solid #cfe2ee;background:#fff;color:#31566e;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;transition:.25s}.doctor-filter b{background:#edf7fb;color:#0b76b7;border-radius:999px;padding:2px 7px;margin-right:5px}.doctor-filter:hover,.doctor-filter.active{background:#0b76b7;color:#fff;border-color:#0b76b7;transform:translateY(-2px)}.doctor-filter.active b{background:rgba(255,255,255,.18);color:#fff}.doctor-results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.doctor-results-head h2{margin:0;color:#003b72}.doctor-results-head span{color:#6c8293;font-weight:800}.doctors-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.doctor-pro-card{background:#fff;border:1px solid #dcecf5;border-radius:27px;overflow:hidden;box-shadow:0 14px 38px rgba(0,59,114,.08);transition:transform .3s,box-shadow .3s}.doctor-pro-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(0,59,114,.15)}.doctor-pro-card[hidden]{display:none!important}.doctor-photo-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eaf4f9}.doctor-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .45s}.doctor-pro-card:hover img{transform:scale(1.04)}.doctor-section-badge{position:absolute;right:14px;bottom:14px;background:rgba(0,59,114,.9);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;backdrop-filter:blur(8px)}.doctor-pro-body{padding:18px}.doctor-specialty{display:block;color:#10a397;font-size:14px;font-weight:900;margin-bottom:6px}.doctor-pro-body h3{font-size:22px;color:#003b72;margin:0 0 8px}.doctor-pro-body p{color:#667e90;font-size:14px;line-height:1.7;margin:0 0 15px}.doctor-book{width:100%;text-align:center}.doctor-empty{padding:50px;text-align:center;background:#f7fbfd;border:1px dashed #bdd9e8;border-radius:24px}.doctor-empty strong,.doctor-empty span{display:block}.doctor-empty strong{font-size:22px;color:#003b72}.doctor-empty span{margin-top:8px;color:#6b8192}
.section-head.centered{text-align:center;max-width:760px;margin:0 auto 34px}.section-head.centered .eyebrow{color:#10a397;font-weight:900}.insurance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.insurance-card{background:#fff;border:1px solid #dcecf5;border-radius:24px;padding:16px;text-align:center;box-shadow:0 12px 34px rgba(0,59,114,.07);transition:.3s}.insurance-card:hover{transform:translateY(-6px);border-color:#acd5e8;box-shadow:0 20px 44px rgba(0,59,114,.13)}.insurance-logo{height:126px;border-radius:18px;overflow:hidden;background:#f5fbff;display:flex;align-items:center;justify-content:center}.insurance-logo img{width:100%;height:100%;object-fit:contain}.insurance-card h3{color:#003b72;font-size:19px;margin:14px 0 7px}.insurance-card p{color:#718696;font-size:13px;line-height:1.6;margin:0}.contracts-note{margin-top:30px;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#003b72,#0b76b7);color:#fff;padding:20px 24px;border-radius:24px}.contracts-note span{font-size:28px}.contracts-note p{flex:1;margin:0;line-height:1.7}.contracts-note .btn{background:#fff;color:#003b72;border-color:#fff;white-space:nowrap}
@media(max-width:1100px){.medical-stat-grid{grid-template-columns:repeat(3,1fr)}.doctors-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.medical-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.medical-stat{padding:15px 10px;border-radius:18px}.medical-stat strong{font-size:28px}.medical-stat span{font-size:12px}.doctors-toolbar{top:78px;padding:12px;border-radius:20px}.doctor-filters{display:grid;grid-template-columns:repeat(2,1fr)}.doctor-filter{padding:9px 8px;font-size:13px}.doctor-results-head{align-items:center}.doctors-pro-grid{grid-template-columns:1fr;gap:15px}.doctor-pro-card{display:grid;grid-template-columns:42% 1fr;border-radius:22px;min-height:165px}.doctor-photo-wrap{aspect-ratio:auto;height:100%;min-height:165px}.doctor-section-badge{right:8px;bottom:8px;font-size:10px;padding:5px 8px}.doctor-pro-body{padding:14px;display:flex;flex-direction:column;justify-content:center}.doctor-specialty{font-size:12px}.doctor-pro-body h3{font-size:18px}.doctor-pro-body p{display:none}.doctor-book{font-size:12px;padding:8px 10px;margin-top:7px}.insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insurance-card{padding:10px;border-radius:19px}.insurance-logo{height:95px}.insurance-card h3{font-size:16px}.insurance-card p{font-size:11px}.contracts-note{align-items:flex-start;flex-wrap:wrap;padding:17px}.contracts-note .btn{width:100%;text-align:center}}
@media(max-width:390px){.doctor-pro-card{grid-template-columns:44% 1fr}.insurance-grid{grid-template-columns:1fr 1fr}.insurance-logo{height:82px}}


/* ===== Home contracts showcase 2026 ===== */
.home-contracts{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbfe 0%,#eef8fc 100%)}
.home-contracts:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(16,163,151,.08);left:-180px;top:-210px}
.contracts-home-shell{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:26px;align-items:stretch}
.contracts-home-intro{background:linear-gradient(145deg,#003b72 0%,#075f97 68%,#0a8c9b 100%);color:#fff;border-radius:32px;padding:38px;box-shadow:0 22px 55px rgba(0,59,114,.18);position:relative;overflow:hidden}
.contracts-home-intro:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(255,255,255,.06);border-radius:50%;left:-85px;bottom:-110px}
.contracts-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800}
.contracts-home-intro h2{font-size:34px;line-height:1.35;margin:18px 0 12px;color:#fff}
.contracts-home-intro>p{font-size:15px;line-height:1.95;color:rgba(255,255,255,.86);margin:0;max-width:620px}
.contracts-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;position:relative;z-index:2}
.contract-contact-btn{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 15px;border-radius:18px;text-decoration:none;transition:.25s;border:1px solid rgba(255,255,255,.22)}
.contract-contact-btn:hover{transform:translateY(-3px)}
.contract-call-btn{background:#fff;color:#003b72}.contract-wa-btn{background:#18a86b;color:#fff}
.contract-btn-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(0,59,114,.08);font-size:22px;flex:0 0 auto}.contract-wa-btn .contract-btn-icon{background:rgba(255,255,255,.16)}
.contract-contact-btn span:last-child{display:flex;flex-direction:column;line-height:1.35}.contract-contact-btn small{font-size:11px;opacity:.75}.contract-contact-btn strong{font-size:16px;margin-top:2px}
.contracts-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;position:relative;z-index:2}
.contracts-mini-stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:13px 8px;text-align:center}.contracts-mini-stats strong{display:block;font-size:22px}.contracts-mini-stats span{display:block;font-size:11px;color:rgba(255,255,255,.75);margin-top:2px}
.contracts-home-logos{background:#fff;border:1px solid #dcecf5;border-radius:32px;padding:28px;box-shadow:0 18px 45px rgba(0,59,114,.08)}
.contracts-logo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.contracts-logo-head small{color:#10a397;font-weight:900}.contracts-logo-head h3{color:#003b72;font-size:25px;margin:4px 0 0}.contracts-logo-head a{font-size:13px;color:#0b76b7;font-weight:800;text-decoration:none;white-space:nowrap}
.contracts-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-insurance-logo{height:105px;border:1px solid #e2edf3;border-radius:18px;background:#f9fcfe;display:flex;align-items:center;justify-content:center;padding:10px;transition:.25s}.home-insurance-logo:hover{transform:translateY(-4px);border-color:#9fd6df;box-shadow:0 12px 24px rgba(0,59,114,.08)}.home-insurance-logo img{width:100%;height:100%;object-fit:contain}
.contracts-home-note{font-size:12px;line-height:1.7;color:#78909f;background:#f5fafc;border-radius:13px;padding:10px 12px;margin:15px 0 0}
@media(max-width:980px){.contracts-home-shell{grid-template-columns:1fr}.contracts-home-intro h2{font-size:30px}.contracts-logo-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.home-contracts{padding-top:48px;padding-bottom:48px}.contracts-home-intro,.contracts-home-logos{border-radius:23px;padding:20px}.contracts-home-intro h2{font-size:26px}.contracts-home-actions{grid-template-columns:1fr}.contract-contact-btn{min-height:64px}.contracts-mini-stats{gap:6px}.contracts-mini-stats div{padding:11px 5px}.contracts-mini-stats strong{font-size:19px}.contracts-mini-stats span{font-size:10px}.contracts-logo-head{align-items:flex-start;flex-direction:column}.contracts-logo-grid{grid-template-columns:repeat(2,1fr);gap:9px}.home-insurance-logo{height:88px;border-radius:15px}}


/* ===== PREMIUM PRO HEADER & 80 DOCTORS DIRECTORY ===== */
.navbar{height:auto!important;background:rgba(255,255,255,.985)!important}
.nav-inner{display:flex!important;align-items:center!important;gap:18px!important;min-height:78px!important;padding:8px 0!important}
.brand{flex:0 0 auto!important;min-width:250px!important;white-space:nowrap!important}
.brand img{width:56px!important;height:56px!important;border-radius:15px!important}
.brand h2{font-size:19px!important;white-space:nowrap!important}
.menu{flex:1 1 auto!important;display:flex;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important}
.menu a{white-space:nowrap!important;line-height:1!important;padding:11px 8px!important;font-size:13px!important}
.nav-actions{flex:0 0 auto!important;gap:7px!important}
.nav-actions .btn{white-space:nowrap!important;padding:10px 15px!important;font-size:13px!important}
.hamb{flex:0 0 auto!important}
.doctors-directory-section{background:linear-gradient(180deg,#f7fbff 0,#fff 34%)!important}
.doctors-directory-intro{text-align:center;max-width:760px;margin:0 auto 24px}.doctors-directory-intro>span{color:var(--accent);font-weight:900}.doctors-directory-intro h2{font-size:34px;margin:4px 0 8px;color:var(--primary)}.doctors-directory-intro p{margin:0;color:var(--muted)}
.doctors-toolbar{position:sticky;top:92px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:0 15px 40px rgba(7,31,56,.08);margin-bottom:18px}.doctor-search{width:100%;height:52px;border:1px solid var(--line);border-radius:16px;padding:0 18px;font-family:inherit;font-size:15px;outline:none}.doctor-search:focus{border-color:var(--primary2);box-shadow:0 0 0 4px rgba(11,118,183,.08)}.doctor-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.doctor-filter{border:1px solid var(--line);background:#fff;color:#31516d;border-radius:999px;padding:9px 14px;font-family:inherit;font-weight:800;cursor:pointer}.doctor-filter b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:#eef6fc;color:var(--primary);margin-right:5px}.doctor-filter.active,.doctor-filter:hover{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:transparent}.doctor-filter.active b,.doctor-filter:hover b{background:rgba(255,255,255,.18);color:#fff}.doctor-results-head{display:flex;justify-content:space-between;align-items:center;margin:16px 3px;color:var(--muted)}.doctor-results-head strong{color:var(--primary)}
.doctors-pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.doctor-pro-card{background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 12px 34px rgba(7,31,56,.07);transition:.25s}.doctor-pro-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(7,31,56,.14)}.doctor-pro-card[hidden]{display:none!important}.doctor-photo-wrap{position:relative;aspect-ratio:4/4.65;overflow:hidden;background:#eaf1f7}.doctor-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.doctor-pro-card:hover .doctor-photo-wrap img{transform:scale(1.035)}.doctor-section-badge{position:absolute;right:12px;bottom:12px;background:rgba(3,53,92,.88);color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;backdrop-filter:blur(6px)}.doctor-pro-body{padding:17px}.doctor-specialty{color:var(--accent);font-size:12px;font-weight:900}.doctor-pro-body h3{margin:3px 0 6px;color:var(--primary);font-size:19px}.doctor-pro-body p{font-size:12.5px;color:var(--muted);margin:0 0 12px}.doctor-book{display:flex;justify-content:center;align-items:center;min-height:42px;border-radius:13px;background:#eef7ff;color:var(--primary);font-weight:900;font-size:13px}.doctor-book:hover{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.doctor-empty{text-align:center;padding:40px;background:#fff;border:1px dashed var(--line);border-radius:22px;color:var(--muted)}
@media(max-width:1280px){.brand{min-width:220px!important}.brand h2{font-size:17px!important}.brand span{display:none!important}.nav-actions{display:none!important}.menu a{padding:10px 7px!important;font-size:12.5px!important}}
@media(max-width:1100px){.menu{position:fixed!important;top:82px!important;right:3%!important;left:3%!important;display:none!important;flex-direction:column!important;align-items:stretch!important;background:#fff!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(7,31,56,.18)!important;max-height:calc(100vh - 100px)!important;overflow:auto!important}.menu.open{display:flex!important}.menu a{text-align:center!important;padding:13px 15px!important;font-size:14px!important;line-height:1.3!important}.hamb{display:block!important;margin-right:auto!important}.nav-inner{justify-content:space-between!important}.doctors-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar{display:none!important}.navbar{top:0!important}.nav-inner{min-height:68px!important;padding:6px 0!important}.brand{min-width:0!important;gap:9px!important}.brand img{width:48px!important;height:48px!important}.brand h2{font-size:16px!important}.menu{top:72px!important}.doctors-directory-intro h2{font-size:27px}.doctors-toolbar{top:76px;padding:11px;border-radius:20px}.doctor-filters{display:grid;grid-template-columns:repeat(2,1fr)}.doctor-filter{padding:9px 7px;font-size:12px}.doctor-results-head{font-size:12px}.doctors-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.doctor-pro-card{border-radius:20px}.doctor-pro-body{padding:13px}.doctor-pro-body h3{font-size:16px}.doctor-pro-body p{display:none}.doctor-book{font-size:11.5px;min-height:38px}.doctor-section-badge{right:8px;bottom:8px;font-size:9px;padding:5px 7px}}
@media(max-width:430px){.brand h2{font-size:14.5px!important}.hamb{font-size:20px!important;padding:8px 10px!important}.doctors-pro-grid{grid-template-columns:1fr}.doctor-pro-card{display:grid;grid-template-columns:42% 1fr;min-height:165px}.doctor-photo-wrap{height:100%;aspect-ratio:auto}.doctor-pro-body{display:flex;flex-direction:column;justify-content:center}.doctor-results-head span{display:none}.doctor-filters{gap:6px}}


/* === Zahraa premium homepage redesign 2026-07 === */
.zr-hero-v2{position:relative;min-height:520px;background:url('../images/hero-hospital.jpg') center/cover no-repeat;overflow:hidden}
.zr-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,251,255,.98) 0%,rgba(245,251,255,.92) 42%,rgba(245,251,255,.15) 72%,rgba(245,251,255,0) 100%)}
.zr-hero-grid{position:relative;z-index:2;display:flex;align-items:center;min-height:520px}.zr-hero-copy{max-width:610px;text-align:center;margin-left:auto;padding:45px 0}.zr-eyebrow,.zr-section-heading span,.zr-special-info>span{color:#0aa16f;font-weight:900}.zr-hero-copy h1{font-size:47px;line-height:1.25;color:#063f7e;margin:10px 0 14px}.zr-hero-copy h1 em{font-style:normal;font-weight:500}.zr-hero-copy>p{font-size:17px;color:#536b80;max-width:560px;margin:0 auto 20px}.zr-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.zr-values div{padding:10px 6px}.zr-values span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;margin:auto;background:#e9f4ff;color:#075dab;font-size:27px}.zr-values b,.zr-values small{display:block}.zr-values b{color:#07549b;margin-top:7px}.zr-values small{color:#718398;font-size:11px}.zr-hero-actions{display:flex;justify-content:center;gap:15px}.zr-green-btn{background:linear-gradient(135deg,#079f66,#17b578)!important;color:#fff!important}
.zr-contact-strip{position:relative;z-index:5;margin-top:0;padding:30px 0 10px}.zr-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dbe7f1;border-radius:24px;box-shadow:0 15px 35px rgba(7,31,56,.09);overflow:hidden}.zr-contact-card{display:flex;gap:14px;align-items:center;padding:20px;border-left:1px solid #dbe7f1}.zr-contact-card:last-child{border-left:0}.zr-contact-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;font-size:29px;background:#e9f8f2;color:#0a9e69}.zr-contact-card.pharmacy .zr-contact-icon{background:#f6edfb;color:#7d239c}.zr-contact-card.contracts .zr-contact-icon{background:#edf4ff;color:#1263bc}.zr-contact-card.emergency .zr-contact-icon{background:#fff0f0;color:#c92c2c}.zr-contact-card b,.zr-contact-card small,.zr-contact-card strong,.zr-contact-card em{display:block}.zr-contact-card b{font-size:18px}.zr-contact-card small{color:#6b7c8e}.zr-contact-card strong{color:#087a58;font-size:17px}.zr-contact-card em{font-style:normal;border:1px solid currentColor;border-radius:9px;padding:2px 10px;width:max-content;margin-top:5px;font-size:12px}
.zr-section-heading{text-align:center;margin-bottom:24px}.zr-section-heading h2{font-size:31px;color:#063f7e;margin:4px}.zr-section-heading p{margin:0;color:#6c7f91}.zr-contracts-v2{padding-top:55px}.zr-contracts-layout{display:grid;grid-template-columns:180px 1fr;gap:16px}.zr-contract-manager,.zr-logo-panel{border:1px solid #dbe7f1;border-radius:22px;background:#fff;box-shadow:0 10px 25px rgba(7,31,56,.05)}.zr-contract-manager{text-align:center;padding:26px 16px;display:flex;flex-direction:column;justify-content:center;gap:9px}.zr-manager-icon{font-size:35px;color:#075dab}.zr-contract-manager h3{margin:0;color:#07509a}.zr-contract-manager>a{font-weight:900;color:#07509a}.zr-outline-green{border:1px solid #11a875;color:#07945f!important;border-radius:10px;padding:7px}.zr-logo-panel{padding:20px}.zr-logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.zr-logo-row a{height:90px;border:1px solid #e0e9f1;border-radius:12px;display:grid;place-items:center;padding:10px}.zr-logo-row img{max-height:62px}.zr-all-contracts{display:flex;width:max-content;margin:18px auto 0}
.zr-doctors-v2{padding-top:35px}.zr-doctors-head{position:relative}.zr-doctors-head>.btn{position:absolute;left:0;top:28px}.zr-doctors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zr-doctor-card{display:grid;grid-template-columns:42% 58%;min-height:182px;border:1px solid #dbe7f1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(7,31,56,.06)}.zr-doctor-card img{width:100%;height:100%;object-fit:cover}.zr-doctor-card>div{padding:15px 13px;display:flex;flex-direction:column;justify-content:center}.zr-doctor-card small{color:#0aa16f;font-weight:900}.zr-doctor-card h3{color:#063f7e;font-size:19px;margin:3px 0}.zr-doctor-card p{font-size:12px;color:#687b8d;line-height:1.8;margin:0 0 7px}.zr-doctor-card a{border:1px solid #b8cee3;border-radius:9px;text-align:center;padding:5px;color:#064a8f;font-weight:800}
.zr-special-contact{background:#f5f9fc}.zr-special-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.zr-special-info,.zr-special-form{background:#fff;border:1px solid #dbe7f1;border-radius:22px;padding:28px;box-shadow:0 12px 28px rgba(7,31,56,.06)}.zr-special-info h2{font-size:30px;color:#063f7e;margin:5px 0}.zr-special-info>a{display:block;font-size:20px;font-weight:900;color:#07549b;margin:12px 0}.zr-special-info .zr-special-wa{background:#13a86f;color:#fff;border-radius:12px;padding:10px 15px;text-align:center}.zr-special-form h3{color:#063f7e;margin-top:0}.zr-special-form .quick-form{max-width:none}
@media(max-width:1050px){.zr-contact-grid{grid-template-columns:repeat(2,1fr)}.zr-doctors-grid{grid-template-columns:repeat(2,1fr)}.zr-logo-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zr-hero-v2,.zr-hero-grid{min-height:auto}.zr-hero-overlay{background:linear-gradient(rgba(245,251,255,.94),rgba(245,251,255,.90))}.zr-hero-copy{padding:45px 0}.zr-hero-copy h1{font-size:33px}.zr-values{grid-template-columns:repeat(2,1fr)}.zr-contact-grid,.zr-doctors-grid,.zr-special-grid{grid-template-columns:1fr}.zr-contact-card{border-left:0;border-bottom:1px solid #dbe7f1}.zr-contracts-layout{grid-template-columns:1fr}.zr-logo-row{grid-template-columns:repeat(2,1fr)}.zr-doctors-head>.btn{position:static;margin-bottom:15px}.zr-doctor-card{grid-template-columns:120px 1fr}.zr-doctor-card img{min-height:180px}.zr-hero-actions{display:grid}.zr-section-heading h2{font-size:25px}}

/* === PREMIUM HOME FINAL 2026-07-22 === */
.zr-hero-v2{min-height:610px;background-position:center 42%;border-bottom:1px solid #eaf1f7}.zr-hero-grid{min-height:610px}.zr-hero-copy{margin-right:0;margin-left:auto;max-width:650px;text-align:right}.zr-hero-copy h1{font-size:54px;letter-spacing:-1px}.zr-hero-copy>p{margin-right:0;line-height:2}.zr-values{margin:26px 0 28px}.zr-values div{text-align:center}.zr-hero-actions{justify-content:flex-start}.zr-contact-strip{margin-top:-48px;padding:0 0 28px}.zr-contact-grid{border-radius:28px;box-shadow:0 24px 55px rgba(9,49,89,.14)}.zr-contact-card{min-height:142px;padding:24px}.zr-contact-card b{font-size:20px}.zr-contact-card strong{font-size:18px;margin-top:4px}.feature-band{display:none!important}
.zr-premium-contracts{padding:82px 0;background:linear-gradient(180deg,#fff 0,#f7fbff 100%)}.zr-premium-heading{text-align:center}.zr-premium-heading>span{display:inline-block;color:#0aa16f;font-weight:900;margin-bottom:7px}.zr-premium-heading h2{margin:0;color:#073f7d;font-size:36px;letter-spacing:-.6px}.zr-premium-heading p{color:#6b7f91;font-size:16px;margin:10px auto 28px;max-width:700px}.zr-contract-shell{display:grid;grid-template-columns:1fr 235px;gap:20px;align-items:stretch}.zr-contract-main{background:#fff;border:1px solid #dce8f2;border-radius:28px;padding:24px;box-shadow:0 18px 50px rgba(9,49,89,.07)}.zr-insurance-track{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zr-insurance-track a{height:116px;border:1px solid #e1eaf2;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fcff);display:grid;place-items:center;padding:18px;transition:.25s}.zr-insurance-track a:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(7,63,125,.10);border-color:#a9c6df}.zr-insurance-track img{max-width:100%;max-height:68px}.zr-show-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b9d1e5;color:#073f7d;background:#fff;padding:12px 20px;border-radius:14px;font-weight:900;margin:22px auto 0}.zr-contract-main>.zr-show-all{display:flex;width:max-content}.zr-contract-contact{background:linear-gradient(155deg,#07549b,#073f7d);border-radius:28px;padding:28px 22px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 45px rgba(7,63,125,.22)}.zr-contract-icon{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:29px;margin:0 auto 14px}.zr-contract-contact small{font-size:15px}.zr-contract-contact strong{font-size:23px;margin:7px 0 18px;direction:ltr}.zr-contract-contact a{border:1px solid rgba(255,255,255,.45);color:#fff;padding:10px;border-radius:12px;font-weight:900;margin-top:8px}.zr-contract-contact a.wa{background:#12ad72;border-color:#12ad72}
.zr-premium-doctors{padding:76px 0 92px;background:#fff}.zr-doctors-top{position:relative}.zr-doctors-top>.zr-show-all{position:absolute;left:0;top:30px;margin:0}.zr-doctor-slider{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zr-premium-doctor{border:1px solid #dce8f2;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(9,49,89,.08);transition:.28s}.zr-premium-doctor:hover{transform:translateY(-7px);box-shadow:0 25px 50px rgba(9,49,89,.15)}.zr-premium-doctor .photo{height:260px;position:relative;overflow:hidden;background:#eef4f8}.zr-premium-doctor .photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.zr-premium-doctor .photo span{position:absolute;right:14px;bottom:14px;background:rgba(6,63,124,.92);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.zr-premium-doctor .body{padding:18px}.zr-premium-doctor h3{margin:0 0 6px;color:#073f7d;font-size:22px}.zr-premium-doctor p{color:#667b8d;margin:0;min-height:52px}.doctor-meta{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.doctor-meta span{background:#f1f7fc;color:#537089;padding:6px 9px;border-radius:9px;font-size:11px;font-weight:800}.zr-premium-doctor .body>a{display:flex;justify-content:center;background:linear-gradient(135deg,#07549b,#0879bd);color:#fff;padding:11px;border-radius:12px;font-weight:900}
@media(max-width:1050px){.zr-doctor-slider{grid-template-columns:repeat(2,1fr)}.zr-contract-shell{grid-template-columns:1fr}.zr-contract-contact{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;text-align:right}.zr-contract-icon{margin:0}.zr-insurance-track{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.zr-hero-v2{min-height:570px}.zr-hero-grid{min-height:570px}.zr-hero-copy{text-align:center;padding:55px 0}.zr-hero-copy h1{font-size:38px}.zr-hero-copy>p{margin:auto}.zr-hero-actions{justify-content:center}.zr-contact-strip{margin-top:-25px}.zr-contact-grid{grid-template-columns:1fr 1fr;border-radius:22px}.zr-contact-card{min-height:150px;display:block;text-align:center;padding:18px 10px}.zr-contact-icon{margin:0 auto 8px}.zr-contact-card em{margin:7px auto 0}.zr-premium-contracts,.zr-premium-doctors{padding:55px 0}.zr-premium-heading h2{font-size:28px}.zr-insurance-track{grid-template-columns:repeat(2,1fr);gap:9px}.zr-insurance-track a{height:92px;padding:12px}.zr-contract-main{padding:14px;border-radius:22px}.zr-contract-contact{display:flex;text-align:center}.zr-doctors-top>.zr-show-all{position:static;display:flex;width:max-content;margin:0 auto 22px}.zr-doctor-slider{grid-template-columns:1fr 1fr;gap:12px}.zr-premium-doctor{border-radius:19px}.zr-premium-doctor .photo{height:190px}.zr-premium-doctor .body{padding:13px}.zr-premium-doctor h3{font-size:17px}.zr-premium-doctor p{font-size:12px;min-height:42px}.doctor-meta span{font-size:9px}.zr-premium-doctor .body>a{font-size:12px;padding:9px}}
@media(max-width:430px){.zr-contact-grid{grid-template-columns:1fr}.zr-contact-card{min-height:auto;display:flex;text-align:right}.zr-contact-icon{margin:0}.zr-contact-card em{margin:7px 0 0}.zr-doctor-slider{grid-template-columns:1fr}.zr-premium-doctor{display:grid;grid-template-columns:42% 1fr}.zr-premium-doctor .photo{height:100%;min-height:210px}.zr-premium-doctor .photo span{font-size:9px;padding:5px 7px}.zr-premium-doctor p{min-height:auto}.zr-premium-heading h2{font-size:25px}}

/* === FINAL USER REVIEW 2026-07-22 === */
/* Home hero booking */
.zr-hero-grid{grid-template-columns:minmax(340px,470px) minmax(0,1fr)!important;gap:50px!important;align-items:center!important}
.zr-booking-card{position:relative;z-index:3;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(4,38,75,.22);color:#071f38}
.zr-booking-card h2{color:#073f7d;text-align:center;font-size:29px;margin:0 0 18px}
.zr-booking-card .quick-form{gap:12px}.zr-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zr-booking-card .btn{width:100%;border-radius:12px}.zr-booking-card small{text-align:center;color:#78899a}
.zr-hero-copy{max-width:680px!important}

/* Service images equal */
.clean-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.clean-gallery .gallery-tile,.clean-gallery .gallery-tile.big{height:280px!important;min-height:280px!important;grid-column:auto!important;grid-row:auto!important;border-radius:22px!important;overflow:hidden!important}
.clean-gallery .gallery-tile img{width:100%!important;height:100%!important;object-fit:cover!important}

/* Contracts contact: small and elegant */
.zr-contract-shell{grid-template-columns:1fr 310px!important;align-items:center!important}
.zr-contract-contact{min-height:auto!important;padding:18px!important;border-radius:20px!important;display:grid!important;grid-template-columns:48px 1fr!important;gap:5px 12px!important;text-align:right!important;background:#fff!important;color:#073f7d!important;border:1px solid #dce8f2!important;box-shadow:0 12px 30px rgba(9,49,89,.08)!important}
.zr-contract-mini-icon{grid-row:1/3;width:48px;height:48px;border-radius:15px;background:#edf6ff;display:grid;place-items:center;font-size:23px}
.zr-contract-mini-copy small,.zr-contract-mini-copy strong{display:block}.zr-contract-mini-copy small{font-weight:900}.zr-contract-mini-copy strong{font-size:18px;direction:ltr;text-align:right}
.zr-contract-mini-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}
.zr-contract-contact .zr-contract-mini-actions a{margin:0!important;padding:8px!important;border:1px solid #bdd2e5!important;color:#07549b!important;background:#fff!important;text-align:center!important;border-radius:10px!important}
.zr-contract-contact .zr-contract-mini-actions a.wa{color:#078c5d!important;border-color:#63cda7!important;background:#f2fff9!important}

/* Contact/forms on lab and contracts */
.zr-special-grid{grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr)!important;align-items:center!important}
.zr-special-info{padding:22px!important;text-align:center!important;border-radius:19px!important;box-shadow:0 10px 25px rgba(7,31,56,.05)!important}
.zr-special-info h3{margin:6px 0;color:#073f7d;font-size:22px}.zr-special-info p{color:#6d7f90;margin:0 0 8px}
.zr-compact-contact-icon{width:54px;height:54px;margin:auto;border-radius:17px;background:#edf6ff;display:grid;place-items:center;font-size:27px}
.zr-special-info .zr-phone-number{font-size:22px!important;direction:ltr;color:#07549b!important;margin:8px 0!important}
.zr-compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zr-compact-actions a{font-size:14px!important;margin:0!important;border:1px solid #b8cee3;border-radius:10px;padding:8px!important}.zr-compact-actions .zr-special-wa{background:#12ad72!important;color:#fff!important}

/* Generic card consistency */
.service-mini-grid,.pro-card-grid,.grid.grid-3,.grid.grid-4{align-items:stretch!important}
.service-mini,.pro-card-grid>.card,.grid.grid-3>.card,.grid.grid-4>.card{height:100%!important}

/* Floating actions: always low and unobtrusive */
.float-actions{left:14px!important;bottom:18px!important;display:flex!important;flex-direction:row!important;gap:8px!important}
.float-actions a{width:44px!important;height:44px!important;font-size:18px!important}

@media(max-width:900px){
 .zr-hero-grid{grid-template-columns:1fr!important;gap:22px!important;padding:36px 0!important}
 .zr-booking-card{order:2;max-width:620px;width:100%;margin:auto}.zr-hero-copy{order:1;text-align:center!important;margin:auto!important}
 .zr-contract-shell{grid-template-columns:1fr!important}.zr-contract-contact{max-width:520px;width:100%;margin:0 auto!important}
 .clean-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}.clean-gallery .gallery-tile,.clean-gallery .gallery-tile.big{height:220px!important;min-height:220px!important}
}
@media(max-width:640px){
 .zr-booking-card{padding:18px;border-radius:21px}.zr-booking-card h2{font-size:24px}.zr-form-pair{grid-template-columns:1fr}
 .zr-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;background:transparent!important;box-shadow:none!important}
 .zr-contact-card{min-height:155px!important;border:1px solid #dce8f2!important;border-radius:18px!important;background:#fff!important;display:block!important;text-align:center!important;padding:14px 8px!important}
 .zr-contact-card .zr-contact-icon{width:48px!important;height:48px!important;margin:0 auto 7px!important}.zr-contact-card b{font-size:17px!important}.zr-contact-card small{font-size:11px!important}.zr-contact-card strong{font-size:14px!important}.zr-contact-card em{font-size:10px!important;padding:3px 7px!important;margin:6px auto 0!important}
 .clean-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.clean-gallery .gallery-tile,.clean-gallery .gallery-tile.big{height:155px!important;min-height:155px!important}.clean-gallery .gallery-tile:last-child{grid-column:1/-1!important}
 .zr-special-grid{grid-template-columns:1fr!important}.zr-special-info{order:2}.zr-special-form{order:1;padding:18px!important}
 .grid.grid-3,.grid.grid-4,.pro-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.grid.grid-3>.card,.grid.grid-4>.card,.pro-card-grid>.card{padding:15px!important;min-height:150px!important}.grid.grid-3>.card h3,.grid.grid-4>.card h3,.pro-card-grid>.card h3{font-size:17px!important}.grid.grid-3>.card p,.grid.grid-4>.card p,.pro-card-grid>.card p{font-size:12px!important;line-height:1.65!important}
 .float-actions{left:12px!important;bottom:14px!important}.float-actions a{width:42px!important;height:42px!important}
}

/* === PREMIUM FINAL RESPONSIVE BUILD 2026-07-22 === */
:root{--zr-radius:20px;--zr-shadow:0 14px 38px rgba(9,49,89,.09);--zr-gap:20px}
.zr-mobile-hero-banner{display:none}

/* Home hero: real responsive composition */
.zr-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,470px)!important}
.zr-hero-copy{order:1}.zr-booking-card{order:2}
.zr-booking-card input,.zr-booking-card select{min-height:48px}

/* Home contracts: one unified section, ordered exactly */
.zr-contract-shell{display:flex!important;flex-direction:column!important;gap:18px!important;grid-template-columns:none!important}
.zr-contract-shell>.zr-contract-contact{order:1;max-width:520px;width:100%;margin:0 auto!important}
.zr-contract-shell>.zr-insurance-track{order:2;width:100%}
.zr-contract-shell>.zr-show-all{order:3;margin:0 auto}

/* Consistent contact cards */
.zr-single-contact-card{display:grid;grid-template-columns:64px minmax(0,1fr) 220px;align-items:center;gap:18px;padding:22px;background:#fff;border:1px solid #dce8f2;border-radius:var(--zr-radius);box-shadow:var(--zr-shadow)}
.zr-single-contact-copy span{display:block;color:#0879bd;font-size:13px;font-weight:900;margin-bottom:4px}.zr-single-contact-copy h2,.zr-single-contact-copy h3{margin:0 0 6px;color:#073f7d}.zr-single-contact-copy p{margin:0 0 8px;color:#667b8d}.zr-single-contact-copy .zr-phone-number{display:inline-block;color:#07549b;font-size:22px;font-weight:900;direction:ltr}
.zr-single-contact-card>.zr-compact-actions{grid-template-columns:1fr 1fr;min-width:200px}
.zr-single-contact-card>.zr-compact-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;border:1px solid #b8cee3;font-weight:900;color:#07549b}
.zr-single-contact-card>.zr-compact-actions .zr-special-wa{background:#12ad72;color:#fff;border-color:#12ad72}
.zr-contracts-inline-contact{margin:24px 0 28px}
.zr-pharmacy-compact{padding-top:48px;padding-bottom:70px}

/* Lab compact feature grid and tighter spacing */
.zr-lab-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important}
.zr-lab-features>.card{min-height:130px!important;padding:18px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(9,49,89,.07)!important}
.zr-lab-contact{padding-top:18px!important;padding-bottom:60px!important}
.service-detail-wrap{gap:20px!important}.service-detail-card{padding-bottom:24px!important}

/* Unified card geometry */
.card,.service-mini,.insurance-card,.zr-contact-card,.zr-premium-doctor{border-radius:var(--zr-radius);box-shadow:var(--zr-shadow)}

/* Floating phone / WhatsApp close to viewport bottom */
.float-actions{bottom:8px!important;left:10px!important;gap:7px!important}.float-actions a{width:43px!important;height:43px!important}

@media(max-width:900px){
 .zr-hero-v2{background:none!important;min-height:auto!important;padding:0 0 34px!important}
 .zr-hero-overlay{display:none!important}
 .zr-hero-grid{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;max-width:none!important;width:100%!important}
 .zr-mobile-hero-banner{display:block;order:1;width:100%;height:300px;background:linear-gradient(180deg,rgba(3,34,67,.08),rgba(3,34,67,.2)),url('../images/hero-hospital.jpg') center/cover no-repeat}
 .zr-hero-copy{order:2!important;width:min(100% - 28px,680px);padding:28px 0 22px!important;color:#0a2743!important;text-align:center!important}
 .zr-hero-copy h1{color:#073f7d!important;font-size:38px!important}.zr-hero-copy h1 em{color:#0879bd!important}.zr-hero-copy>p{color:#526b7f!important;margin-inline:auto!important}
 .zr-values{display:none!important}.zr-hero-actions{justify-content:center!important}
 .zr-hero-copy .btn-outline{color:#07549b!important;border-color:#07549b!important}
 .zr-booking-card{order:3!important;width:calc(100% - 28px)!important;max-width:680px!important;margin:0 auto!important;border:1px solid #dce8f2!important;box-shadow:var(--zr-shadow)!important}
 .zr-single-contact-card{grid-template-columns:56px 1fr}.zr-single-contact-card>.zr-compact-actions{grid-column:1/-1;width:100%}
}
@media(max-width:640px){
 body{overflow-x:hidden}.section{padding-top:48px;padding-bottom:48px}.container{width:min(100% - 24px,var(--container))}
 .zr-mobile-hero-banner{height:230px}
 .zr-hero-copy{width:calc(100% - 24px);padding:24px 0 18px!important}.zr-hero-copy h1{font-size:30px!important;line-height:1.3!important}.zr-hero-copy>p{font-size:14px!important}
 .zr-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:9px!important}.zr-hero-actions .btn{padding:11px 8px!important;font-size:13px!important}
 .zr-booking-card{width:calc(100% - 24px)!important;padding:16px!important;border-radius:18px!important}.zr-booking-card .zr-form-pair{grid-template-columns:1fr!important}.zr-booking-card input,.zr-booking-card select{width:100%!important;min-width:0!important}
 .zr-contact-strip{margin-top:0!important;padding-top:18px!important}.zr-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zr-contact-card{width:100%!important;min-width:0!important;min-height:150px!important}
 .zr-contract-shell{gap:12px!important}.zr-contract-shell>.zr-contract-contact{padding:14px!important}.zr-insurance-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .zr-single-contact-card{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:16px;border-radius:17px}.zr-single-contact-card .zr-compact-contact-icon{width:46px;height:46px}.zr-single-contact-copy h2{font-size:21px}.zr-single-contact-copy h3{font-size:18px}.zr-single-contact-copy p{font-size:13px}.zr-single-contact-copy .zr-phone-number{font-size:19px}
 .zr-single-contact-card>.zr-compact-actions{min-width:0;gap:8px}
 .zr-lab-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zr-lab-features>.card{min-height:120px!important;padding:13px!important}.zr-lab-features h3{font-size:16px!important}.zr-lab-features p{font-size:12px!important}
 .insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.insurance-card{padding:12px!important}.insurance-logo{height:75px!important}
 .float-actions{bottom:6px!important;left:8px!important}.float-actions a{width:41px!important;height:41px!important}
}


/* =========================================================
   FINAL HOME-ONLY INTEGRATED HERO + ULTRA COMPACT QUICK CARDS
   Inner pages keep their original clear design.
   ========================================================= */

/* Homepage integrated hero only */
@media (max-width:900px){
  .zr-hero-v2{
    position:relative!important;
    min-height:auto!important;
    padding:0 0 16px!important;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(248,252,255,.74) 0%,rgba(255,255,255,.9) 76%,#fff 100%),
      url('../images/hero-hospital.jpg') center 18%/cover no-repeat!important;
    border-bottom:1px solid #e5eef5!important;
  }
  .zr-hero-v2::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(4,94,156,.02),rgba(16,163,151,.035));
  }
  .zr-hero-v2 .zr-hero-overlay,
  .zr-hero-v2 .zr-mobile-hero-banner{
    display:none!important;
  }
  .zr-hero-v2 .zr-hero-grid{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .zr-hero-v2 .zr-hero-copy{
    order:1!important;
    width:min(calc(100% - 28px),680px)!important;
    margin:0 auto!important;
    padding:64px 0 22px!important;
    text-align:center!important;
    opacity:1!important;
    filter:none!important;
  }
  .zr-hero-v2 .zr-hero-copy,
  .zr-hero-v2 .zr-hero-copy *{
    opacity:1!important;
  }
  .zr-hero-v2 .zr-booking-card{
    order:2!important;
    width:min(calc(100% - 28px),680px)!important;
    margin:0 auto!important;
    background:rgba(255,255,255,.97)!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
}

/* Ultra compact homepage shortcuts */
.zr-contact-strip{
  margin-top:0!important;
  padding:14px 0 6px!important;
}
.zr-contact-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.zr-contact-card{
  min-width:0!important;
  min-height:104px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid #dce8f1!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(7,31,56,.055)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
  animation:zrCardFloat 4.6s ease-in-out infinite;
}
.zr-contact-card:nth-child(2){animation-delay:.35s}
.zr-contact-card:nth-child(3){animation-delay:.7s}
.zr-contact-card:nth-child(4){animation-delay:1.05s}
.zr-contact-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 10px 24px rgba(7,31,56,.09)!important;
}
.zr-contact-icon{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  font-size:20px!important;
}
.zr-contact-card>div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.zr-contact-card b{
  font-size:16px!important;
  line-height:1.25!important;
}
.zr-contact-card small{
  font-size:11px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.zr-contact-card strong{
  font-size:13px!important;
  line-height:1.3!important;
  direction:ltr;
  text-align:right;
}
.zr-contact-card em{
  width:max-content!important;
  margin-top:2px!important;
  padding:2px 8px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:1.5!important;
}
@keyframes zrCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

@media (max-width:640px){
  .zr-hero-v2{
    background:
      linear-gradient(180deg,rgba(248,252,255,.72) 0%,rgba(255,255,255,.91) 77%,#fff 100%),
      url('../images/hero-hospital.jpg') 42% top/auto 570px no-repeat!important;
    padding-bottom:12px!important;
  }
  .zr-hero-v2 .zr-hero-copy{
    width:calc(100% - 24px)!important;
    padding:50px 0 18px!important;
  }
  .zr-hero-v2 .zr-booking-card{
    width:calc(100% - 24px)!important;
  }
  .zr-contact-strip{
    padding:10px 0 4px!important;
  }
  .zr-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .zr-contact-card{
    min-height:92px!important;
    padding:9px 8px!important;
    gap:7px!important;
    border-radius:14px!important;
  }
  .zr-contact-icon{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    font-size:17px!important;
  }
  .zr-contact-card b{
    font-size:14px!important;
  }
  .zr-contact-card small{
    display:none!important;
  }
  .zr-contact-card strong{
    font-size:11px!important;
  }
  .zr-contact-card em{
    padding:1px 6px!important;
    font-size:9px!important;
    margin-top:1px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .zr-contact-card{animation:none!important;transition:none!important}
}


/* =========================================================
   FINAL V3: communication buttons, compact lab, 24h services
   ========================================================= */

.float-actions{
  position:fixed!important;
  left:16px!important;
  right:auto!important;
  bottom:18px!important;
  z-index:100!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:16px!important;
}
.float-actions a{
  flex:0 0 auto!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.float-actions .wa{order:1!important}
.float-actions .call{order:2!important}
.float-actions svg{width:27px;height:27px;display:block}
.float-actions .wa svg{width:30px;height:30px}

/* Lab features compact and side-by-side */
.zr-lab-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:18px 0 0!important;
}
.zr-lab-features .card{
  min-height:150px!important;
  padding:18px 15px!important;
  margin:0!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.zr-lab-features .card h3{font-size:18px!important;margin:0 0 7px!important}
.zr-lab-features .card p{font-size:13px!important;line-height:1.65!important;margin:0!important}

/* 24 hour premium services */
.zr-24-services{
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
}
.zr-24-services .section-head{justify-content:center;text-align:center}
.zr-24-services .section-title p{margin-inline:auto}
.zr-24-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.zr-24-grid article,
.zr-specialties-extra>div{
  background:#fff;
  border:1px solid #dce8f1;
  border-radius:18px;
  padding:18px 15px;
  box-shadow:0 9px 24px rgba(7,31,56,.055);
  text-align:center;
}
.zr-24-grid article>span{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  margin:0 auto 10px;
  background:#eef7ff;
  font-size:24px;
}
.zr-24-grid h3{margin:0 0 6px;color:#063f7e;font-size:17px}
.zr-24-grid p{margin:0;color:#6f7f8d;font-size:12.5px;line-height:1.65}
.zr-specialties-extra{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.zr-specialties-extra>div{
  display:grid;
  grid-template-columns:44px 1fr;
  text-align:right;
  column-gap:11px;
  align-items:center;
}
.zr-specialties-extra span{
  grid-row:1/3;
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background:#eafaf4;font-size:22px;
}
.zr-specialties-extra strong{color:#063f7e;font-size:17px}
.zr-specialties-extra small{color:#6f7f8d;line-height:1.6}

/* contract number direction */
.zr-contract-mini-copy strong,
.zr-phone-number{direction:ltr;unicode-bidi:embed}

@media(max-width:640px){
  .float-actions{left:14px!important;bottom:14px!important;gap:14px!important}
  .float-actions a{width:52px!important;height:52px!important}

  .zr-lab-features{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .zr-lab-features .card{
    min-height:128px!important;
    padding:12px 7px!important;
    border-radius:15px!important;
  }
  .zr-lab-features .card h3{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .zr-lab-features .card p{
    font-size:10.5px!important;
    line-height:1.55!important;
  }

  .zr-24-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .zr-24-grid article{
    padding:13px 8px;
    border-radius:15px;
  }
  .zr-24-grid article>span{
    width:38px;height:38px;font-size:19px;margin-bottom:7px
  }
  .zr-24-grid h3{font-size:14px}
  .zr-24-grid p{font-size:10.5px}
  .zr-specialties-extra{grid-template-columns:1fr;gap:8px}
  .zr-specialties-extra>div{padding:12px}
}


/* =========================================================
   FINAL V4 - Premium clickable 24-hour services on homepage
   ========================================================= */
.zr-contact-strip{display:none!important}
.zr-24-services{
  padding:42px 0 48px!important;
  background:linear-gradient(180deg,#f6fbff 0%,#fff 100%)!important;
}
.zr-24-services .section-head{
  justify-content:center!important;
  text-align:center!important;
  margin-bottom:24px!important;
}
.zr-24-services .section-title{
  max-width:760px!important;
  margin-inline:auto!important;
}
.zr-24-services .section-title span{
  color:#159b8d!important;
  font-weight:800!important;
}
.zr-24-services .section-title h2{margin:8px 0 10px!important}
.zr-24-services .section-title p{
  margin:0 auto!important;
  max-width:700px!important;
}
.zr-24-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.zr-24-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  min-height:218px!important;
  padding:18px 14px 15px!important;
  border:1px solid #dce8f1!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(7,31,56,.055)!important;
  text-align:center!important;
  text-decoration:none!important;
  color:inherit!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.zr-24-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 14px 30px rgba(7,31,56,.10)!important;
  border-color:#b8d7e8!important;
}
.zr-24-icon{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:10px!important;
  background:#eef7ff!important;
  font-size:24px!important;
}
.zr-24-card h3{
  margin:0 0 7px!important;
  color:#063f7e!important;
  font-size:17px!important;
  line-height:1.35!important;
}
.zr-24-card p{
  margin:0!important;
  color:#6f7f8d!important;
  font-size:12.5px!important;
  line-height:1.65!important;
}
.zr-24-link{
  margin-top:auto!important;
  padding-top:10px!important;
  color:#0d8f80!important;
  font-size:11px!important;
  font-weight:800!important;
}
@media(max-width:900px){
  .zr-24-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .zr-24-services{padding:26px 0 32px!important}
  .zr-24-services .section-head{margin-bottom:16px!important}
  .zr-24-services .section-title{padding-inline:8px!important}
  .zr-24-services .section-title h2{font-size:26px!important;line-height:1.35!important}
  .zr-24-services .section-title p{font-size:14px!important;line-height:1.75!important}
  .zr-24-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .zr-24-card{
    min-height:174px!important;
    padding:13px 8px 11px!important;
    border-radius:15px!important;
  }
  .zr-24-icon{
    width:40px!important;
    height:40px!important;
    font-size:20px!important;
    margin-bottom:7px!important;
  }
  .zr-24-card h3{font-size:14px!important;margin-bottom:5px!important}
  .zr-24-card p{font-size:10.5px!important;line-height:1.55!important}
  .zr-24-link{font-size:9.5px!important;padding-top:7px!important}
}


/* =========================================================
   FINAL V5 - Auto sliding 24-hour services carousel
   ========================================================= */
.zr-24-services{
  overflow:hidden!important;
}
.zr-24-slider{
  position:relative!important;
  width:100%!important;
}
.zr-24-track{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:3px 2px 10px!important;
  direction:ltr!important;
}
.zr-24-track::-webkit-scrollbar{display:none!important}
.zr-24-card{
  flex:0 0 calc((100% - 42px)/4)!important;
  scroll-snap-align:start!important;
  direction:rtl!important;
}
.zr-slider-btn{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:42px!important;
  height:42px!important;
  border:1px solid #d7e5ef!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#063f7e!important;
  box-shadow:0 8px 22px rgba(7,31,56,.10)!important;
  display:grid!important;
  place-items:center!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.zr-slider-prev{left:-14px!important}
.zr-slider-next{right:-14px!important}
.zr-slider-dots{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:10px!important;
}
.zr-slider-dot{
  width:8px!important;
  height:8px!important;
  border:0!important;
  border-radius:50%!important;
  padding:0!important;
  background:#cfdee8!important;
  cursor:pointer!important;
  transition:width .2s ease,background .2s ease!important;
}
.zr-slider-dot.active{
  width:22px!important;
  border-radius:8px!important;
  background:#149f8f!important;
}

@media(max-width:900px){
  .zr-24-card{
    flex-basis:calc((100% - 28px)/3)!important;
  }
}

@media(max-width:640px){
  .zr-24-services .section-head{
    margin-bottom:14px!important;
  }
  .zr-24-track{
    gap:10px!important;
    padding-inline:14px!important;
    scroll-padding-inline:14px!important;
  }
  .zr-24-card{
    flex:0 0 84%!important;
    min-height:160px!important;
    padding:14px 12px 12px!important;
    border-radius:17px!important;
  }
  .zr-24-card p{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .zr-slider-btn{
    display:none!important;
  }
  .zr-slider-dots{
    margin-top:8px!important;
    gap:6px!important;
  }
  .zr-slider-dot{
    width:7px!important;
    height:7px!important;
  }
  .zr-slider-dot.active{
    width:19px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .zr-24-track{scroll-behavior:auto!important}
  .zr-slider-dot{transition:none!important}
}


/* =========================================================
   FINAL V7 - Real service images + restored lab page
   ========================================================= */
.zr-24-icon{
  overflow:hidden!important;
  padding:0!important;
  background:#eef7ff!important;
}
.zr-24-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:inherit!important;
  filter:saturate(.95) contrast(1.02)!important;
}
.zr-lab-single-column{
  grid-template-columns:minmax(0,1fr)!important;
}
.zr-lab-single-column > *{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:640px){
  .zr-24-icon{
    width:58px!important;
    height:58px!important;
    border-radius:16px!important;
  }
}


/* ==========================================================
   PREMIUM FINAL V8 — SEO PRO / Forms / Location / FAQ
   ========================================================== */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.zr-location-link{
  color:inherit!important;
  text-decoration:none!important;
}
.zr-location-link:hover{
  text-decoration:underline!important;
}
.zr-pharmacy-order-card{
  max-width:900px;
  margin-inline:auto;
  padding:clamp(22px,4vw,42px);
}
.zr-pharmacy-form-head{
  text-align:center;
  margin-bottom:24px;
}
.zr-pharmacy-form{
  display:grid;
  gap:16px;
}
.zr-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.zr-pharmacy-form input,
.zr-pharmacy-form textarea{
  width:100%;
}
.zr-pharmacy-submit{
  min-height:54px;
  font-size:1.05rem;
}
.zr-form-note{
  margin:0;
  color:#64748b;
  text-align:center;
  font-size:.92rem;
}
.contracts-note{
  flex-wrap:wrap;
}
.zr-contracts-whatsapp{
  margin-inline-start:8px;
}
.zr-map-button{
  margin-top:16px;
}
.zr-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.zr-faq-item{
  background:#fff;
  border:1px solid #dbe7ef;
  border-radius:18px;
  padding:0 18px;
  box-shadow:0 12px 30px rgba(15,53,80,.06);
}
.zr-faq-item summary{
  cursor:pointer;
  font-weight:800;
  color:#0b4f78;
  padding:18px 0;
  list-style:none;
}
.zr-faq-item summary::-webkit-details-marker{
  display:none;
}
.zr-faq-item summary::after{
  content:"+";
  float:left;
  font-size:1.35rem;
}
.zr-faq-item[open] summary::after{
  content:"−";
}
.zr-faq-item p{
  color:#64748b;
  margin:0 0 18px;
  line-height:1.9;
}
@media(max-width:720px){
  .zr-form-grid,
  .zr-faq-grid{
    grid-template-columns:1fr;
  }
  .contracts-note .btn{
    width:100%;
    margin:6px 0 0!important;
  }
}

/* ==========================================================
   PREMIUM FINAL V9 CLEAN
   ========================================================== */
.zr-home-booking-cta{
  padding-block:34px;
}
.zr-booking-cta-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:clamp(24px,4vw,42px);
  border-radius:28px;
  background:linear-gradient(135deg,#064d76,#0b8cc8);
  color:#fff;
  box-shadow:0 18px 44px rgba(6,77,118,.18);
}
.zr-booking-cta-content{
  max-width:680px;
}
.zr-booking-cta-content .eyebrow{
  color:#c8f1ff;
}
.zr-booking-cta-content h2{
  color:#fff;
  margin:8px 0 10px;
}
.zr-booking-cta-content p{
  margin:0;
  color:rgba(255,255,255,.88);
}
.zr-booking-cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.zr-booking-cta-actions .btn{
  min-width:170px;
  justify-content:center;
}
.zr-booking-cta-actions .btn-outline{
  background:#fff;
  color:#064d76;
  border-color:#fff;
}
@media(max-width:760px){
  .zr-booking-cta-card{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }
  .zr-booking-cta-actions{
    flex-direction:column;
  }
  .zr-booking-cta-actions .btn{
    width:100%;
  }
}


/* ==========================================================
   PREMIUM FINAL V10 — TRUE FINAL
   ========================================================== */
.zr-hero-grid.zr-hero-grid-no-form{
  grid-template-columns:minmax(0,1fr)!important;
}
.zr-hero-grid.zr-hero-grid-no-form .zr-hero-copy{
  max-width:780px;
}
.zr-page-location{
  max-width:1180px;
  margin:12px auto 8px;
  padding:10px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  border:1px solid #dbe7ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,53,80,.06);
  color:#0b4f78;
  font-size:.95rem;
}
.zr-page-location-address{
  font-weight:700;
}
.zr-page-location-link{
  color:#087bb4;
  font-weight:800;
  text-decoration:none;
  border-right:1px solid #dbe7ef;
  padding-right:10px;
}
.zr-page-location-link:hover{
  text-decoration:underline;
}
@media(max-width:700px){
  .zr-page-location{
    margin:10px 16px 6px;
    padding:9px 12px;
    gap:7px;
    font-size:.86rem;
    text-align:center;
  }
  .zr-page-location-link{
    width:100%;
    border-right:0;
    padding-right:0;
  }
  .zr-hero-grid.zr-hero-grid-no-form{
    display:block!important;
  }
  .zr-hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .zr-hero-actions .btn{
    width:100%!important;
    min-width:0!important;
    padding-inline:10px!important;
  }
}


/* ==========================================================
   PREMIUM FINAL V11 — LAST
   ========================================================== */

/* Footer location opens Google Maps directly */
.zr-footer-map-link{
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer;
}
.zr-footer-map-link:hover{
  text-decoration:underline!important;
}

/* Compact homepage hero: no oversized empty area */
.zr-hero-v2{
  min-height:auto!important;
  height:auto!important;
}
.zr-hero-v2 .zr-hero-grid{
  min-height:auto!important;
}
.zr-hero-v2 .zr-hero-copy{
  padding-bottom:0!important;
}
@media(max-width:700px){
  .zr-hero-v2{
    min-height:0!important;
    height:auto!important;
    padding-top:38px!important;
    padding-bottom:34px!important;
    background-position:center top!important;
  }
  .zr-hero-v2 .container{
    min-height:0!important;
  }
  .zr-hero-v2 .zr-hero-grid{
    min-height:0!important;
    height:auto!important;
    align-items:start!important;
  }
  .zr-hero-v2 .zr-hero-copy{
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .zr-hero-v2 .zr-hero-copy p{
    margin-bottom:18px!important;
  }
  .zr-hero-v2 .zr-hero-actions{
    margin-bottom:0!important;
  }
}

/* Defensive: hide any leftover location strip */
.zr-page-location{
  display:none!important;
}


/* ==========================================================
   PREMIUM FINAL V13 — DOCTORS GRID FIXED
   ========================================================== */

/* Desktop */
.doctors-pro-grid.zr-doctors-grid-fixed{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.doctor-pro-card.zr-doctor-card-fixed{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
.doctor-pro-card.zr-doctor-card-fixed .doctor-photo-wrap{
  width:100%!important;
  height:240px!important;
  min-height:240px!important;
  position:relative!important;
  overflow:hidden!important;
}
.doctor-pro-card.zr-doctor-card-fixed .doctor-photo-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
}
.doctor-pro-card.zr-doctor-card-fixed .doctor-pro-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:18px!important;
  text-align:center!important;
}
.doctor-pro-card.zr-doctor-card-fixed .doctor-specialty{
  font-size:.92rem!important;
  line-height:1.5!important;
  margin-bottom:7px!important;
}
.doctor-pro-card.zr-doctor-card-fixed h3{
  font-size:1.22rem!important;
  line-height:1.45!important;
  margin:0 0 14px!important;
}
.doctor-pro-card.zr-doctor-card-fixed .doctor-book{
  width:100%!important;
  margin-top:auto!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Tablet and mobile: two clean columns */
@media(max-width:900px){
  .doctors-pro-grid.zr-doctors-grid-fixed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed{
    border-radius:18px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-photo-wrap{
    height:180px!important;
    min-height:180px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-pro-body{
    padding:14px 10px 12px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-specialty{
    font-size:.78rem!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed h3{
    font-size:.95rem!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-bottom:10px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-book{
    min-height:40px!important;
    padding:9px 6px!important;
    font-size:.86rem!important;
    border-radius:12px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-section-badge{
    font-size:.68rem!important;
    padding:5px 7px!important;
  }
}

/* Very small screens still remain two columns */
@media(max-width:420px){
  .doctors-pro-grid.zr-doctors-grid-fixed{
    gap:10px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-photo-wrap{
    height:150px!important;
    min-height:150px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed .doctor-pro-body{
    padding:11px 8px 10px!important;
  }
  .doctor-pro-card.zr-doctor-card-fixed h3{
    font-size:.88rem!important;
  }
}