:root {
  --smile-primary: #dd1c71;
  --smile-primary-hover: #c81765;
  --smile-secondary: #a50d4a;
  --smile-secondary-hover: #8a0735;
  --smile-accent: #a50d4a;
  --smile-accent-hover: #8a0735;
  --smile-navy: #0d1f3c;
  --smile-ink: #222222;
  --smile-muted: #6a6c72;
  --smile-bg: #ffffff;
  --smile-surface: #ffffff;
  --smile-soft: #fff6fa;
  --smile-border: rgba(13, 31, 60, 0.14);
  --smile-shadow: 0 18px 48px rgba(13, 31, 60, 0.12);
  --smile-radius: 16px;

  --brand-teal: var(--smile-secondary) !important;
  --brand-teal-light: #c5a059 !important;
  --primary: var(--smile-accent) !important;
  --primary-hover: var(--smile-accent-hover) !important;
  --primary-foreground: #ffffff !important;
  --teal-deep: var(--smile-navy) !important;
  --teal-ink: var(--smile-navy) !important;
  --teal-pale: var(--smile-soft) !important;
  --teal-soft: var(--smile-border) !important;
  --teal-ghost: var(--smile-surface) !important;
  --whatsapp: #25d366 !important;
}

body {
  color: var(--smile-ink);
}

header.fixed {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--smile-border) !important;
  box-shadow: 0 10px 30px rgba(10, 51, 91, 0.08) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
}

header.fixed > div:last-child {
  min-height: 94px !important;
  gap: 18px !important;
}

