:root {
 --background: oklch(1 0 0); --foreground: oklch(.29 .08 327);
 --primary: oklch(.49 .19 347); --primary-foreground: oklch(1 0 0);
 --secondary: oklch(.97 .017 355); --muted: oklch(.98 .007 340);
 --muted-foreground: oklch(.51 .026 325); --accent: oklch(.94 .025 350);
 --border: oklch(.91 .018 339); --destructive: oklch(.55 .2 25);
 --deep: oklch(.27 .087 323); --blush: oklch(.95 .025 8);
 --hero-surface: oklch(.925 .026 14); --whatsapp: oklch(.51 .14 154);
 --on-deep-muted: oklch(.85 .025 333); --shadow-soft: 0 12px 35px oklch(.3 .06 330 / .07);
 --shadow-float: 0 5px 20px oklch(.3 .06 330 / .2);
}
* { box-sizing: border-box; border-color: var(--border); }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); }
a { text-decoration: none; } button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible { outline: 2px solid var(--primary); outline-offset: 5px; }
h1,h2,h3,p { margin: 0; } h1,h2,h3 { font-family: var(--font-display); letter-spacing: 0; }
h2 { font-size: 33px; font-weight: 600; line-height: 1.65; } h2 em { color: var(--primary); font-style: normal; }
p { line-height: 2; } .page-container { width: min(1180px, calc(100% - 100px)); margin-inline: auto; }
.section { padding-block: 86px; } .eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--primary); font-size: 12px; font-weight: 600; margin-bottom: 15px; }
.section-heading { margin-bottom: 40px; } .section-heading p { color: var(--muted-foreground); font-size: 14px; margin-top: 10px; } .centered { text-align: center; }
.booking-button { background: var(--primary); color: var(--primary-foreground); box-shadow: var(--shadow-soft); border: 1px solid var(--primary); }
.booking-button:hover { background: var(--deep); border-color: var(--deep); transform: translateY(-2px); }
.clinic-outline-button { color: var(--foreground); border: 1px solid color-mix(in oklch, var(--foreground) 30%, transparent); background: transparent; }
.clinic-outline-button:hover { background: var(--accent); }
.clinic-link-button { color: var(--primary); background: transparent; height: auto; padding: 8px 0; font-size: 13px; border-radius: 0; }
.clinic-link-button:hover { gap: 13px; }
.site-header { position: sticky; top: 0; z-index: 40; background: var(--background); border-bottom: 1px solid var(--border); }
.header-inner { height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.wordmark { display: flex; align-items: center; gap: 9px; color: var(--deep); flex-shrink: 0; }
.brand-symbol { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 52px; }
.brand-symbol > svg { width: 43px; height: 43px; color: var(--primary); transform: rotate(-12deg); }
.brand-symbol span { position: absolute; width: 10px; height: 10px; background: var(--primary); border-radius: 50%; top: 7px; right: 17px; border: 2px solid var(--background); }
.brand-text { display: flex; flex-direction: column; gap: 2px; } .brand-text strong { font-family: var(--font-display); font-size: 32px; line-height: 1.4; font-weight: 700; }
.brand-text small { font-size: 13px; font-weight: 500; } .brand-text > span { font-size: 9px; color: var(--muted-foreground); }
.desktop-nav { display: flex; align-items: center; gap: 27px; } .desktop-nav a { font-size: 12px; font-weight: 500; padding-block: 12px; transition: color .2s; } .desktop-nav a:hover,.desktop-nav a.active { color: var(--primary); } .desktop-nav a.active { border-bottom: 2px solid var(--primary); }
.header-actions { display: flex; gap: 10px; align-items: center; } .header-actions .booking-button { height: 42px; padding-inline: 20px; font-size: 12px; } .header-actions .booking-button > svg:last-child { display: none; }
.menu-toggle { display: none; } .mobile-nav { padding: 12px 24px 20px; border-top: 1px solid var(--border); } .mobile-nav a { display: flex; justify-content: space-between; padding: 12px 0; font-size: 14px; }
.hero { position: relative; overflow: hidden; background: var(--hero-surface); min-height: 590px; border-radius: 0 0 50% 3% / 0 0 5% 2%; }
.hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-inner { position: relative; min-height: 590px; display: flex; align-items: center; padding-block: 48px 70px; }
.hero-copy { width: 54%; } .little-line { height: 1px; width: 25px; background: var(--primary); }
.hero h1 { font-size: 46px; line-height: 1.65; font-weight: 600; margin-bottom: 16px; }
.hero h1 em { font-style: normal; color: var(--primary); position: relative; } .hero h1 em:after { content: ''; position: absolute; bottom: -5px; right: 0; width: 100%; height: 9px; border-top: 2px solid var(--primary); border-radius: 50%; transform: rotate(-3deg); opacity: .45; }
.hero-copy p { color: var(--muted-foreground); font-size: 14px; line-height: 2.1; } .hero-buttons { display: flex; gap: 12px; margin-top: 27px; }
.hero-location { display: flex; gap: 6px; align-items: center; margin-top: 20px; font-size: 11px; color: var(--muted-foreground); }
.discover-link { position: absolute; bottom: 23px; right: 50%; transform: translateX(50%); display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 10px; color: var(--foreground); }
.trust-strip { padding-block: 28px; border-bottom: 1px solid var(--border); } .trust-inner { max-width: 800px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .trust-inner > div { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 500; } .trust-inner svg { color: var(--primary); width: 25px; stroke-width: 1.5; } .trust-divider { height: 25px; width: 1px; background: var(--border); }
.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.service-card { position: relative; background: var(--background); border: 1px solid var(--border); border-radius: 8px; padding: 27px 20px 23px; min-height: 208px; transition: transform .25s, box-shadow .25s, border-color .25s; }
.service-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-soft); border-color: var(--primary); }
.service-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; background: var(--secondary); color: var(--primary); border-radius: 50%; margin-bottom: 18px; }
.service-card h3 { font-size: 14px; font-weight: 500; line-height: 1.8; } .service-card p { font-size: 11px; color: var(--muted-foreground); margin-top: 8px; } .service-arrow { display: flex; margin-top: 17px; color: var(--primary); }
.service-invitation { background: var(--secondary); border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 22px; } .service-invitation > svg { color: var(--primary); margin-bottom: 15px; } .service-invitation h3 { font-size: 14px; } .service-invitation p { font-size: 12px; color: var(--muted-foreground); margin-block: 7px; }
.doctor-section { background: var(--secondary); border-radius: 60% 0 0 0 / 4% 0 0 0; }
.doctor-grid { display: grid; grid-template-columns: .95fr 1fr; gap: 85px; align-items: center; } .doctor-visual { position: relative; order: 2; padding-bottom: 20px; } .doctor-visual img { width: 100%; aspect-ratio: 1.08; object-fit: cover; border-radius: 110px 8px 8px 8px; }
.image-note { position: absolute; bottom: 0; right: -24px; display: flex; gap: 14px; align-items: center; background: var(--background); padding: 20px 24px; border-radius: 8px; box-shadow: var(--shadow-soft); } .image-note > svg { color: var(--primary); } .image-note strong { display: block; font-size: 13px; margin-bottom: 5px; } .image-note span { color: var(--muted-foreground); font-size: 10px; }
.doctor-copy h2 { font-size: 32px; } .doctor-prefix { font-weight: 400; } .doctor-copy p { font-size: 14px; color: var(--muted-foreground); margin-bottom: 14px; } .doctor-copy .lead { color: var(--foreground); font-size: 17px; margin-block: 15px 18px; }
.doctor-values { display: flex; flex-wrap: wrap; gap: 15px; margin-block: 25px; } .doctor-values span { display: flex; align-items: center; gap: 5px; font-size: 10px; } .doctor-values svg { color: var(--primary); width: 14px; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 85px; } .feature-copy h2 { margin-bottom: 20px; } .feature-copy p { font-size: 14px; color: var(--muted-foreground); } .feature-copy .feature-note { color: var(--foreground); margin-block: 15px 25px; font-size: 12px; }
.feature-image { position: relative; } .feature-image img { width: 100%; aspect-ratio: 1.24; object-fit: cover; border-radius: 8px 80px 8px 8px; } .image-caption { position: absolute; bottom: 22px; right: 22px; left: 22px; display: flex; align-items: center; gap: 10px; padding: 14px 17px; background: var(--background); border-radius: 5px; font-size: 12px; } .image-caption svg { color: var(--primary); }
.pregnancy-section { background: var(--muted); } .reverse .feature-image { order: -1; } .reverse .feature-image img { border-radius: 80px 8px 8px 8px; }
.advanced-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; } .advanced-feature + .advanced-feature { border-right: 1px solid var(--border); padding-right: 75px; } .advanced-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .advanced-top > svg { color: var(--primary); } .advanced-feature h2 { font-size: 29px; margin-bottom: 16px; } .advanced-feature p { color: var(--muted-foreground); font-size: 14px; margin-bottom: 20px; }
.care-section { background: var(--secondary); border-radius: 50% 0 50% 0 / 4% 0 4% 0; } .care-inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 85px; } .care-inner p { font-size: 14px; color: var(--muted-foreground); margin-block: 18px 23px; }
.symptoms > div { display: flex; align-items: center; gap: 24px; padding: 21px 0; border-bottom: 1px solid var(--border); } .symptoms > div:last-child { border: 0; } .symptom-number { color: var(--primary); font-size: 11px; font-family: var(--font-display); } .symptoms h3 { font-size: 18px; font-weight: 500; flex: 1; } .symptoms svg { color: var(--primary); }
.faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 85px; } .faq-grid .section-heading { margin: 0; } .faq-grid .section-heading p { margin-bottom: 16px; } .faq-question { font-family: var(--font-sans); text-align: right; gap: 20px; padding-block: 24px; font-size: 14px; line-height: 1.8; font-weight: 600; } .faq-question:hover { text-decoration: none; color: var(--primary); } .faq-answer { line-height: 2; font-size: 13px; color: var(--muted-foreground); padding-bottom: 23px; }
.contact-section { background: var(--deep); color: var(--primary-foreground); padding-block: 75px; border-radius: 50% 0 0 0 / 5% 0 0 0; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; } .contact-section .eyebrow, .contact-section h2 em { color: var(--blush); } .contact-intro h2 { font-size: 36px; } .contact-intro > p { margin-block: 16px 25px; font-size: 14px; color: var(--on-deep-muted); } .contact-buttons { display: flex; gap: 12px; } .contact-section .clinic-outline-button { color: var(--primary-foreground); border-color: var(--on-deep-muted); } .contact-section .clinic-outline-button:hover { background: color-mix(in oklch,var(--background) 10%,transparent); }
.contact-details { border-right: 1px solid color-mix(in oklch,var(--background) 20%,transparent); padding-right: 60px; } .contact-details > div { display: flex; gap: 18px; padding-block: 14px; } .contact-details > div > svg { flex-shrink: 0; width: 21px; color: var(--blush); margin-top: 4px; } .contact-details h3 { font-size: 13px; font-weight: 500; margin-bottom: 5px; } .contact-details p { color: var(--on-deep-muted); font-size: 12px; } .contact-details .clinic-link-button { color: var(--blush); font-size: 11px; } .contact-phone { font-size: 22px; font-family: var(--font-display); display: inline-block; }
.site-footer { padding-block: 35px 22px; } .footer-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 25px; } .footer-top > p { font-size: 12px; color: var(--muted-foreground); } .footer-top > a { color: var(--primary); } .footer-wordmark .brand-text strong { font-size: 27px; } .footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid var(--border); padding-top: 20px; gap: 15px; font-size: 10px; color: var(--muted-foreground); }
.floating-button { border-radius: 50%; background: var(--whatsapp); color: var(--primary-foreground); box-shadow: var(--shadow-float); } .floating-button:hover { transform: translateY(-3px); } .whatsapp-float { position: fixed; left: 25px; bottom: 25px; width: 52px; height: 52px; z-index: 35; } .whatsapp-float svg { width: 25px; height: 25px; } .mobile-booking { display: none; }
.hero-copy { animation: reveal .8s ease-out both; } @keyframes reveal { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width:1600px) { .hero, .hero-inner { min-height: 650px; } .hero-image { object-position: center 45%; } }
@media (max-width:1100px) { .page-container { width: calc(100% - 64px); } .desktop-nav { gap: 17px; } .desktop-nav a { font-size: 11px; } .hero h1 { font-size: 39px; } .doctor-grid,.feature-grid,.care-inner,.faq-grid,.contact-grid { gap: 45px; } .advanced-grid { gap: 45px; } .advanced-feature + .advanced-feature { padding-right: 45px; } .contact-details { padding-right: 35px; } .services-grid { gap: 12px; } .service-card { padding: 22px 15px; } }
@media (max-width:800px) { .desktop-nav { display: none; } .menu-toggle { display: inline-flex; } .header-inner { height: 80px; } .hero,.hero-inner { min-height: 570px; } .hero-copy { width: 60%; } .hero h1 { font-size: 34px; } .hero-copy p { font-size: 12px; } .hero-buttons { gap: 9px; flex-wrap: wrap; } .hero-buttons > a { padding-inline: 17px; font-size: 12px; } .services-grid { grid-template-columns: repeat(2,1fr); } .section { padding-block: 65px; } h2 { font-size: 28px; } .doctor-grid,.feature-grid,.care-inner,.faq-grid,.contact-grid { gap: 30px; } .doctor-copy h2 { font-size: 25px; } .doctor-copy .lead { font-size: 15px; } .doctor-copy p,.feature-copy p { font-size: 12px; } .image-note { right: -10px; padding: 15px; } .image-note strong { font-size: 10px; } .image-note span { font-size: 9px; } .image-note svg { width: 22px; } .contact-grid { grid-template-columns: 1fr; } .contact-details { padding-right: 0; border: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .contact-details > div:first-child { grid-column: span 2; } }
@media (max-width:600px) {
 html { scroll-padding-top: 86px; } .page-container { width: calc(100% - 40px); } .header-inner { height: 74px; gap: 10px; } .brand-text strong { font-size: 26px; } .brand-text > span { font-size: 8px; } .brand-symbol { width: 35px; } .brand-symbol > svg { width: 35px; } .brand-symbol span { right: 13px; } .header-actions { gap: 4px; } .header-actions .booking-button { height: 36px; padding-inline: 12px; font-size: 10px; } .header-actions .booking-button svg { width: 14px; }
 .hero { min-height: 790px; border-radius: 0 0 50% 0 / 0 0 2% 0; } .hero-inner { align-items: flex-start; min-height: 790px; padding-top: 36px; } .hero-image { height: 390px; top: auto; bottom: 0; object-position: left center; object-fit: cover; width: 100%; } .hero-copy { width: 100%; } .hero h1 { font-size: 33px; line-height: 1.6; margin-bottom: 16px; } .hero .eyebrow { font-size: 10px; margin-bottom: 14px; } .hero-copy p { font-size: 12px; line-height: 2; } .hero-buttons { margin-top: 20px; flex-wrap: nowrap; } .hero-buttons > a { height: 44px; } .hero-location { margin-top: 14px; font-size: 10px; } .discover-link { display: none; }
 .trust-strip { padding-block: 24px; } .trust-inner { gap: 9px; width: calc(100% - 30px); } .trust-inner > div { flex-direction: column; text-align: center; gap: 7px; font-size: 10px; flex: 1; } .trust-inner svg { width: 23px; } .trust-divider { height: 32px; }
 .section { padding-block: 52px; } h2 { font-size: 25px; } .eyebrow { font-size: 10px; margin-bottom: 10px; } .section-heading { margin-bottom: 27px; } .section-heading p { font-size: 12px; } .services-grid { gap: 10px; } .service-card { padding: 21px 14px 16px; min-height: 211px; } .service-icon { width: 44px; height: 44px; margin-bottom: 14px; } .service-icon svg { width: 25px; } .service-card h3 { font-size: 12px; } .service-card p { font-size: 10px; line-height: 1.8; } .service-invitation { padding: 15px 10px; } .service-invitation h3 { font-size: 12px; line-height: 1.8; } .service-invitation p { font-size: 10px; } .service-invitation .clinic-link-button { font-size: 11px; }
 .doctor-grid,.feature-grid,.care-inner,.faq-grid { grid-template-columns: 1fr; gap: 30px; } .doctor-visual { order: 2; padding-top: 8px; } .doctor-visual img { aspect-ratio: 1.2; } .doctor-copy h2 { font-size: 27px; } .doctor-copy p,.feature-copy p { font-size: 13px; } .doctor-values { margin-block: 20px; gap: 13px; } .image-note { right: 12px; left: 12px; bottom: 0; justify-content: center; padding: 18px; } .image-note strong { font-size: 12px; } .image-note span { font-size: 10px; } .feature-image img { aspect-ratio: 1.3; border-top-right-radius: 60px; } .reverse .feature-image { order: 2; } .feature-copy h2 { font-size: 29px; } .feature-copy .feature-note { margin-block: 13px 20px; }
 .advanced-grid { grid-template-columns: 1fr; gap: 40px; } .advanced-feature + .advanced-feature { border-right: 0; border-top: 1px solid var(--border); padding-right: 0; padding-top: 35px; } .advanced-feature h2 { font-size: 27px; } .advanced-feature p { font-size: 13px; } .advanced-top { margin-bottom: 8px; } .care-inner { gap: 20px; } .symptoms h3 { font-size: 16px; } .symptoms > div { padding-block: 19px; }
 .faq-grid { gap: 15px; } .faq-question { font-size: 12px; padding-block: 22px; } .faq-answer { font-size: 12px; } .contact-section { padding-block: 50px; } .contact-intro h2 { font-size: 30px; } .contact-intro > p { font-size: 12px; } .contact-buttons { flex-wrap: wrap; gap: 10px; } .contact-buttons > a { padding-inline: 18px; font-size: 12px; height: 44px; } .contact-details { gap: 12px; } .contact-details p { font-size: 12px; } .contact-phone { font-size: 19px; } .contact-details > div { gap: 12px; } .contact-details h3 { font-size: 11px; }
 .site-footer { padding-bottom: 95px; } .footer-top { flex-wrap: wrap; row-gap: 18px; } .footer-top > p { order: 3; width: 100%; font-size: 11px; } .footer-bottom { flex-direction: column; gap: 10px; font-size: 9px; } .whatsapp-float { left: 16px; bottom: 90px; width: 46px; height: 46px; } .mobile-booking { display: flex; position: fixed; bottom: 0; right: 0; left: 0; padding: 11px 15px calc(11px + env(safe-area-inset-bottom)); background: var(--background); border-top: 1px solid var(--border); z-index: 36; gap: 10px; box-shadow: var(--shadow-float); } .mobile-booking > a { flex: 1; font-size: 12px; height: 43px; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition: none !important; } }
/* Static-site compatibility helpers */
.clinic-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;height:48px;padding:0 24px}
.clinic-link-button{display:inline-flex;align-items:center;gap:8px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;cursor:pointer;border-radius:8px}
.mobile-nav[hidden]{display:none}
.faq-accordion details{border-bottom:1px solid var(--border)}
.faq-question{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-question::-webkit-details-marker{display:none}
.faq-question:after{content:"+";font-size:22px;color:var(--primary);font-weight:300}
.faq-accordion details[open] .faq-question:after{content:"−"}
.faq-answer{display:block}
svg.lucide{stroke-width:1.6}
.service-icon svg{width:29px;height:29px}
.brand-symbol svg{width:43px;height:43px}
.contact-buttons .clinic-btn,.hero-buttons .clinic-btn,.mobile-booking .clinic-btn{border-radius:999px}
@media(max-width:600px){.clinic-btn{height:44px;padding:0 17px;font-size:12px}.header-actions .clinic-btn{height:36px;padding-inline:12px;font-size:10px}}

/* Mobile hotfix 2026-10-09 */
@media (max-width:600px){
  .hero{min-height:760px!important;overflow:hidden}
  .hero-inner{min-height:760px!important;padding-top:30px!important;padding-bottom:400px!important}
  .hero-copy{position:relative!important;z-index:3!important;width:100%!important}
  .hero-image{display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:390px!important;object-fit:cover!important;object-position:center!important;z-index:1!important}
  .hero:after{content:"";position:absolute;left:0;right:0;bottom:350px;height:80px;background:linear-gradient(to bottom,var(--hero-surface),transparent);z-index:2;pointer-events:none}
  .hero h1{font-size:30px!important;line-height:1.55!important}
  .hero-copy p{font-size:11.5px!important;line-height:1.9!important}
  .hero-buttons{position:relative;z-index:4}
  .whatsapp-float{left:18px!important;bottom:78px!important;width:48px!important;height:48px!important}
  .mobile-booking{z-index:45!important}
}

/* Approved modest hero */
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 34%,rgba(255,255,255,.35) 58%,rgba(255,255,255,0) 76%);z-index:2;pointer-events:none}
.hero-inner{z-index:3}
.hero-image{z-index:1}
.discover-link{z-index:4}
@media(max-width:600px){.hero::before{display:none}}

