@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;
  }
}


/* Final contracts/email refinements */
#home-contracts .zr-contract-shell{grid-template-columns:1fr}
.zr-contract-email{display:inline-flex;margin-top:10px;color:#0b6070;font-weight:800;direction:ltr;text-decoration:none}
.zr-contract-email:hover{text-decoration:underline}


/* ===== USER FINAL REQUESTS — footer, pharmacy, lab ===== */
.premium-footer{
  width:100%;
  margin:0;
  border-radius:0;
  background:linear-gradient(135deg,#052f59 0%,#073f70 52%,#075878 100%)!important;
  padding:38px 0 18px!important;
  overflow:hidden;
}
.premium-footer>.container{
  width:100%!important;
  max-width:none!important;
  padding-inline:clamp(14px,4vw,64px)!important;
}
.premium-footer .footer-top-card{
  width:100%;
  margin:0 0 18px!important;
  border-radius:24px!important;
  padding:22px clamp(16px,4vw,42px)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
}
.premium-footer .footer-pro-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%;
}
.premium-footer .footer-col{
  min-width:0;
  height:100%;
  border-radius:20px!important;
  padding:18px 14px!important;
}

/* Hide visible department phone numbers; buttons still work. */
.zr-pharmacy-compact .zr-phone-number,
.zr-lab-contact .zr-phone-number{display:none!important}

/* Compact pharmacy request form. */
.zr-pharmacy-order-card{
  max-width:760px;
  margin:18px auto 0;
  padding:18px;
  border:1px solid #d9e7ef;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(7,47,86,.09);
}
.zr-pharmacy-form-head{text-align:center;margin-bottom:12px}
.zr-pharmacy-form-head span{display:block;color:#0c887e;font-weight:900;font-size:13px;margin-bottom:4px}
.zr-pharmacy-form-head h3{margin:0;color:#073f70;font-size:21px}
.zr-mini-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zr-pharmacy-form{display:grid;gap:10px!important}
.zr-pharmacy-form input,.zr-pharmacy-form textarea{margin:0!important}
.zr-pharmacy-submit{width:100%!important;margin:0!important}
.zr-form-note{display:block;text-align:center;color:#69808f;margin-top:9px}

/* Make laboratory card and form smaller and cleaner. */
.zr-lab-contact .zr-special-grid{
  max-width:940px;
  margin-inline:auto;
  gap:16px!important;
  align-items:stretch;
}
.zr-lab-contact .zr-special-info,
.zr-lab-contact .zr-special-form{
  padding:20px!important;
  border-radius:22px!important;
}
.zr-lab-contact .zr-special-form .quick-form{gap:10px!important}
.zr-lab-contact .zr-special-form input,
.zr-lab-contact .zr-special-form textarea{margin:0!important}
.zr-lab-contact .zr-special-form textarea{min-height:82px!important}

@media(max-width:640px){
  .premium-footer{padding-top:24px!important}
  .premium-footer>.container{width:100%!important;max-width:100%!important;padding-inline:10px!important}
  .premium-footer .footer-top-card{border-radius:18px!important;padding:16px 12px!important;margin-bottom:10px!important}
  .premium-footer .footer-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .premium-footer .footer-col{border-radius:15px!important;padding:11px 7px!important}
  .premium-footer .footer-col h3{font-size:13px!important;margin-bottom:8px!important}
  .premium-footer .footer-col p,.premium-footer .footer-col a{font-size:10.5px!important;line-height:1.55!important;overflow-wrap:anywhere}
  .zr-single-contact-card{padding:16px!important;gap:12px!important}
  .zr-single-contact-card>.zr-compact-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .zr-pharmacy-order-card{padding:14px;margin-top:12px;border-radius:18px}
  .zr-pharmacy-form-head h3{font-size:18px}
  .zr-mini-form-grid{grid-template-columns:1fr}
  .zr-lab-contact .zr-special-grid{grid-template-columns:1fr!important}
  .zr-lab-contact .zr-special-info,.zr-lab-contact .zr-special-form{padding:16px!important}
}

/* ZR DOCTORS DATABASE 2026 */
.doctor-profile-link{display:block;color:inherit;text-decoration:none}
.doctor-days{margin:10px 0 4px;font-size:.9rem;line-height:1.8;color:#475569}
.doctor-view{display:inline-block;margin-top:6px;color:#075985;font-weight:700}
.doctor-pro-card>.doctor-book{display:block;margin:0 16px 16px;text-align:center}
.doctor-profile-card{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:32px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(15,23,42,.08)}
.doctor-profile-photo img{width:100%;max-height:440px;object-fit:cover;border-radius:20px}
.doctor-profile-info h2{margin:10px 0}
.doctor-profile-info>p{line-height:2;color:#475569}
.doctor-availability{margin:22px 0;padding:18px;background:#f8fafc;border-radius:16px;border-right:4px solid #0e7490}
.doctor-availability p{margin:8px 0;font-weight:700}
.doctor-availability small{color:#64748b}
.doctor-profile-actions,.department-doctor-actions{display:flex;gap:10px;flex-wrap:wrap}
.department-doctors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.department-doctor-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.department-doctor-card h3{margin:0 0 8px;color:#0f172a}
.department-doctor-card span{color:#0e7490;font-weight:700}
.department-doctor-card p{line-height:1.8;color:#475569}
@media(max-width:900px){.doctor-profile-card{grid-template-columns:1fr}.doctor-profile-photo{max-width:360px;margin:auto}.department-doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.department-doctors-grid{grid-template-columns:1fr}.doctor-profile-card{padding:18px}}

/* INC Egypt final hospital refinements */
.nav-inner{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}.brand{flex:0 0 auto}.menu{flex:1;display:flex;justify-content:center;gap:14px;white-space:nowrap}.nav-actions{flex:0 0 auto;display:flex;gap:8px}.menu a{font-size:14px}.brand h2{font-size:20px}@media(max-width:1180px){.menu{display:none}.hamb{display:flex}.nav-actions{margin-inline-start:auto}}
.zr-premium-doctor .body .doctor-meta,.zr-premium-doctor .body>a{display:none!important}.zr-premium-doctor{cursor:pointer}.zr-premium-doctor .body{padding-bottom:22px}.zr-premium-doctor .body h3{margin-bottom:8px}
.doctor-profile-actions{display:flex;gap:12px;flex-wrap:wrap}.doctor-profile-actions .btn{min-width:130px}
.department-doctors{margin-top:36px}.department-doctors-head{text-align:center;margin-bottom:24px}.department-doctors-head h2{margin-bottom:8px}.department-doctors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.department-doctor-card{border:1px solid #dbe7f2;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(15,61,100,.08)}.department-doctor-card img{width:100%;height:250px;object-fit:cover}.department-doctor-card .info{padding:18px}.department-doctor-card h3{margin:6px 0}.department-doctor-card .days{font-size:14px;color:#60758a;min-height:42px}.department-doctor-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.department-doctor-card .actions a{flex:1;text-align:center;min-width:110px}@media(max-width:900px){.department-doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.department-doctors-grid{grid-template-columns:1fr}}
.no-results{grid-column:1/-1;text-align:center;padding:30px;background:#f6f9fc;border-radius:16px}

.homepage-doctor-clickable{cursor:pointer}.homepage-doctor-clickable:focus{outline:3px solid rgba(13,117,177,.35);outline-offset:3px}.department-doctors-empty{grid-column:1/-1;text-align:center;padding:24px;background:#f6fafc;border-radius:16px}

/* 2026-07-23 requested final updates */
.hero-buttons,.cta-actions,.detail-actions,.service-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-buttons .btn,.cta-actions .btn,.detail-actions .btn,.service-actions .btn{min-width:150px;text-align:center}.department-doctors{clear:both;position:relative;z-index:1}.department-doctors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.department-doctor-card .actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:640px){.hero-buttons,.cta-actions,.detail-actions,.service-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-buttons .btn,.cta-actions .btn,.detail-actions .btn,.service-actions .btn{min-width:0;width:100%;padding-inline:10px}.department-doctor-card .actions{display:grid;grid-template-columns:1fr 1fr}.department-doctor-card .actions .btn:first-child{grid-column:1/-1}}


/* ZR FINAL ORDER + SEO LAYOUT 2026-07-23 */
.department-doctors{margin-top:0!important;padding-top:34px!important;padding-bottom:34px!important;background:#fff}
.detail-hero-card + .department-doctors{margin-top:0!important}
section.light + .department-doctors{margin-top:0!important}
.department-doctors-head{margin-bottom:20px!important}
.department-doctors-head h2{margin-top:0!important}
@media(max-width:640px){
  .department-doctors{padding-top:24px!important;padding-bottom:24px!important}
  .department-doctors-head{margin-bottom:16px!important}
}


/* Homepage medical departments - always visible, including mobile */
.home-medical-departments{display:block!important;background:#fff}
.home-medical-departments .section-head{align-items:flex-end}
.home-department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-department-card{position:relative;min-height:250px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;text-decoration:none;background:#063b68;box-shadow:0 16px 34px rgba(8,55,92,.13);isolation:isolate}
.home-department-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,31,55,.05) 10%,rgba(2,31,55,.9) 100%);z-index:-1}
.home-department-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}
.home-department-card:hover img{transform:scale(1.04)}
.home-department-card strong{font-size:1.35rem;line-height:1.3;margin-bottom:8px}
.home-department-card span{font-size:.98rem;line-height:1.7;color:rgba(255,255,255,.9)}
@media(max-width:900px){.home-department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-department-card{min-height:230px;border-radius:22px;padding:20px}}
@media(max-width:600px){.home-medical-departments{display:block!important;padding-top:40px!important;padding-bottom:40px!important}.home-medical-departments .section-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px;margin-bottom:22px}.home-medical-departments .section-title{min-width:0}.home-medical-departments .section-title span,.home-medical-departments .section-title p{display:none}.home-medical-departments .section-title h2{font-size:2rem!important;margin:0}.home-medical-departments .section-head .btn{display:inline-flex!important;flex:0 0 auto;padding:11px 16px!important;font-size:.92rem!important}.home-department-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.home-department-card{display:flex!important;min-height:220px!important;border-radius:24px!important;padding:18px!important}.home-department-card strong{font-size:1.08rem!important}.home-department-card span{font-size:.86rem!important;line-height:1.55!important}}

/* ZR platform enhancements */
.zr-coupon-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.zr-coupon-row small{grid-column:1/-1;min-height:20px}.zr-coupon-row [data-coupon-msg][data-ok="1"]{color:#087a3d;font-weight:700}@media(max-width:600px){.zr-coupon-row{grid-template-columns:1fr}.zr-coupon-row small{grid-column:1}}

/* Booking date: visible native date control on mobile/desktop */
input[type="date"].input{display:block!important;width:100%!important;min-height:52px!important;background:#fff!important;color:#17384d!important;color-scheme:light!important;opacity:1!important;-webkit-appearance:auto!important;appearance:auto!important;}
input[type="date"].input::-webkit-date-and-time-value{text-align:right!important;color:#17384d!important;}

/* Careers form V12 */
.career-form-pro{display:grid;grid-template-columns:1fr 1fr;gap:14px}.career-form-pro .career-form-section{grid-column:1/-1;font-weight:800;color:var(--primary,#075985);font-size:1.05rem;border-bottom:1px solid #dbe7ee;padding:8px 2px 7px}.career-form-pro textarea,.career-form-pro .career-cv,.career-form-pro .career-file-note,.career-form-pro .career-submit{grid-column:1/-1}.career-file-note{display:block;color:#64748b;margin-top:-7px}.career-form-pro input,.career-form-pro select,.career-form-pro textarea{min-height:48px}.zr-job-success-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,20,32,.72);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}.zr-job-success-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.25)}.zr-job-success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#e8f7ef;color:#138a50;font-size:38px;font-weight:900}.zr-job-success-card h2{margin:5px 0 12px;color:#075985}.zr-job-ref{margin:18px auto;padding:15px;border-radius:16px;background:#f0f7fb;border:1px solid #cfe1eb;display:flex;flex-direction:column;gap:5px}.zr-job-ref strong{font-size:1.3rem;direction:ltr}.zr-job-warning{background:#fff8e8;border:1px solid #f2d18a;border-radius:14px;padding:12px;margin:15px 0;color:#73510b}.zr-job-success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}@media(max-width:640px){.career-form-pro{grid-template-columns:1fr}.career-form-pro>*{grid-column:1!important}.zr-job-success-card{padding:22px 16px;border-radius:20px}.zr-job-success-actions .btn{width:100%}}

/* V15 booking date + emergency call visibility */
input.zr-booking-date,input[type="date"][name="التاريخ"]{background:#fff!important;color:#17324a!important;border:2px solid #d8e7ea!important;min-height:52px;appearance:auto!important;-webkit-appearance:auto!important;color-scheme:light!important}
input.zr-booking-date::-webkit-calendar-picker-indicator,input[type="date"][name="التاريخ"]::-webkit-calendar-picker-indicator{opacity:1!important;cursor:pointer!important;filter:none!important}
a.btn.btn-danger[href^="tel:"]{background:#d92d20!important;color:#fff!important;border:2px solid #b42318!important;box-shadow:0 8px 20px rgba(180,35,24,.22)!important;font-weight:800!important}
a.btn.btn-danger[href^="tel:"]::before{content:"☎ ";font-size:1.1em}
a.btn.btn-danger[href^="tel:"]:hover{background:#b42318!important;color:#fff!important}
.zr-emergency-ack{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:13px 14px;border:1px solid #efc7c7;border-radius:14px;background:#fff6f6;font-weight:700;line-height:1.7;cursor:pointer}.zr-emergency-ack input{width:20px;height:20px;margin-top:4px;flex:0 0 auto}

/* V33 AI launcher */
.zahra-ai-fab{width:62px!important;height:62px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(145deg,#0a8b80,#075f73)!important;border:3px solid #fff!important;box-shadow:0 10px 28px #064f4570!important;overflow:visible!important}
.zahra-ai-fab img,.zahra-ai-fab span{display:none!important}.zahra-ai-fab::before{content:'🤖';font-size:34px;line-height:1;filter:drop-shadow(0 2px 2px #0002)}
.zr-ai-welcome{position:fixed;right:88px;bottom:max(25px,env(safe-area-inset-bottom));z-index:9997;background:#fff;color:#164f59;border:1px solid #c9e4e1;border-radius:18px 18px 4px 18px;padding:12px 15px;box-shadow:0 10px 28px #064f4530;font:700 15px/1.6 Tahoma,Arial,sans-serif;max-width:245px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.zr-ai-welcome.show{opacity:1;transform:none}
@media(max-width:600px){.zahra-ai-fab{width:56px!important;height:56px!important;right:14px!important}.zahra-ai-fab::before{font-size:30px}.zr-ai-welcome{right:78px;max-width:210px;font-size:14px}}

/* V34: keep AI greeting fully above the robot button on every viewport */
.zr-ai-welcome{right:max(14px,env(safe-area-inset-right))!important;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 78px)!important;max-width:min(290px,calc(100vw - 28px))!important;z-index:9999!important}
@media(max-width:600px){.zr-ai-welcome{right:max(14px,env(safe-area-inset-right))!important;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px)!important;max-width:min(260px,calc(100vw - 28px))!important}}

/* V35 booking live schedule */
.zr-v35-doctor-schedule{display:block;margin:10px 0 14px;padding:15px 17px;border-radius:16px;background:#f2fbfa;border:1px solid #b9ded8;color:#164f59;line-height:1.9;font-weight:650;text-align:right}.zr-v35-doctor-schedule.walk-in{background:#fff8e7;border-color:#efd28b;color:#6b4d00}.zr-v35-doctor-schedule small{font-weight:500}
/* V35 floating AI: greeting sits above robot, never overlaps */
.zr-ai-welcome{right:18px!important;bottom:92px!important;max-width:260px!important}.zahra-ai-fab{right:18px!important;bottom:18px!important}@media(max-width:600px){.zr-ai-welcome{right:12px!important;bottom:82px!important;max-width:230px!important}.zahra-ai-fab{right:12px!important;bottom:14px!important}}

/* V36 booking schedule: one clean information card only */
.zr-v35-doctor-schedule{margin:10px 0 14px;padding:14px 16px;border-radius:16px;background:#f0f9f8;border:1px solid #b9ded8;color:#164f59;line-height:1.9;font-weight:700;text-align:right;direction:rtl}
.zr-v35-doctor-schedule.walk-in{background:#fff8e7;border-color:#efd28b}
.zr-doctor-live-info{display:none!important}