/* One page background: every light section sits on the body color (#eef7f6, dark: #0d253f)
   instead of painting its own gradient or glow blobs. Loaded last. */

html:not([data-theme="dark"]) body {
    background: #eef7f6 !important;
}

/* Hero: flat body color instead of gradient + dots */
.hero-bg-zoom,
[data-theme="dark"] .hero-bg-zoom {
    background: transparent !important;
}

header.home-header::after {
    display: none !important;
}

/* Booking section: drop its gradient and the two glow blobs */
.custom-booking-section {
    background: transparent !important;
}

.custom-booking-section::before,
.custom-booking-section::after {
    display: none !important;
}

/* Contact section: drop the two blurred blobs */
.contact-section::before,
.contact-section::after {
    display: none !important;
}

/* Partner benefits band: use the site's navy */
.pn-section {
    --pn-dark: #0d253f;
    --pn-dark-card: #16385c;
}

/* Health accent 2: a soft teal disc behind the hero phone for depth */
.hero-phone-side {
    position: relative;
    isolation: isolate;
}

.hero-phone-side::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 88%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 45%, rgba(20, 184, 166, 0.20) 0%, rgba(20, 184, 166, 0.10) 55%, rgba(20, 184, 166, 0) 72%);
    pointer-events: none;
}

[data-theme="dark"] .hero-phone-side::before {
    background: radial-gradient(circle at 50% 45%, rgba(45, 212, 191, 0.22) 0%, rgba(45, 212, 191, 0.08) 55%, rgba(45, 212, 191, 0) 72%);
}