/* Media and social section */
.media-section{background:var(--muted)}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin-inline:auto}
.media-card{display:flex;align-items:center;gap:22px;background:var(--background);border:1px solid var(--border);border-radius:18px;padding:28px;color:var(--foreground);box-shadow:var(--shadow-soft);transition:transform .2s,border-color .2s}
.media-card:hover{transform:translateY(-4px);border-color:var(--primary)}
.media-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--primary);flex:0 0 auto}
.media-icon svg{width:30px;height:30px}
.media-card h3{font-size:17px;margin-bottom:7px}
.media-card p{font-size:12px;color:var(--muted-foreground);margin-bottom:9px}
.media-card div>span{font-size:12px;color:var(--primary);display:inline-flex;align-items:center;gap:6px}
.media-card div>span svg{width:15px}
.contact-landline{display:block;margin-top:7px;font-size:17px;color:var(--foreground);font-weight:600}
.contact-landline small{font-size:9px;color:var(--muted-foreground);font-weight:500;margin-right:5px}
.footer-socials{display:flex;align-items:center;gap:10px}
.footer-socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:inherit;transition:.2s}
.footer-socials a:hover{transform:translateY(-2px);color:var(--primary)}
.footer-socials svg{width:18px;height:18px}
@media(max-width:600px){
 .media-grid{grid-template-columns:1fr;gap:12px}
 .media-card{padding:20px;gap:15px;border-radius:14px}
 .media-icon{width:50px;height:50px}
 .media-icon svg{width:24px;height:24px}
 .media-card h3{font-size:14px}
 .media-card p{font-size:11px}
 .contact-landline{font-size:17px}
 .footer-socials{margin-inline-start:auto}
}