header.fixed .static-utility-bar {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 26px;
  min-height: 32px;
  padding: 0 clamp(20px, 4vw, 64px);
  background: #092b57;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

header.fixed .static-utility-bar a {
  color: #6de0d5 !important;
  text-decoration: none;
}

@media (max-width: 620px) {
  header.fixed .static-utility-bar { justify-content: center; gap: 10px; min-height: 28px; padding: 0 10px; font-size: 9px; }
  header.fixed .static-utility-bar span:nth-child(2) { display: none; }
}

/* final reference alignment */
.smile-simple-footer { background:#f1fbfa !important; color:#4f647e !important; border-top:0 !important; }
.smile-simple-footer__inner { display:grid !important; grid-template-columns:minmax(245px,1.15fr) repeat(4,minmax(150px,1fr)) !important; max-width:1440px !important; padding:56px 56px 48px !important; gap:34px !important; }
.smile-simple-footer__links { display:grid !important; grid-template-columns:repeat(4,minmax(150px,1fr)) !important; gap:34px !important; }
.smile-simple-footer__links > div { border:0 !important; padding:0 !important; }
.smile-simple-footer__links h2 { color:#a50d4a !important; font-size:15px !important; text-transform:uppercase !important; letter-spacing:.1em !important; }
.smile-simple-footer__links a { color:#4f647e !important; font-size:15px !important; }
.smile-clinic-card { display:flex !important; flex-direction:column; border:1px solid #b7e5e1 !important; border-radius:18px !important; padding:13px 15px !important; margin-bottom:12px; background:rgba(255,255,255,.72) !important; }
.smile-clinic-card strong { color:#17243c !important; }
.smile-clinic-card span { color:#4f647e !important; font-size:13px; }
.smile-local-link { color:#17243c !important; font-weight:600 !important; }
.smile-simple-footer__bottom { max-width:1440px !important; padding:22px 56px 26px !important; border-top:1px solid #b7e5e1 !important; }
@media (max-width:1100px) { .smile-simple-footer__inner { grid-template-columns:1fr !important; } .smile-simple-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:620px) { .smile-simple-footer__inner { padding:38px 20px 30px !important; } .smile-simple-footer__links { grid-template-columns:1fr !important; } }

/* Alkhaleej Clinics interface palette: pink primary, blue support, navy text. */
button.bg-primary,.bg-primary,.smile-simple-footer__primary{background:#dd1c71 !important;color:#fff !important}
button.bg-primary:hover,.bg-primary:hover,.smile-simple-footer__primary:hover{background:#c81765 !important}
a.text-primary,.text-primary,.smile-simple-footer__links a:hover{color:#dd1c71 !important}
.smile-eeat-bar{background:#fff6fa !important;border-color:#b8ddea !important}
.smile-eeat-bar a{color:#0d1f3c !important}
.smile-eeat-bar a span,.smile-simple-footer__links h2{color:#a50d4a !important}
a[href*="wa.me"]:not(.smile-sticky-contact__whatsapp){color:#128c4a !important}
.smile-simple-footer__primary[href*="wa.me"],.smile-about__secondary[href*="wa.me"]{background:#25d366 !important;border-color:#25d366 !important;color:#fff !important}
.smile-simple-footer__primary[href*="wa.me"]:hover,.smile-about__secondary[href*="wa.me"]:hover{background:#1fbd5b !important;color:#fff !important}
a[href*="wa.me"].smile-simple-footer__primary,a[href*="wa.me"].smile-about__secondary{background:#25d366!important;color:#fff!important;text-shadow:none!important}

/* Final reference-matched header and footer rules */
header.fixed::before, header.fixed::after { content:none !important; display:none !important; }
header.fixed .static-utility-bar { display:none !important; }
header.fixed > div:first-child { height:auto !important; max-height:54px !important; min-height:40px !important; opacity:1 !important; overflow:hidden !important; background:#08665f !important; border:0 !important; }
header.fixed > div:first-child > div { min-height:40px !important; max-width:1720px !important; padding:0 24px !important; justify-content:center !important; }
header.fixed > div:first-child button { position:absolute; right:22px; }
header.fixed { background:#fff !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; }
header.fixed > div:last-child { max-width:1720px !important; min-height:101px !important; padding:17px 24px !important; gap:30px !important; box-shadow:0 1px 0 #edf1f2 !important; }
header.fixed > div:last-child > a { flex:0 0 220px !important; }
header.fixed > div:last-child > a img { width:176px !important; height:62px !important; object-position:left center !important; }
header.fixed nav[aria-label="Primary navigation"] { display:flex !important; flex:1 1 auto !important; justify-content:center !important; gap:22px !important; border:0 !important; border-radius:0 !important; padding:0 !important; background:transparent !important; }
header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a { padding:13px 8px !important; border-radius:0 !important; background:transparent !important; color:#4b5e77 !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.045em !important; text-transform:uppercase !important; white-space:nowrap !important; }
header.fixed nav[aria-label="Primary navigation"] > a[href="/"] { display:none !important; }
header.fixed nav[aria-label="Primary navigation"] a:hover,
header.fixed nav[aria-label="Primary navigation"] a[aria-expanded="true"] { color:#008e85 !important; }
header.fixed nav[aria-label="Primary navigation"] > a span.absolute { height:2px !important; left:8px !important; right:8px !important; background:#008e85 !important; }
header.fixed > div:last-child > div.hidden.md\:flex button { min-height:55px !important; min-width:240px !important; padding:0 32px !important; border-radius:999px !important; background:#dd1c71 !important; color:#ffffff !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.02em !important; text-transform:uppercase !important; box-shadow:0 6px 16px rgba(33,143,133,.14) !important; }
.static-mega-menu { top:calc(100% + 13px) !important; left:clamp(-405px,-22vw,-180px) !important; width:min(900px,calc(100vw - 48px)) !important; min-width:0 !important; padding:19px 22px 0 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:22px !important; border:1px solid #e7eff0 !important; border-radius:20px !important; background:rgba(255,255,255,.98) !important; box-shadow:0 18px 52px rgba(25,42,62,.16) !important; }
.static-mega-menu--locations { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.static-mega-menu__group h3 { margin:0 0 12px !important; color:#91a4bd !important; font-size:12px !important; line-height:1.3 !important; font-weight:900 !important; letter-spacing:.14em !important; text-transform:uppercase !important; }
.static-mega-menu__group a { position:relative; display:block !important; padding:9px 8px 9px 48px !important; border-radius:12px !important; color:#25364d !important; font-size:15px !important; font-weight:750 !important; line-height:1.2 !important; }
.static-mega-menu__group a::before { content:"✦"; position:absolute; top:10px; left:5px; display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:#e7f7f5; color:#008e85; }
.static-mega-menu__group a span { display:block; margin-top:4px; color:#8a9bb0; font-size:12px; font-weight:500; line-height:1.25; }
.static-mega-menu__group a:hover { background:#f0faf9 !important; color:#008e85 !important; }
.static-mega-menu__footer { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; margin:3px -22px 0; padding:15px 22px; border-top:1px solid #edf2f4; background:#f8fbfc; border-radius:0 0 20px 20px; }
.static-mega-menu__footer a:first-child { color:#26364d !important; font-weight:800 !important; }
.static-mega-menu__footer a:last-child { padding:10px 16px !important; border-radius:999px; background:#008f84; color:#fff !important; font-size:13px !important; }
.smile-simple-footer { background:#f2fbfa !important; color:#4d6077 !important; overflow:hidden !important; }
.smile-simple-footer__inner { display:grid !important; grid-template-columns:minmax(310px,365px) minmax(0,1fr) !important; width:calc(100% - 48px) !important; max-width:1720px !important; margin:0 auto !important; padding:55px 0 48px !important; gap:58px !important; }
.smile-simple-footer__brand { padding:0 !important; border:0 !important; }
.smile-simple-footer__logo { display:block !important; width:190px !important; height:auto !important; max-height:none !important; margin:0 0 15px !important; filter:none !important; }
.smile-simple-footer__brand::before { content:none !important; }
.smile-simple-footer__brand > p:first-of-type { max-width:34ch !important; margin:0 0 16px !important; color:#52657c !important; font-size:16px !important; line-height:1.65 !important; }
.smile-simple-footer__location { display:none !important; }
.smile-simple-footer__trust { margin:18px 0 7px !important; color:#17243c !important; font-size:15px !important; }
.smile-simple-footer__emergency { max-width:35ch; margin:0 0 22px; color:#52657c; font-size:15px; line-height:1.65; }
.smile-simple-footer__actions { align-items:flex-start !important; flex-direction:column !important; gap:12px !important; margin:0 0 8px !important; }
.smile-simple-footer__primary { min-height:54px !important; padding:0 30px !important; border-radius:999px !important; background:#dd1c71 !important; color:#ffffff !important; font-size:15px !important; box-shadow:0 4px 10px rgba(19,101,96,.14) !important; }
.smile-simple-footer__secondary { display:inline-flex !important; min-height:54px; align-items:center; border:1px solid #b7e5e1 !important; border-radius:999px; padding:0 26px !important; color:#17243c !important; font-size:15px !important; font-weight:800 !important; }
.smile-simple-footer__rating { display:inline-flex !important; align-items:center; margin:4px 0 12px; padding:13px 18px; border:1px solid #b7e5e1; border-radius:999px; background:#fff; color:#17243c !important; font-size:14px !important; font-weight:750 !important; }
.smile-simple-footer__small { margin:0 !important; color:#6c7f95 !important; font-size:12px !important; }
.smile-simple-footer__links { display:grid !important; grid-template-columns:minmax(185px,.98fr) minmax(230px,1.1fr) minmax(275px,1.1fr) minmax(175px,.8fr) !important; align-content:start !important; gap:34px !important; background:transparent !important; }
.smile-simple-footer__links > div { min-width:0 !important; padding:0 !important; border:0 !important; }
.smile-simple-footer__links h2 { margin:0 0 15px !important; color:#008e85 !important; font-size:15px !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.smile-simple-footer__links a { display:block !important; padding:7px 0 !important; color:#4d6077 !important; font-size:15px !important; line-height:1.35 !important; font-weight:500 !important; }
.smile-simple-footer__links a:hover { color:#008e85 !important; }
.smile-simple-footer__fee { margin-top:22px !important; color:#4d6077 !important; font-size:14px !important; }
.smile-clinic-card { display:block !important; margin:0 0 13px !important; padding:16px 18px !important; border:1px solid #b7e5e1 !important; border-radius:19px !important; background:#fff !important; }
.smile-clinic-card strong { display:flex !important; align-items:center; justify-content:space-between; gap:5px; color:#18243a !important; font-size:15px !important; }
.smile-clinic-card strong em { flex:0 0 auto; padding:4px 9px; border:1px solid #b7e5e1; border-radius:999px; color:#008e85; font-size:10px; font-style:normal; font-weight:850; letter-spacing:.04em; }
.smile-clinic-card span { display:block !important; margin-top:5px; color:#52657c !important; font-size:14px !important; }
.smile-simple-footer__bottom { display:flex !important; width:calc(100% - 48px) !important; max-width:1720px !important; margin:0 auto !important; padding:22px 0 26px !important; border-top:1px solid #b7e5e1 !important; color:#687e97 !important; font-size:12px !important; }
.smile-simple-footer__bottom span:last-child { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:0; }
.smile-simple-footer__bottom a { margin-left:14px; padding-left:14px; border-left:1px solid #b7cdd6; color:#687e97 !important; font-weight:650; }
@media (max-width:1200px) {
 header.fixed nav[aria-label="Primary navigation"] { gap:10px !important; }
 header.fixed > div:last-child { gap:15px !important; }
 header.fixed > div:last-child > a { flex-basis:160px !important; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:190px !important; padding-inline:20px !important; }
 .smile-simple-footer__inner { grid-template-columns:minmax(255px,310px) minmax(0,1fr) !important; gap:34px !important; }
 .smile-simple-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:1023px) {
 header.fixed nav[aria-label="Primary navigation"] { display:none !important; }
 header.fixed > div:last-child { min-height:78px !important; padding:10px 20px !important; }
 header.fixed > div:last-child > a { flex-basis:auto !important; }
 header.fixed > div:last-child > a img { width:150px !important; height:54px !important; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:180px !important; min-height:48px !important; }
 .static-mega-menu { position:fixed !important; left:16px !important; right:16px !important; top:122px !important; width:auto !important; }
}
@media (max-width:700px) {
 header.fixed > div:first-child > div { padding:0 36px 0 12px !important; }
 header.fixed > div:first-child button { right:8px; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:0 !important; min-height:42px !important; padding:0 15px !important; font-size:11px !important; }
 .smile-simple-footer__inner { display:block !important; padding:38px 22px 30px !important; }
 .smile-simple-footer__brand { margin-bottom:32px !important; }
 .smile-simple-footer__links { grid-template-columns:1fr !important; gap:27px !important; }
 .smile-simple-footer__bottom { display:block !important; padding:18px 22px 30px !important; }
 .smile-simple-footer__bottom span { display:block !important; width:auto !important; margin-bottom:12px; }
 .smile-simple-footer__bottom span:last-child { justify-content:flex-start; }
 .smile-simple-footer__bottom a { margin:0 8px 6px 0; padding:0 8px 0 0; border:0; }
 .static-mega-menu { grid-template-columns:1fr !important; max-height:calc(100vh - 145px); overflow:auto; }
 .static-mega-menu__footer { grid-column:1; }
}
/* Reference-matched header: clinic announcement, plain navigation and teal booking pill. */
header.fixed::before, header.fixed::after { content:none !important; display:none !important; }
header.fixed .static-utility-bar { display:none !important; }
header.fixed > div:first-child { height:auto !important; max-height:54px !important; min-height:40px !important; opacity:1 !important; overflow:hidden !important; background:#08665f !important; border:0 !important; }
header.fixed > div:first-child > div { min-height:40px !important; max-width:1720px !important; padding:0 24px !important; justify-content:center !important; }
header.fixed > div:first-child button { position:absolute; right:22px; }
header.fixed { background:#fff !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; }
header.fixed > div:last-child { max-width:1720px !important; min-height:101px !important; padding:17px 24px !important; gap:30px !important; box-shadow:0 1px 0 #edf1f2 !important; }
header.fixed > div:last-child > a { flex:0 0 220px !important; }
header.fixed > div:last-child > a img { width:176px !important; height:62px !important; object-position:left center !important; }
header.fixed nav[aria-label="Primary navigation"] { display:flex !important; flex:1 1 auto !important; justify-content:center !important; gap:22px !important; border:0 !important; border-radius:0 !important; padding:0 !important; background:transparent !important; }
header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a { padding:13px 8px !important; border-radius:0 !important; background:transparent !important; color:#4b5e77 !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.045em !important; text-transform:uppercase !important; white-space:nowrap !important; }
header.fixed nav[aria-label="Primary navigation"] > a[href="/"] { display:none !important; }
header.fixed nav[aria-label="Primary navigation"] a:hover,
header.fixed nav[aria-label="Primary navigation"] a[aria-expanded="true"] { color:#008e85 !important; }
header.fixed nav[aria-label="Primary navigation"] > a span.absolute { height:2px !important; left:8px !important; right:8px !important; background:#008e85 !important; }
header.fixed > div:last-child > div.hidden.md\:flex button { min-height:55px !important; min-width:240px !important; padding:0 32px !important; border-radius:999px !important; background:#dd1c71 !important; color:#ffffff !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.02em !important; text-transform:uppercase !important; box-shadow:0 6px 16px rgba(33,143,133,.14) !important; }
.static-mega-menu { top:calc(100% + 13px) !important; left:clamp(-405px,-22vw,-180px) !important; width:min(900px,calc(100vw - 48px)) !important; min-width:0 !important; padding:19px 22px 0 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:22px !important; border:1px solid #e7eff0 !important; border-radius:20px !important; background:rgba(255,255,255,.98) !important; box-shadow:0 18px 52px rgba(25,42,62,.16) !important; }
.static-mega-menu__group h3 { margin:0 0 12px !important; color:#91a4bd !important; font-size:12px !important; line-height:1.3 !important; font-weight:900 !important; letter-spacing:.14em !important; text-transform:uppercase !important; }
.static-mega-menu__group a { position:relative; display:block !important; padding:9px 8px 9px 48px !important; border-radius:12px !important; color:#25364d !important; font-size:15px !important; font-weight:750 !important; line-height:1.2 !important; }
.static-mega-menu__group a::before { content:"✦"; position:absolute; top:10px; left:5px; display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:#e7f7f5; color:#008e85; }
.static-mega-menu__group a span { display:block; margin-top:4px; color:#8a9bb0; font-size:12px; font-weight:500; line-height:1.25; }
.static-mega-menu__group a:hover { background:#f0faf9 !important; color:#008e85 !important; }
.static-mega-menu__footer { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; margin:3px -22px 0; padding:15px 22px; border-top:1px solid #edf2f4; background:#f8fbfc; border-radius:0 0 20px 20px; }
.static-mega-menu__footer a:first-child { color:#26364d !important; font-weight:800 !important; }
.static-mega-menu__footer a:last-child { padding:10px 16px !important; border-radius:999px; background:#008f84; color:#fff !important; font-size:13px !important; }
/* Reference footer uses five flat columns: brand, services, fees, clinics, explore. */
.smile-simple-footer { background:#f2fbfa !important; color:#4d6077 !important; overflow:hidden !important; }
.smile-simple-footer__inner { display:grid !important; grid-template-columns:minmax(310px,365px) minmax(0,1fr) !important; width:calc(100% - 48px) !important; max-width:1720px !important; margin:0 auto !important; padding:55px 0 48px !important; gap:58px !important; }
.smile-simple-footer__brand { padding:0 !important; border:0 !important; }
.smile-simple-footer__logo { display:block !important; width:190px !important; height:auto !important; max-height:none !important; margin:0 0 15px !important; filter:none !important; }
.smile-simple-footer__brand::before { content:none !important; }
.smile-simple-footer__brand > p:first-of-type { max-width:34ch !important; margin:0 0 16px !important; color:#52657c !important; font-size:16px !important; line-height:1.65 !important; }
.smile-simple-footer__location { display:none !important; }
.smile-simple-footer__trust { margin:18px 0 7px !important; color:#17243c !important; font-size:15px !important; }
.smile-simple-footer__emergency { max-width:35ch; margin:0 0 22px; color:#52657c; font-size:15px; line-height:1.65; }
.smile-simple-footer__actions { align-items:flex-start !important; flex-direction:column !important; gap:12px !important; margin:0 0 8px !important; }
.smile-simple-footer__primary { min-height:54px !important; padding:0 30px !important; border-radius:999px !important; background:#dd1c71 !important; color:#ffffff !important; font-size:15px !important; box-shadow:0 4px 10px rgba(19,101,96,.14) !important; }
.smile-simple-footer__secondary { display:inline-flex !important; min-height:54px; align-items:center; border:1px solid #b7e5e1 !important; border-radius:999px; padding:0 26px !important; color:#17243c !important; font-size:15px !important; font-weight:800 !important; }
.smile-simple-footer__rating { display:inline-flex !important; align-items:center; margin:4px 0 12px; padding:13px 18px; border:1px solid #b7e5e1; border-radius:999px; background:#fff; color:#17243c !important; font-size:14px !important; font-weight:750 !important; }
.smile-simple-footer__small { margin:0 !important; color:#6c7f95 !important; font-size:12px !important; }
.smile-simple-footer__links { display:grid !important; grid-template-columns:minmax(185px,.98fr) minmax(230px,1.1fr) minmax(275px,1.1fr) minmax(175px,.8fr) !important; align-content:start !important; gap:34px !important; }
.smile-simple-footer__links > div { min-width:0 !important; padding:0 !important; border:0 !important; }
.smile-simple-footer__links h2 { margin:0 0 15px !important; color:#008e85 !important; font-size:15px !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.smile-simple-footer__links a { display:block !important; padding:7px 0 !important; color:#4d6077 !important; font-size:15px !important; line-height:1.35 !important; font-weight:500 !important; }
.smile-simple-footer__links a:hover { color:#008e85 !important; }
.smile-simple-footer__fee { margin-top:22px !important; color:#4d6077 !important; font-size:14px !important; }
.smile-clinic-card { display:block !important; margin:0 0 13px !important; padding:16px 18px !important; border:1px solid #b7e5e1 !important; border-radius:19px !important; background:#fff !important; }
.smile-clinic-card strong { display:flex !important; align-items:center; justify-content:space-between; gap:5px; color:#18243a !important; font-size:15px !important; }
.smile-clinic-card strong em { flex:0 0 auto; padding:4px 9px; border:1px solid #b7e5e1; border-radius:999px; color:#008e85; font-size:10px; font-style:normal; font-weight:850; letter-spacing:.04em; }
.smile-clinic-card span { display:block !important; margin-top:5px; color:#52657c !important; font-size:14px !important; }
.smile-simple-footer__bottom { display:flex !important; width:calc(100% - 48px) !important; max-width:1720px !important; margin:0 auto !important; padding:22px 0 26px !important; border-top:1px solid #b7e5e1 !important; color:#687e97 !important; font-size:12px !important; }
.smile-simple-footer__bottom span:last-child { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:0; }
.smile-simple-footer__bottom a { margin-left:14px; padding-left:14px; border-left:1px solid #b7cdd6; color:#687e97 !important; font-weight:650; }
@media (max-width:1200px) {
 header.fixed nav[aria-label="Primary navigation"] { gap:10px !important; }
 header.fixed > div:last-child { gap:15px !important; }
 header.fixed > div:last-child > a { flex-basis:160px !important; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:190px !important; padding-inline:20px !important; }
 .smile-simple-footer__inner { grid-template-columns:minmax(255px,310px) minmax(0,1fr) !important; gap:34px !important; }
 .smile-simple-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:1023px) {
 header.fixed nav[aria-label="Primary navigation"] { display:none !important; }
 header.fixed > div:last-child { min-height:78px !important; padding:10px 20px !important; }
 header.fixed > div:last-child > a { flex-basis:auto !important; }
 header.fixed > div:last-child > a img { width:150px !important; height:54px !important; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:180px !important; min-height:48px !important; }
 .static-mega-menu { position:fixed !important; left:16px !important; right:16px !important; top:122px !important; width:auto !important; }
}
@media (max-width:700px) {
 header.fixed > div:first-child > div { padding:0 36px 0 12px !important; }
 header.fixed > div:first-child button { right:8px; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:0 !important; min-height:42px !important; padding:0 15px !important; font-size:11px !important; }
 .smile-simple-footer__inner { display:block !important; padding:38px 22px 30px !important; }
 .smile-simple-footer__brand { margin-bottom:32px !important; }
 .smile-simple-footer__links { grid-template-columns:1fr !important; gap:27px !important; }
 .smile-simple-footer__bottom { display:block !important; padding:18px 22px 30px !important; }
 .smile-simple-footer__bottom span { display:block !important; width:auto !important; margin-bottom:12px; }
 .smile-simple-footer__bottom span:last-child { justify-content:flex-start; }
 .smile-simple-footer__bottom a { margin:0 8px 6px 0; padding:0 8px 0 0; border:0; }
 .static-mega-menu { grid-template-columns:1fr !important; max-height:calc(100vh - 145px); overflow:auto; }
 .static-mega-menu__footer { grid-column:1; }
}

/* Light five-column clinic footer refinement */
.smile-simple-footer { background: #f1fbfa !important; color: #4f647e !important; overflow: hidden !important; }
.smile-simple-footer__inner { max-width: 1440px !important; grid-template-columns: minmax(245px,1.15fr) repeat(4,minmax(150px,1fr)) !important; gap: 34px !important; padding: 56px 56px 48px !important; }
.smile-simple-footer__brand { border-right: 0 !important; padding-right: 24px !important; }
.smile-simple-footer__logo { width: 194px !important; }
.smile-simple-footer__brand p { max-width: 30ch !important; }
.smile-simple-footer__trust { margin-top: 20px; color: #17243c; font-size: 14px; font-weight: 700; }
.smile-simple-footer__trust span { color: #c5a059; margin-right: 7px; }
.smile-simple-footer__links { display: grid !important; grid-template-columns: repeat(4,minmax(150px,1fr)) !important; gap: 34px !important; }
.smile-simple-footer__links > div { border-left: 0 !important; padding-left: 0 !important; min-width: 0; }
.smile-simple-footer__links h2 { color: #a50d4a !important; font-size: 15px !important; text-transform: uppercase !important; letter-spacing: .1em !important; margin-bottom: 16px !important; }
.smile-simple-footer__links a { color: #4f647e !important; font-size: 15px !important; padding: 6px 0 !important; }
.smile-simple-footer__links a:hover { color: #a50d4a !important; }
.smile-simple-footer__fee { color: #4f647e !important; font-size: 14px !important; margin-top: 22px !important; }
.smile-clinic-card { display: flex !important; flex-direction: column; gap: 4px; border: 1px solid #b7e5e1; border-radius: 18px; padding: 13px 15px !important; margin-bottom: 12px; background: rgba(255,255,255,.72); }
.smile-clinic-card strong { color: #17243c; font-size: 16px; }
.smile-clinic-card span { color: #4f647e; font-size: 13px; }
.smile-local-link { display: block !important; color: #17243c !important; font-size: 14px !important; font-weight: 600 !important; }
.smile-simple-footer__bottom { max-width: 1440px !important; padding: 22px 56px 26px !important; border-top: 1px solid #b7e5e1 !important; }
.smile-simple-footer__bottom a { color: #a50d4a !important; }
@media (max-width: 1100px) { .smile-simple-footer__inner { grid-template-columns: 1fr 1fr 1fr !important; } .smile-simple-footer__brand { grid-column: 1 / -1; } .smile-simple-footer__links { grid-column: 1 / -1; } }
@media (max-width: 620px) { .smile-simple-footer__inner { padding: 38px 20px 30px !important; grid-template-columns: 1fr !important; } .smile-simple-footer__links { grid-template-columns: 1fr !important; gap: 22px !important; } .smile-simple-footer__brand, .smile-simple-footer__links { grid-column: auto; } .smile-simple-footer__bottom { padding-inline: 20px !important; } .smile-simple-footer { padding-bottom: 74px !important; } }

header a[aria-label="Smile By Alkhaleej Clinics home"] {
  min-width: 158px !important;
  max-width: 176px !important;
  height: 84px !important;
  align-items: center !important;
}

header a[aria-label="Smile By Alkhaleej Clinics home"] > div {
  width: 154px !important;
  height: 84px !important;
}

header a[aria-label="Smile By Alkhaleej Clinics home"] img[alt="Smile By Alkhaleej Clinics"] {
  width: 154px !important;
  max-width: 154px !important;
  height: 84px !important;
  max-height: 84px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

header nav[aria-label="Primary navigation"] {
  gap: 4px !important;
  padding: 6px !important;
  border: 1px solid var(--smile-border) !important;
  border-radius: 999px !important;
  background: rgba(248, 251, 252, 0.82) !important;
}

header nav[aria-label="Primary navigation"] a {
  border-radius: 999px !important;
  color: var(--smile-navy) !important;
  letter-spacing: 0.05em !important;
}

header nav[aria-label="Primary navigation"] a:hover {
  background: var(--smile-soft) !important;
  color: var(--smile-primary) !important;
}

header nav[aria-label="Primary navigation"] a[href="/"] {
  background: var(--smile-navy) !important;
  color: #ffffff !important;
}

header nav[aria-label="Primary navigation"] a span.absolute {
  display: none !important;
}

header button,
header a[href*="wa.me"],
.bg-primary,
a.bg-primary,
button.bg-primary {
  background: var(--smile-accent) !important;
  color: #ffffff !important;
}

header button:hover,
header a[href*="wa.me"]:hover,
.hover\:bg-\[var\(--primary-hover\)\]:hover {
  background: var(--smile-accent-hover) !important;
}

header .hidden.md\:flex button {
  min-width: 190px !important;
  box-shadow: 0 14px 32px rgba(19, 168, 180, 0.24) !important;
}

#mobile-menu-toggle {
  border-color: var(--smile-border) !important;
}

footer {
  background: linear-gradient(180deg, #ffffff 0%, var(--smile-surface) 100%) !important;
  border-top: 1px solid var(--smile-border) !important;
}

footer .smile-footer-logo {
  display: block !important;
  width: 190px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 16px 0 !important;
  object-fit: contain !important;
}

footer h4,
footer .text-\[var\(--teal-deep\)\],
footer .text-\[var\(--teal-deep\)\] {
  color: var(--smile-navy) !important;
}

footer a:hover {
  color: var(--smile-primary) !important;
}

footer [class*="rounded-2xl"],
footer [class*="rounded-full"] {
  border-color: var(--smile-border) !important;
}

footer .bg-white {
  background: rgba(255, 255, 255, 0.92) !important;
}

@media (max-width: 1100px) {
  header.fixed > div:last-child {
    min-height: 82px !important;
  }
}

@media (max-width: 767px) {
  header.fixed > div:last-child {
    min-height: 78px !important;
  }

  header a[aria-label="Smile By Alkhaleej Clinics home"] {
    min-width: 126px !important;
    max-width: 136px !important;
    height: 70px !important;
  }

  header a[aria-label="Smile By Alkhaleej Clinics home"] > div {
    width: 126px !important;
    height: 70px !important;
  }

  header a[aria-label="Smile By Alkhaleej Clinics home"] img[alt="Smile By Alkhaleej Clinics"] {
    width: 126px !important;
    max-width: 126px !important;
    height: 70px !important;
    max-height: 70px !important;
  }

  footer .smile-footer-logo {
    width: 160px !important;
  }
}

/* Simple footer experience */
footer {
  padding-top: 0 !important;
  overflow: hidden !important;
}

footer > div:nth-child(1),
footer > div:nth-child(2),
footer > div:nth-child(3),
footer > div:nth-child(4) > div:nth-child(2) {
  display: none !important;
}

footer > div:nth-child(4) {
  max-width: 1180px !important;
  padding: 42px 24px 28px !important;
  margin: 0 auto !important;
}

footer > div:nth-child(4) > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.4fr) repeat(4, minmax(145px, 1fr)) !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 0 26px !important;
  border-bottom: 1px solid var(--smile-border) !important;
}

footer > div:nth-child(4) > div:first-child > div {
  gap: 10px !important;
}

footer .smile-footer-logo {
  width: 158px !important;
  margin-bottom: 12px !important;
}

footer p,
footer a,
footer span {
  line-height: 1.55 !important;
}

footer h4 {
  margin-bottom: 6px !important;
  font-size: 11px !important;
  color: var(--smile-primary) !important;
}

footer ul {
  gap: 4px !important;
}

footer li a,
footer div > a {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

footer a[href*="wa.me"],
footer a[href^="tel:"] {
  min-height: 40px !important;
  border-radius: 999px !important;
}

footer a[href*="wa.me"] {
  background: var(--smile-accent) !important;
  color: #fff !important;
}

footer a[href^="tel:"] {
  border: 1px solid var(--smile-border) !important;
  color: var(--smile-navy) !important;
  background: #fff !important;
}

footer > div:nth-child(4) > div.flex {
  padding-top: 18px !important;
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  footer > div:nth-child(4) > div:first-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  footer > div:nth-child(4) {
    padding: 34px 18px 24px !important;
  }

  footer > div:nth-child(4) > div:first-child {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}

.smile-simple-footer {
  background: linear-gradient(180deg, #ffffff 0%, var(--smile-surface) 100%) !important;
  border-top: 1px solid var(--smile-border) !important;
  color: var(--smile-muted) !important;
  padding: 0 !important;
}

.smile-simple-footer__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 24px 30px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(460px, 1.4fr);
  gap: 42px;
  align-items: start;
}

.smile-simple-footer__logo {
  width: 172px;
  height: auto;
  margin: 0 0 16px;
}

.smile-simple-footer__brand p {
  max-width: 34ch;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.65;
}

.smile-simple-footer__small {
  color: var(--smile-navy) !important;
  font-weight: 700;
  font-size: 13px !important;
}

.smile-simple-footer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 12px;
}

.smile-simple-footer__primary,
.smile-simple-footer__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
}

.smile-simple-footer__primary {
  background: var(--smile-accent);
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(19, 168, 180, 0.18);
}

.smile-simple-footer__secondary {
  background: #ffffff;
  color: var(--smile-navy) !important;
  border: 1px solid var(--smile-border);
}

.smile-simple-footer__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.smile-simple-footer__links h2 {
  margin: 0 0 12px;
  color: var(--smile-primary);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.smile-simple-footer__links a {
  display: block;
  padding: 5px 0;
  color: var(--smile-muted) !important;
  font-size: 14px;
  font-weight: 650;
}

.smile-simple-footer__links a:hover {
  color: var(--smile-primary) !important;
}

.smile-simple-footer__bottom {
  border-top: 1px solid var(--smile-border);
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 24px 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  color: var(--smile-muted);
  font-size: 12px;
  font-weight: 650;
}

.smile-simple-footer__bottom a {
  color: var(--smile-navy) !important;
}

@media (max-width: 860px) {
  .smile-simple-footer__inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

/* Final header/footer UX direction: clinic utility bar + full service directory. */
header.fixed::before {
  content: "Open daily 9:00 AM – 11:00 PM   ·   0336 1176453   ·   Book on WhatsApp";
  display: block;
  min-height: 30px;
  padding: 7px 24px;
  background: #092b57;
  color: #fff;
  text-align: right;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}

header.fixed > div:last-child {
  min-height: 82px !important;
  border-bottom: 1px solid #dce8ee;
}

header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a {
  padding: 11px 13px !important;
  border-radius: 8px !important;
}

header.fixed > div:last-child > div.hidden.md\:flex button {
  border-radius: 9px !important;
  min-height: 46px !important;
  padding-inline: 24px !important;
}

.static-mega-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 100;
  display: grid;
  min-width: 270px;
  padding: 10px;
  gap: 2px;
  border: 1px solid #dce8ee;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 20px 40px rgba(7,25,45,.18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.static-mega-menu.is-open,
header.fixed nav[aria-label="Primary navigation"] > div:hover .static-mega-menu { opacity:1; visibility:visible; transform:translateY(0); }
.static-mega-menu a { display:block; padding:10px 12px; border-radius:8px; color:#183b63 !important; font-size:13px; font-weight:700; }
.static-mega-menu a:hover { background:#eef9fa; color:#008d9b !important; }

.smile-simple-footer {
  background: #092b57 !important;
  border-top: 0 !important;
  color: #dceaf1 !important;
}

.smile-simple-footer__inner {
  padding: 58px clamp(20px, 5vw, 72px) 48px !important;
  grid-template-columns: minmax(220px, 1.15fr) minmax(0, 3fr) !important;
}

.smile-simple-footer__brand p,
.smile-simple-footer__small,
.smile-simple-footer__secondary {
  color: #dceaf1 !important;
}

.smile-simple-footer__logo { filter: brightness(0) invert(1); }

.smile-simple-footer__primary {
  background: #10a9b7 !important;
  color: #fff !important;
}

.smile-simple-footer__links {
  grid-template-columns: 1.2fr 1fr 1fr 1fr !important;
  gap: 34px !important;
}

.smile-simple-footer__links > div {
  border-left: 1px solid rgba(220,234,241,.25) !important;
  padding-left: 26px !important;
}

.smile-simple-footer__links h2 {
  color: #fff !important;
  font-size: 14px !important;
  letter-spacing: .1em !important;
}

.smile-simple-footer__links a {
  color: #c5dbe5 !important;
  font-size: 13px !important;
}

.smile-simple-footer__location,
.smile-simple-footer__hours { color: #c5dbe5 !important; font-size: 13px !important; line-height: 1.65 !important; }
.smile-simple-footer__contact-label { margin: 0 0 7px !important; color: #86aabb !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em !important; }
.smile-simple-footer__contact { display:block; margin-bottom: 24px; color:#5de0e3 !important; font-size:16px !important; font-weight:800 !important; }
.smile-simple-footer__contact + .smile-simple-footer__contact-label { margin-top: 18px !important; }
.smile-simple-footer__links .smile-simple-footer__primary { display:inline-flex; margin-top: 18px; min-height: 42px !important; padding: 0 18px !important; border-radius: 8px !important; font-size: 13px !important; }

.smile-simple-footer__links a:hover,
.smile-simple-footer__bottom a:hover { color: #5de0e3 !important; }

.smile-simple-footer__bottom {
  border-top: 1px solid rgba(220,234,241,.22) !important;
  color: #a9c2cf !important;
}

.smile-simple-footer__bottom a { color: #dceaf1 !important; }

@media (max-width: 620px) {
  header.fixed::before { padding: 6px 14px; text-align: center; font-size: 9px; }
  header.fixed > div:last-child { min-height: 72px !important; }
  .smile-simple-footer__inner { padding: 42px 20px 34px !important; }
  .smile-simple-footer__links { grid-template-columns: 1fr !important; }
  .smile-simple-footer__links > div { border-left: 0 !important; padding-left: 0 !important; border-top: 1px solid rgba(220,234,241,.22) !important; padding-top: 20px !important; }
}

/* Reference-inspired header: centered pill navigation and separated CTA. */
header.fixed > div:last-child {
  justify-content: center !important;
  gap: 36px !important;
  min-height: 88px !important;
  padding: 12px clamp(20px, 4vw, 64px) !important;
}

header.fixed > div:last-child > a {
  margin-right: auto;
}

header.fixed > div:last-child > a img {
  height: 56px !important;
}

header.fixed nav[aria-label="Primary navigation"] {
  margin: 0 !important;
  padding: 5px !important;
  gap: 2px !important;
  border: 1px solid #d4e2e9 !important;
  border-radius: 999px !important;
  background: #f8fbfc !important;
}

header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a {
  min-height: 42px;
  padding: 11px 16px !important;
  border-radius: 8px !important;
  color: #17395f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

header.fixed nav[aria-label="Primary navigation"] > a:first-child {
  color: #fff !important;
  background: #092b57 !important;
}

header.fixed nav[aria-label="Primary navigation"] > a:hover,
header.fixed nav[aria-label="Primary navigation"] > div > a:hover {
  color: #008d9b !important;
  background: #e9f7f8 !important;
}

header.fixed nav[aria-label="Primary navigation"] > a:first-child:hover { color:#fff !important; background:#123e70 !important; }

header.fixed > div:last-child > div.hidden.md\:flex {
  margin-left: auto;
}

header.fixed > div:last-child > div.hidden.md\:flex button {
  min-height: 48px !important;
  min-width: 200px;
  border-radius: 10px !important;
  background: #dd1c71 !important;
  color: #062b4c !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
}

@media (max-width: 1100px) {
  header.fixed > div:last-child { gap: 18px !important; }
  header.fixed nav[aria-label="Primary navigation"] > a,
  header.fixed nav[aria-label="Primary navigation"] > div > a { padding-inline: 10px !important; }
}

@media (max-width: 900px) {
  header.fixed > div:last-child > a { margin-right: auto; }
  header.fixed nav[aria-label="Primary navigation"] { display:none !important; }
}

@media (max-width: 620px) {
  .smile-simple-footer__inner {
    padding: 34px 18px 26px;
  }

  .smile-simple-footer__links {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .smile-simple-footer__bottom {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Refined second pass: calmer header, stronger contrast, and clearer footer grouping. */
header.fixed {
  background: #ffffff !important;
  border-bottom: 1px solid #e8eef2 !important;
  box-shadow: 0 8px 24px rgba(9, 43, 87, .06) !important;
}

header.fixed > div:last-child {
  min-height: 88px !important;
  padding: 14px clamp(20px, 4vw, 64px) !important;
}

header.fixed > div:last-child > a {
  padding: 7px 12px 7px 0;
}

header.fixed > div:last-child > a img {
  height: 58px !important;
}

header.fixed nav[aria-label="Primary navigation"] {
  margin-left: auto;
  margin-right: 28px;
  gap: 2px !important;
}

header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a {
  border-radius: 10px;
  padding: 12px 14px !important;
  color: #183b63 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

header.fixed nav[aria-label="Primary navigation"] > a:hover,
header.fixed nav[aria-label="Primary navigation"] > div > a:hover {
  background: #eef9fa;
  color: #008d9b !important;
}

header.fixed > div:last-child > div.hidden.md\:flex button {
  min-height: 48px !important;
  padding: 0 25px !important;
  border-radius: 12px !important;
  background: #0d9eae !important;
  box-shadow: 0 8px 18px rgba(13,158,174,.2) !important;
  font-size: 13px !important;
}

.smile-simple-footer {
  background: #f7fbfc !important;
  border-top: 4px solid #0d9eae !important;
}

.smile-simple-footer__inner {
  padding: 54px clamp(20px, 5vw, 72px) 44px !important;
  grid-template-columns: minmax(250px, 1.1fr) minmax(0, 2fr) !important;
  gap: clamp(32px, 6vw, 88px) !important;
}

.smile-simple-footer__brand {
  border-right: 0 !important;
  padding-right: 0 !important;
}

.smile-simple-footer__logo {
  width: 174px !important;
  margin-bottom: 18px !important;
}

.smile-simple-footer__brand p {
  max-width: 31ch !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.smile-simple-footer__actions {
  align-items: center;
  margin-top: 20px !important;
}

.smile-simple-footer__primary {
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

.smile-simple-footer__secondary {
  font-size: 16px !important;
  color: #092b57 !important;
}

.smile-simple-footer__links {
  padding-top: 5px;
  gap: clamp(22px, 4vw, 56px) !important;
}

.smile-simple-footer__links > div {
  border-left: 1px solid #d6e5eb;
  padding-left: 22px;
}

.smile-simple-footer__links h2 {
  margin-bottom: 14px !important;
  color: #092b57 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.smile-simple-footer__links a {
  padding: 5px 0 !important;
  font-size: 14px !important;
}

.smile-simple-footer__bottom {
  padding: 20px clamp(20px, 5vw, 72px) 24px !important;
  color: #62758c !important;
  font-size: 12px !important;
}

@media (max-width: 860px) {
  header.fixed nav[aria-label="Primary navigation"] { margin-right: 0; }
  .smile-simple-footer__links > div { border-left: 0; padding-left: 0; }
}

/* Header/footer reference pass: preserve existing markup and interactions. */
.smile-simple-footer > div,
.smile-simple-footer > .smile-simple-footer__inner,
.smile-simple-footer > .smile-simple-footer__bottom {
  display: revert !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
}

.smile-simple-footer {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
  border-top: 1px solid #dbe7ee !important;
  color: #52647f !important;
}

.smile-simple-footer__inner {
  max-width: 1440px !important;
  padding: 44px 48px 40px !important;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 2fr) !important;
  gap: 48px !important;
}

.smile-simple-footer__brand {
  padding-right: 32px;
  border-right: 1px solid #dbe7ee;
}

.smile-simple-footer__logo {
  width: 198px !important;
  margin-bottom: 20px !important;
}

.smile-simple-footer__brand p {
  max-width: 27ch !important;
  color: #52647f !important;
  font-size: 17px !important;
  line-height: 1.42 !important;
}

.smile-simple-footer__brand p:first-of-type::first-line {
  color: #092b57;
  font-weight: 800;
}

.smile-simple-footer__actions {
  gap: 14px !important;
  margin-top: 24px !important;
}

.smile-simple-footer__primary {
  min-height: 52px !important;
  padding: 0 26px !important;
  background: #10a9b7 !important;
  font-size: 16px !important;
}

.smile-simple-footer__secondary {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.smile-simple-footer__small {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.smile-simple-footer__links {
  gap: 52px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.smile-simple-footer__links h2 {
  color: #092b57 !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.smile-simple-footer__links a {
  padding: 7px 0 !important;
  color: #52647f !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}

.smile-simple-footer__bottom {
  max-width: 1440px !important;
  padding: 22px 48px 30px !important;
  border-top: 1px solid #dbe7ee !important;
  color: #52647f !important;
  font-size: 15px !important;
}

header.fixed > div:last-child {
  max-width: 1440px !important;
  min-height: 98px;
  padding: 18px 48px !important;
  background: #fff;
}

header.fixed > div:last-child > a img {
  height: 62px !important;
}

header.fixed nav[aria-label="Primary navigation"] {
  gap: 8px !important;
}

header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a {
  padding: 14px 18px !important;
  color: #092b57 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

header.fixed nav[aria-label="Primary navigation"] > a:first-child::after {
  content: "";
  display: block;
  height: 5px;
  margin: 9px auto -14px;
  width: 60px;
  border-radius: 99px;
  background: #10a9b7;
}

header.fixed > div:last-child > div.hidden.md\:flex button {
  min-height: 62px !important;
  padding: 0 42px !important;
  font-size: 17px !important;
  text-transform: none !important;
  background: #10a9b7 !important;
}

@media (max-width: 900px) {
  .smile-simple-footer__inner { padding: 36px 24px 30px !important; grid-template-columns: 1fr !important; }
  .smile-simple-footer__brand { padding-right: 0; border-right: 0; }
  .smile-simple-footer__links { gap: 24px !important; }
  .smile-simple-footer__bottom { padding-inline: 24px !important; }
  header.fixed > div:last-child { min-height: 78px; padding: 12px 20px !important; }
}

@media (max-width: 620px) {
  .smile-simple-footer__inner { padding: 32px 20px 24px !important; }
  .smile-simple-footer__links { grid-template-columns: 1fr !important; gap: 20px !important; }
  .smile-simple-footer__bottom { padding: 18px 20px 24px !important; }
  .smile-simple-footer__bottom span { width: 100%; }
  header.fixed > div:last-child > a img { height: 50px !important; }
}

/* Final reference alignment. Keep these rules last to override archived iterations above. */
.smile-simple-footer > .smile-simple-footer__inner { display:grid !important; }
.smile-simple-footer > nav.smile-simple-footer__links { background:transparent !important; }
header.fixed::before, header.fixed::after { content:none !important; display:none !important; }
header.fixed .static-utility-bar { display:none !important; }
header.fixed > div:first-child { height:auto !important; max-height:54px !important; min-height:40px !important; opacity:1 !important; overflow:hidden !important; background:#08665f !important; border:0 !important; }
header.fixed > div:first-child > div { min-height:40px !important; max-width:1720px !important; padding:0 24px !important; justify-content:center !important; }
header.fixed > div:first-child button { position:absolute; right:22px; }
header.fixed { background:#fff !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; }
header.fixed > div:last-child { max-width:1720px !important; min-height:101px !important; padding:17px 24px !important; gap:24px !important; box-shadow:0 1px 0 #edf1f2 !important; }
header.fixed > div:last-child > a { flex:0 0 220px !important; }
header.fixed > div:last-child > a img { width:210px !important; height:62px !important; object-position:left center !important; }
header.fixed nav[aria-label="Primary navigation"] { display:flex !important; flex:1 1 auto !important; justify-content:center !important; gap:18px !important; border:0 !important; border-radius:0 !important; padding:0 !important; background:transparent !important; }
header.fixed nav[aria-label="Primary navigation"] > a,
header.fixed nav[aria-label="Primary navigation"] > div > a { padding:13px 7px !important; border-radius:0 !important; background:transparent !important; color:#4b5e77 !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.045em !important; text-transform:uppercase !important; white-space:nowrap !important; }
header.fixed nav[aria-label="Primary navigation"] > a[href="/"] { display:none !important; }
header.fixed nav[aria-label="Primary navigation"] a:hover,
header.fixed nav[aria-label="Primary navigation"] a[aria-expanded="true"] { color:#008e85 !important; }
header.fixed nav[aria-label="Primary navigation"] > a span.absolute { height:2px !important; left:8px !important; right:8px !important; background:#008e85 !important; }
header.fixed > div:last-child > div.hidden.md\:flex button { min-height:55px !important; min-width:230px !important; padding:0 28px !important; border-radius:999px !important; background:#dd1c71 !important; color:#ffffff !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.02em !important; text-transform:uppercase !important; box-shadow:0 6px 16px rgba(33,143,133,.14) !important; }
.static-mega-menu { top:calc(100% + 13px) !important; left:clamp(-405px,-22vw,-180px) !important; width:min(900px,calc(100vw - 48px)) !important; min-width:0 !important; padding:19px 22px 0 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:22px !important; border:1px solid #e7eff0 !important; border-radius:20px !important; background:rgba(255,255,255,.98) !important; box-shadow:0 18px 52px rgba(25,42,62,.16) !important; }
.static-mega-menu--locations { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.static-mega-menu__group h3 { margin:0 0 12px !important; color:#91a4bd !important; font-size:12px !important; line-height:1.3 !important; font-weight:900 !important; letter-spacing:.14em !important; text-transform:uppercase !important; }
.static-mega-menu__group a { position:relative; display:block !important; padding:9px 8px 9px 48px !important; border-radius:12px !important; color:#25364d !important; font-size:15px !important; font-weight:750 !important; line-height:1.2 !important; }
.static-mega-menu__group a::before { content:"✦"; position:absolute; top:10px; left:5px; display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:#e7f7f5; color:#008e85; }
.static-mega-menu__group a span { display:block; margin-top:4px; color:#8a9bb0; font-size:12px; font-weight:500; line-height:1.25; }
.static-mega-menu__group a:hover { background:#f0faf9 !important; color:#008e85 !important; }
.static-mega-menu__footer { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; margin:3px -22px 0; padding:15px 22px; border-top:1px solid #edf2f4; background:#f8fbfc; border-radius:0 0 20px 20px; }
.static-mega-menu__footer a:first-child { color:#26364d !important; font-weight:800 !important; }
.static-mega-menu__footer a:last-child { padding:10px 16px !important; border-radius:999px; background:#008f84; color:#fff !important; font-size:13px !important; }
.smile-simple-footer { background:#f2fbfa !important; color:#4d6077 !important; overflow:hidden !important; }
.smile-simple-footer__inner { display:grid !important; grid-template-columns:minmax(310px,365px) minmax(0,1fr) !important; width:calc(100% - 48px) !important; max-width:1720px !important; margin:0 auto !important; padding:55px 0 48px !important; gap:58px !important; }
.smile-simple-footer__brand { padding:0 !important; border:0 !important; }
.smile-simple-footer__logo { display:block !important; width:190px !important; height:auto !important; max-height:none !important; margin:0 0 15px !important; filter:none !important; }
.smile-simple-footer__brand::before { content:none !important; }
.smile-simple-footer__brand > p:first-of-type { max-width:34ch !important; margin:0 0 16px !important; color:#52657c !important; font-size:16px !important; line-height:1.65 !important; }
.smile-simple-footer__location { display:none !important; }
.smile-simple-footer__trust { margin:18px 0 7px !important; color:#17243c !important; font-size:15px !important; }
.smile-simple-footer__emergency { max-width:35ch; margin:0 0 22px; color:#52657c; font-size:15px; line-height:1.65; }
.smile-simple-footer__actions { align-items:flex-start !important; flex-direction:column !important; gap:12px !important; margin:0 0 8px !important; }
.smile-simple-footer__primary { min-height:54px !important; padding:0 30px !important; border-radius:999px !important; background:#dd1c71 !important; color:#ffffff !important; font-size:15px !important; box-shadow:0 4px 10px rgba(19,101,96,.14) !important; }
.smile-simple-footer__secondary { display:inline-flex !important; min-height:54px; align-items:center; border:1px solid #b7e5e1 !important; border-radius:999px; padding:0 26px !important; color:#17243c !important; font-size:15px !important; font-weight:800 !important; }
.smile-simple-footer__rating { display:inline-flex !important; align-items:center; margin:4px 0 12px; padding:13px 18px; border:1px solid #b7e5e1; border-radius:999px; background:#fff; color:#17243c !important; font-size:14px !important; font-weight:750 !important; }
.smile-simple-footer__small { margin:0 !important; color:#6c7f95 !important; font-size:12px !important; }
.smile-simple-footer__links { display:grid !important; grid-template-columns:minmax(185px,.98fr) minmax(230px,1.1fr) minmax(275px,1.1fr) minmax(175px,.8fr) !important; align-content:start !important; gap:34px !important; background:transparent !important; }
.smile-simple-footer__links > div { min-width:0 !important; padding:0 !important; border:0 !important; }
.smile-simple-footer__links h2 { margin:0 0 15px !important; color:#008e85 !important; font-size:15px !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.smile-simple-footer__links a { display:block !important; padding:7px 0 !important; color:#4d6077 !important; font-size:15px !important; line-height:1.35 !important; font-weight:500 !important; }
.smile-simple-footer__links a:hover { color:#008e85 !important; }
.smile-simple-footer__fee { margin-top:22px !important; color:#4d6077 !important; font-size:14px !important; }
.smile-clinic-card { display:block !important; margin:0 0 13px !important; padding:16px 18px !important; border:1px solid #b7e5e1 !important; border-radius:19px !important; background:#fff !important; }
.smile-clinic-card strong { display:flex !important; align-items:center; justify-content:space-between; gap:5px; color:#18243a !important; font-size:15px !important; }
.smile-clinic-card strong em { flex:0 0 auto; padding:4px 9px; border:1px solid #b7e5e1; border-radius:999px; color:#008e85; font-size:10px; font-style:normal; font-weight:850; letter-spacing:.04em; }
.smile-clinic-card span { display:block !important; margin-top:5px; color:#52657c !important; font-size:14px !important; }
.smile-simple-footer__bottom { display:flex !important; width:calc(100% - 48px) !important; max-width:1720px !important; margin:0 auto !important; padding:22px 0 26px !important; border-top:1px solid #b7e5e1 !important; color:#687e97 !important; font-size:12px !important; }
.smile-simple-footer__bottom span:last-child { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:0; }
.smile-simple-footer__bottom a { margin-left:14px; padding-left:14px; border-left:1px solid #b7cdd6; color:#687e97 !important; font-weight:650; }
@media (max-width:1200px) {
 header.fixed nav[aria-label="Primary navigation"] { gap:10px !important; }
 header.fixed > div:last-child { gap:15px !important; }
 header.fixed > div:last-child > a { flex-basis:160px !important; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:190px !important; padding-inline:20px !important; }
 .smile-simple-footer__inner { grid-template-columns:minmax(255px,310px) minmax(0,1fr) !important; gap:34px !important; }
 .smile-simple-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:900px) {
 .smile-simple-footer > .smile-simple-footer__inner { grid-template-columns:1fr !important; padding:36px 32px 30px !important; }
 .smile-simple-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .smile-simple-footer__bottom { display:flex !important; flex-direction:column !important; gap:12px !important; padding:22px 32px 26px !important; }
 .smile-simple-footer__bottom span:last-child { justify-content:flex-start !important; padding-right:72px; }
}
@media (max-width:1023px) {
 header.fixed nav[aria-label="Primary navigation"] { display:none !important; }
 header.fixed > div:last-child { position:relative !important; height:68px !important; min-height:68px !important; padding:5px 20px !important; }
 header.fixed > div:first-child { height:34px !important; min-height:34px !important; max-height:34px !important; }
 header.fixed > div:first-child > div { min-height:34px !important; }
 header.fixed > div:last-child > a { flex:0 0 210px !important; margin-right:0 !important; }
 header.fixed > div:last-child > a > div { width:200px !important; height:58px !important; }
 header.fixed > div:last-child > a img { width:200px !important; max-width:200px !important; height:58px !important; max-height:58px !important; }
 header.fixed > div:last-child > div.hidden.md\:flex { position:absolute !important; left:54% !important; transform:translateX(-50%) !important; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:180px !important; min-height:48px !important; }
 header.fixed > div:last-child > button#mobile-menu-toggle { margin-left:auto !important; }
 .static-mega-menu { position:fixed !important; left:16px !important; right:16px !important; top:122px !important; width:auto !important; }
}
@media (max-width:700px) {
 header.fixed > div:first-child > div { padding:0 36px 0 12px !important; }
 header.fixed > div:first-child button { right:8px; }
 header.fixed > div:last-child > div.hidden.md\:flex button { min-width:0 !important; min-height:42px !important; padding:0 15px !important; font-size:11px !important; }
 .smile-simple-footer__inner { display:block !important; padding:38px 22px 30px !important; }
 .smile-simple-footer__brand { margin-bottom:32px !important; }
 .smile-simple-footer__links { grid-template-columns:1fr !important; gap:27px !important; }
 .smile-simple-footer__bottom { display:block !important; padding:18px 22px 30px !important; }
 .smile-simple-footer__bottom span { display:block !important; width:auto !important; margin-bottom:12px; }
 .smile-simple-footer__bottom span:last-child { justify-content:flex-start; }
 .smile-simple-footer__bottom a { margin:0 8px 6px 0; padding:0 8px 0 0; border:0; }
 .static-mega-menu { grid-template-columns:1fr !important; max-height:calc(100vh - 145px); overflow:auto; }
 .static-mega-menu__footer { grid-column:1; }
}