/* Embedded Shorts */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:980px;margin:0 auto 28px}
.video-card{background:var(--background);border:1px solid var(--border);border-radius:18px;padding:10px;box-shadow:var(--shadow-soft)}
.shorts-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:13px;background:#111}
.shorts-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-card>a{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px 4px;color:var(--primary);font-size:12px;font-weight:600}
.video-card>a svg{width:14px;height:14px}
@media(max-width:760px){.video-grid{grid-template-columns:1fr 1fr;gap:12px}.video-card:last-child{grid-column:1/-1;max-width:50%;width:100%;margin-inline:auto}}
@media(max-width:520px){.video-grid{grid-template-columns:1fr;max-width:330px}.video-card:last-child{grid-column:auto;max-width:none}}

/* Contact visibility fix */
.landline-contact{background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.contact-landline-main{display:block!important;font-size:21px!important;font-weight:700!important;color:var(--primary)!important;margin-top:2px}
@media(max-width:600px){.landline-contact{padding:13px 14px}.contact-landline-main{font-size:20px!important}}
.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.media-grid{grid-template-columns:1fr}}

/* Header social icons */
.header-socials{display:flex;align-items:center;gap:6px}
.header-socials a{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--deep);background:var(--background);transition:.2s}
.header-socials a:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}
.header-socials svg{width:15px;height:15px}
@media(max-width:900px){.header-socials{display:none}}

/* Doctor credentials upgrade */
.doctor-real-photo{position:relative;padding-top:0}
.doctor-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:90px 18px 18px 18px;background:var(--muted);box-shadow:var(--shadow-soft)}
.doctor-experience-badge{position:absolute;left:18px;bottom:18px;background:var(--deep);color:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow-float);display:flex;align-items:center;gap:8px}
.doctor-experience-badge strong{font-size:30px;line-height:1;color:#fff}
.doctor-experience-badge span{font-size:11px;font-weight:600}
.doctor-titles{display:grid;gap:10px;margin:20px 0}
.doctor-titles span{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:var(--foreground);font-weight:600}
.doctor-titles svg{width:18px;height:18px;color:var(--primary);flex:0 0 auto;margin-top:3px}
.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.credential-card{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid var(--border);background:var(--muted);border-radius:14px}
.credential-card>svg{width:20px;height:20px;color:var(--primary);flex:0 0 auto;margin-top:2px}
.credential-card strong{display:block;font-size:11px;line-height:1.7;margin-bottom:4px}
.credential-card p{font-size:10px!important;line-height:1.8!important;color:var(--muted-foreground)}
.doctor-memberships{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:18px}
.doctor-memberships span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted-foreground)}
.doctor-memberships svg{width:15px;height:15px;color:var(--primary)}
.doctor-philosophy{padding-top:16px;border-top:1px solid var(--border);margin-bottom:22px!important}
@media(max-width:600px){
 .doctor-real-photo{order:2}
 .doctor-photo{aspect-ratio:4/5;border-radius:55px 14px 14px 14px}
 .doctor-experience-badge{left:12px;bottom:12px;padding:11px 14px}
 .doctor-experience-badge strong{font-size:25px}
 .credentials-grid{grid-template-columns:1fr;gap:8px}
 .credential-card{padding:13px}
 .doctor-titles span{font-size:11px}
}



/* Local search service pages — self-contained to avoid affecting the homepage */
.service-page{--font-sans:Alexandria,"Noto Sans Arabic",sans-serif;--font-display:Alexandria,"Noto Sans Arabic",sans-serif;font-family:var(--font-sans);background:#fff;color:var(--foreground)}
.service-page h1,.service-page h2{font-family:var(--font-display)}
.service-page .sp-shell{width:min(1120px,calc(100% - 60px));margin-inline:auto}
.sp-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}
.sp-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sp-brand{display:flex;flex-direction:column;flex-shrink:0;line-height:1.45;color:var(--deep)}
.sp-brand-main{font-weight:600;font-size:21px}.sp-brand-main strong{color:var(--primary);font-weight:800}
.sp-brand small{font-size:9px;color:var(--muted-foreground);margin-top:4px}
.sp-nav{display:flex;align-items:center;gap:24px}.sp-nav a{color:var(--foreground);font-size:12px;font-weight:500}.sp-nav a:hover,.sp-breadcrumb a:hover{color:var(--primary)}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:999px;font-weight:600;font-size:12px;transition:background .2s,transform .2s;line-height:1.65;text-align:center}
.sp-btn:hover{transform:translateY(-2px)}
.sp-btn svg{width:17px;height:17px}
.sp-btn-primary{background:var(--primary);color:#fff}.sp-btn-primary:hover{background:var(--deep)}
.sp-btn-secondary{border:1px solid #cdb7c5;color:var(--deep);background:#fff}
.sp-btn-white{background:#fff;color:var(--deep)}.sp-header-book{padding:11px 17px;font-size:11px}
.sp-hero{background:linear-gradient(130deg,#fff4f8,#fffaf9 58%,#f7e7ef);padding:42px 0 80px;border-bottom:1px solid var(--border)}
.sp-breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;line-height:2;color:var(--muted-foreground);margin-bottom:44px;flex-wrap:wrap}
.sp-breadcrumb a{color:var(--muted-foreground)}
.sp-eyebrow{display:flex;align-items:center;gap:9px;color:var(--primary);font-size:12px;font-weight:600;margin-bottom:16px}.sp-eyebrow svg{width:17px;height:17px}
.sp-hero h1{max-width:810px;font-size:clamp(29px,4.4vw,49px);line-height:1.6;font-weight:700;color:var(--deep);margin:0 0 19px}
.sp-lead{max-width:790px;font-size:15px;line-height:2.25;color:#665867}
.sp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.sp-hero-caption{color:var(--muted-foreground);font-size:11px;margin-top:22px}
.sp-main-section{padding:74px 0}.sp-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr);gap:65px;align-items:start}
.sp-copy-section{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--border)}.sp-copy-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.sp-copy-section h2{font-size:24px;line-height:1.7;color:var(--deep);margin-bottom:20px}
.sp-copy-section p{font-size:14px;color:#584d58;line-height:2.3;margin:0 0 16px}
.sp-aside{display:grid;gap:20px}.sp-info-card{border:1px solid var(--border);border-radius:18px;padding:23px;background:#fff;box-shadow:var(--shadow-soft)}
.sp-info-card img{display:block;width:100%;height:220px;object-fit:cover;object-position:center top;border-radius:12px 12px 55px 12px;margin-bottom:20px}
.sp-info-card h2{display:flex;align-items:center;gap:8px;font-size:17px;line-height:1.8;color:var(--deep);margin-bottom:10px}
.sp-info-card h2 svg{width:18px;flex-shrink:0;color:var(--primary)}
.sp-info-card p{color:#756979;font-size:12px;line-height:2.15;margin-bottom:13px}
.sp-address-card{background:#fcf5f8}
.sp-info-card p.sp-small{font-size:11px}.sp-phone{display:block;font-size:19px;font-weight:700;color:var(--primary);text-align:right;margin:10px 0 16px}
.sp-aside-link{color:var(--primary);font-size:12px;font-weight:600}
.sp-faq{padding:68px 0 80px;background:#fbf7f9}.sp-faq h2,.sp-related h2{color:var(--deep);font-size:26px;line-height:1.65;margin-bottom:23px}
.sp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-faq-grid details{background:#fff;border:1px solid var(--border);padding:19px 22px;border-radius:14px}
.sp-faq-grid summary{cursor:pointer;font-size:13px;font-weight:600;line-height:2;color:var(--deep)}
.sp-faq-grid details p{font-size:12px;line-height:2.15;color:#6c5b69;margin-top:14px}
.sp-related{padding:60px 0}.sp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sp-related-grid a{background:#fff;border:1px solid var(--border);border-radius:13px;padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--deep);font-size:12px;font-weight:600;line-height:1.9}
.sp-related-grid a:hover{border-color:var(--primary);color:var(--primary)}.sp-related-grid svg{color:var(--primary);width:17px;flex-shrink:0}
.sp-cta{background:var(--deep);color:#fff;padding:64px 0;text-align:center}.sp-cta h2{color:#fff;font-size:28px;line-height:1.7}
.sp-cta p{font-size:13px;margin:14px auto 23px;color:#f4dde9}
.sp-footer{background:#fff;padding:34px 0 45px}.sp-footer-links{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:18px}
.sp-footer a{font-size:12px;color:var(--deep);font-weight:600}.sp-footer a:hover{color:var(--primary)}
.sp-footer p,.sp-footer small{font-size:11px;line-height:2.1;color:var(--muted-foreground)}
.local-explainer{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;background:var(--muted);border:1px solid var(--border);border-radius:16px;margin-top:28px;padding:24px 28px}
.local-explainer h3{font-size:18px;font-weight:600;line-height:1.7;color:var(--deep)}
.local-explainer p{font-size:12px;line-height:2;color:var(--muted-foreground);margin-top:7px}
.footer-services{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding-block:20px;border-top:1px solid var(--border)}
.footer-services a{color:var(--primary);font-size:11px;font-weight:500}.footer-services a:hover{text-decoration:underline}
@media(max-width:900px){.sp-nav{gap:12px}.sp-main-grid{gap:30px}.sp-header-book{display:none}.sp-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:690px){.service-page .sp-shell{width:calc(100% - 34px)}.sp-header-inner{min-height:70px}.sp-nav{gap:12px}.sp-nav a{font-size:10px}.sp-nav a:nth-child(3){display:none}.sp-brand-main{font-size:17px}.sp-brand small{font-size:8px}.sp-hero{padding:24px 0 48px}.sp-breadcrumb{margin-bottom:28px}.sp-hero h1{font-size:29px;line-height:1.65}.sp-lead{font-size:13px;line-height:2.1}.sp-hero-actions{gap:8px}.sp-btn{padding:12px 16px;font-size:11px}.sp-main-grid{grid-template-columns:1fr;gap:36px}.sp-main-section{padding:46px 0}.sp-copy-section h2{font-size:20px}.sp-copy-section p{font-size:13px}.sp-aside{grid-template-columns:1fr 1fr}.sp-info-card{padding:15px}.sp-info-card h2{font-size:14px}.sp-info-card img{height:170px}.sp-faq{padding:45px 0}.sp-faq h2,.sp-related h2{font-size:22px}.sp-faq-grid{grid-template-columns:1fr}.sp-related-grid{grid-template-columns:1fr}.sp-cta h2{font-size:23px}.local-explainer{grid-template-columns:1fr;padding:19px;gap:14px}.footer-services{justify-content:flex-start}}
@media(max-width:420px){.sp-aside{grid-template-columns:1fr}.sp-nav a:nth-child(4){display:none}.sp-hero-actions .sp-btn{width:100%}}