/* Surgeonex public frontend stabilization layer.
   Keep site-specific fixes here so master.blade.php stays safer to maintain. */

.frontend-surgeonex {
    --sx-ink: #10263a;
    --sx-muted: #5e7388;
    --sx-blue: #0b5f8f;
    --sx-green: #009b6b;
    --sx-soft: #eff8f8;
    --sx-card: rgba(255, 255, 255, 0.96);
    --sx-border: rgba(16, 38, 58, 0.1);
    background: linear-gradient(180deg, #eaf8fb 0%, #f8fbfc 34%, #eef8f3 100%);
}

.frontend-surgeonex .header-center-home .landing-header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.frontend-surgeonex .header-center-home .landing-header-brand {
    flex: 0 0 auto;
    min-width: 0;
}

.frontend-surgeonex .header-center-home .iq-nav-menu {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    overflow: hidden;
}

.frontend-surgeonex .header-center-home .iq-nav-menu .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 158px;
}

.frontend-surgeonex .header-center-home .right-panel {
    flex: 0 0 auto;
    min-width: 0;
    margin-left: auto;
}

.frontend-surgeonex .header-center-home .right-panel .navbar-nav {
    align-items: center;
    flex-wrap: nowrap;
}

.frontend-surgeonex .header-center-home .right-panel .header-search {
    display: none !important;
}

.frontend-surgeonex .surgeonex-header-style-minimal .navbar-inner {
    border: 1px solid rgba(16, 38, 58, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 48px rgba(16, 38, 58, 0.1);
    padding: 10px 20px;
}

.frontend-surgeonex .surgeonex-header-style-classic .navbar-inner {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(16, 38, 58, 0.08);
}

.frontend-surgeonex .surgeonex-header-style-modern .navbar-inner {
    border-radius: 28px;
}

.frontend-surgeonex .surgeonex-v2--fundero {
    color: var(--sx-ink);
    background:
        radial-gradient(circle at 82% 20%, rgba(0, 155, 107, 0.13), transparent 34%),
        radial-gradient(circle at 12% 38%, rgba(11, 95, 143, 0.12), transparent 38%),
        linear-gradient(135deg, #ffffff 0%, #f1fbfb 58%, #ecfff7 100%) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-content {
    background: transparent !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-title {
    color: var(--sx-ink) !important;
    letter-spacing: -0.055em;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-subtitle,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-trust-note,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-subtitle,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-copy,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-international-copy {
    color: var(--sx-muted) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-card,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-card,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-card,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-international-card {
    background: var(--sx-card) !important;
    border: 1px solid var(--sx-border) !important;
    box-shadow: 0 20px 50px rgba(16, 38, 58, 0.08) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-title,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-title,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-international-title {
    color: var(--sx-ink) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form {
    background: #f8fbff !important;
    border-color: rgba(16, 38, 58, 0.1) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form input,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form input {
    color: var(--sx-ink) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form input::placeholder,
.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form input::placeholder {
    color: #7890a7 !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-quick-link {
    background: #ffffff !important;
    color: var(--sx-ink) !important;
    border-color: rgba(16, 38, 58, 0.08) !important;
}

.frontend-surgeonex .surgeonex-v2--fundero .surgeonex-quick-icon {
    background: linear-gradient(135deg, #00b37d, #0b78a8) !important;
    color: #fff !important;
}

.frontend-surgeonex .footer {
    margin: 44px 24px 0;
    border-radius: 34px 34px 0 0;
    background:
        radial-gradient(circle at 16% 20%, rgba(54, 214, 171, 0.18), transparent 32%),
        linear-gradient(135deg, #0c2b45 0%, #1e5a87 100%) !important;
    box-shadow: 0 -18px 48px rgba(16, 38, 58, 0.14);
    overflow: hidden;
}

.frontend-surgeonex .footer-title,
.frontend-surgeonex .footer-action-link,
.frontend-surgeonex .footer-menu a,
.frontend-surgeonex .footer p,
.frontend-surgeonex .footer li,
.frontend-surgeonex .footer span {
    color: rgba(255, 255, 255, 0.88) !important;
}

.frontend-surgeonex .footer-title {
    color: #ffffff !important;
    font-weight: 800;
}

.frontend-surgeonex .footer-menu a:hover,
.frontend-surgeonex .footer-action-link:hover {
    color: #a6ffdd !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex {
    --sx-ink: #f3f8ff;
    --sx-muted: #b6c7d8;
    --sx-card: rgba(16, 31, 48, 0.96);
    --sx-border: rgba(190, 224, 255, 0.16);
    background: linear-gradient(180deg, #071423 0%, #0c1f31 50%, #071423 100%);
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-header-style-minimal .navbar-inner,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-header-style-classic .navbar-inner,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-header-style-modern .navbar-inner {
    background: rgba(13, 28, 44, 0.98);
    border-color: rgba(190, 224, 255, 0.14);
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero {
    background:
        radial-gradient(circle at 82% 20%, rgba(0, 155, 107, 0.18), transparent 34%),
        radial-gradient(circle at 12% 38%, rgba(11, 95, 143, 0.28), transparent 38%),
        linear-gradient(135deg, #071423 0%, #0b1f33 58%, #09251d 100%) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-title,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-title,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-title,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-international-title {
    color: #f3f8ff !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-subtitle,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-trust-note,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-subtitle,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-copy,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-international-copy {
    color: #b6c7d8 !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-quick-link {
    background: #101f30 !important;
    border-color: rgba(190, 224, 255, 0.14) !important;
    color: #f3f8ff !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form input,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form input {
    color: #f3f8ff !important;
}

@media (min-width: 1200px) and (max-width: 1560px) {
    .frontend-surgeonex .header-center-home .landing-header {
        gap: 8px;
    }

    .frontend-surgeonex .header-center-home .navbar-brand img {
        max-width: 170px;
        max-height: 48px;
    }

    .frontend-surgeonex .header-center-home .iq-nav-menu .nav-link {
        max-width: 132px;
        padding: 0.75rem 1rem;
        font-size: 0.92rem;
    }

    .frontend-surgeonex .header-center-home .right-panel .btn,
    .frontend-surgeonex .header-center-home .right-panel .nav-link {
        min-height: 42px;
        padding-inline: 14px;
    }
}

@media (max-width: 1199.98px) {
    .frontend-surgeonex .header-center-home .landing-header {
        min-height: 58px;
    }

    .frontend-surgeonex .header-center-home .navbar-collapse {
        position: absolute;
        top: calc(100% + 10px);
        left: 12px;
        right: 12px;
        z-index: 1025;
        border-radius: 20px;
        padding: 14px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 22px 50px rgba(16, 38, 58, 0.14);
    }

    html[data-bs-theme="dark"] .frontend-surgeonex .header-center-home .navbar-collapse {
        background: rgba(13, 28, 44, 0.98);
    }

    .frontend-surgeonex .header-center-home .iq-nav-menu {
        align-items: stretch;
        overflow: visible;
    }

    .frontend-surgeonex .header-center-home .iq-nav-menu .nav-link {
        max-width: none;
        width: 100%;
    }

    .frontend-surgeonex .surgeonex-v2--fundero {
        padding-top: 16px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

@media (max-width: 767.98px) {
    .frontend-surgeonex .surgeonex-v2--fundero {
        margin: 0 4px !important;
        border-radius: 18px !important;
        padding: 12px 8px 22px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-title {
        font-size: clamp(2rem, 12vw, 3.15rem) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.065em !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-subtitle {
        font-size: 0.95rem !important;
        line-height: 1.55 !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-actions .btn {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-card {
        transform: none !important;
        min-height: 205px !important;
        border-radius: 18px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-card img {
        width: 100% !important;
        height: 205px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-row,
    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-care-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form,
    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
    }

    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form button,
    .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form button {
        width: 100% !important;
        min-height: 44px !important;
    }

    .frontend-surgeonex .footer {
        margin: 28px 8px 0;
        border-radius: 24px 24px 0 0;
    }
}

/* Final dark-mode rescue: hero/header/footer contrast. Keep this at the end. */
html[data-bs-theme="dark"] body.frontend-surgeonex,
html[data-bs-theme="dark"] .frontend-surgeonex {
    background: #06131f !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero,
html[data-bs-theme="dark"] .frontend-surgeonex .banner-section,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2-hero {
    background:
        radial-gradient(circle at 70% 28%, rgba(0, 155, 107, 0.24), transparent 34%),
        linear-gradient(135deg, #071726 0%, #092539 52%, #06271f 100%) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2-title,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-title,
html[data-bs-theme="dark"] .frontend-surgeonex .banner-section h1,
html[data-bs-theme="dark"] .frontend-surgeonex .banner-section .title {
    color: #f7fbff !important;
    opacity: 1 !important;
    text-shadow: 0 10px 36px rgba(0, 0, 0, 0.32);
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2-subtitle,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-subtitle,
html[data-bs-theme="dark"] .frontend-surgeonex .banner-section p {
    color: #c7d7e6 !important;
    opacity: 1 !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2-trust-note,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-trust-note {
    color: #ffffff !important;
    background: rgba(15, 34, 52, 0.92) !important;
    border-color: rgba(190, 224, 255, 0.18) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .header-center-home .iq-nav-menu .nav-link,
html[data-bs-theme="dark"] .frontend-surgeonex .iq-nav-menu .nav-link,
html[data-bs-theme="dark"] .frontend-surgeonex .navbar .nav-link {
    color: #dfeeff !important;
    opacity: 1 !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .header-center-home .iq-nav-menu .nav-link.active,
html[data-bs-theme="dark"] .frontend-surgeonex .header-center-home .iq-nav-menu .nav-link:hover,
html[data-bs-theme="dark"] .frontend-surgeonex .iq-nav-menu .nav-link.active,
html[data-bs-theme="dark"] .frontend-surgeonex .iq-nav-menu .nav-link:hover {
    color: #06311f !important;
    background: #e9fff5 !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .navbar-inner,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-header-style-minimal .navbar-inner,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-header-style-classic .navbar-inner,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-header-style-modern .navbar-inner {
    background: rgba(10, 27, 44, 0.96) !important;
    border-color: rgba(124, 176, 220, 0.22) !important;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.32) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-discovery-card,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-assistant-card,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-international-card,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-search-form,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-assistant-form {
    background: rgba(13, 31, 49, 0.96) !important;
    border-color: rgba(190, 224, 255, 0.16) !important;
    color: #f7fbff !important;
}

.frontend-surgeonex .footer {
    margin: clamp(36px, 5vw, 72px) clamp(12px, 2vw, 22px) 0 !important;
    border-radius: 30px 30px 0 0 !important;
    background:
        radial-gradient(circle at 18% 16%, rgba(39, 196, 151, 0.2), transparent 34%),
        radial-gradient(circle at 82% 28%, rgba(66, 145, 211, 0.18), transparent 36%),
        linear-gradient(135deg, #102f4a 0%, #245f8d 100%) !important;
    overflow: hidden;
}

.frontend-surgeonex .footer .container {
    max-width: 1160px;
}

.frontend-surgeonex .footer-top {
    padding: clamp(34px, 4vw, 58px) 0 !important;
}

.frontend-surgeonex .footer-inner {
    height: 100%;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

.frontend-surgeonex .footer-logo img {
    max-width: 165px;
    height: auto !important;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.16));
}

.frontend-surgeonex .footer-description {
    display: block;
    max-width: 310px;
    color: rgba(255, 255, 255, 0.86) !important;
    line-height: 1.7;
}

.frontend-surgeonex .footer-action-card {
    gap: 14px !important;
    align-items: center;
    padding: 14px !important;
    border-radius: 18px !important;
    background: rgba(6, 22, 36, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.frontend-surgeonex .footer-icon {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px;
    border-radius: 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    background: linear-gradient(135deg, #006a4c, #0b7fab) !important;
}

.frontend-surgeonex .footer-title {
    margin-bottom: 18px !important;
    color: #ffffff !important;
    font-size: clamp(1.2rem, 1vw + 1rem, 1.7rem) !important;
    line-height: 1.12 !important;
}

.frontend-surgeonex .footer-menu {
    display: grid;
    gap: 11px;
}

.frontend-surgeonex .footer-menu.column-count-2 {
    column-count: initial !important;
    grid-template-columns: 1fr;
}

.frontend-surgeonex .footer-menu li {
    margin: 0 !important;
}

.frontend-surgeonex .footer-menu a {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.35;
}

.frontend-surgeonex .footer-menu a::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: 0.45em;
    flex: 0 0 7px;
    border-radius: 999px;
    background: #35d69f;
    box-shadow: 0 0 0 5px rgba(53, 214, 159, 0.12);
}

.frontend-surgeonex .footer-bottom {
    background: rgba(5, 20, 33, 0.58) !important;
    padding: 16px 0 !important;
}

.frontend-surgeonex .footer-bottom a,
.frontend-surgeonex .footer-bottom span {
    color: rgba(255, 255, 255, 0.9) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .footer {
    background:
        radial-gradient(circle at 18% 16%, rgba(39, 196, 151, 0.16), transparent 34%),
        radial-gradient(circle at 82% 28%, rgba(66, 145, 211, 0.13), transparent 36%),
        linear-gradient(135deg, #071827 0%, #113451 100%) !important;
    border: 1px solid rgba(124, 176, 220, 0.16) !important;
}

@media (max-width: 991.98px) {
    .frontend-surgeonex .footer {
        text-align: left;
    }

    .frontend-surgeonex .footer-inner {
        max-width: none;
    }
}

@media (max-width: 575.98px) {
    .frontend-surgeonex .footer {
        margin: 28px 6px 0 !important;
        border-radius: 22px 22px 0 0 !important;
    }

    .frontend-surgeonex .footer-top {
        padding: 28px 0 !important;
    }

    .frontend-surgeonex .footer-inner {
        padding: 18px !important;
    }

    .frontend-surgeonex .footer-logo img {
        max-width: 132px;
    }
}

/* Final light-mode palette unifier: remove green/blue section mismatch. */
html[data-bs-theme="light"] body.frontend-surgeonex,
html[data-bs-theme="light"] .frontend-surgeonex {
    --sx-ink: #10263a;
    --sx-muted: #5d748b;
    --sx-blue: #0b6f9f;
    --sx-green: #007f5d;
    --sx-soft: #f3f8fb;
    --sx-card: rgba(255, 255, 255, 0.94);
    --sx-border: rgba(16, 38, 58, 0.09);
    background:
        radial-gradient(circle at 82% 10%, rgba(11, 111, 159, 0.11), transparent 30%),
        radial-gradient(circle at 12% 38%, rgba(0, 127, 93, 0.07), transparent 34%),
        linear-gradient(180deg, #f3f8fb 0%, #f8fbfd 38%, #f3f8fb 100%) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero,
html[data-bs-theme="light"] .frontend-surgeonex .banner-section,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2-hero {
    background:
        radial-gradient(circle at 78% 16%, rgba(11, 111, 159, 0.12), transparent 34%),
        radial-gradient(circle at 18% 72%, rgba(0, 127, 93, 0.06), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #f5fafc 54%, #f1f7fb 100%) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex section:not(.banner-section):not(.surgeonex-v2--fundero),
html[data-bs-theme="light"] .frontend-surgeonex .section-spacing:not(.banner-section),
html[data-bs-theme="light"] .frontend-surgeonex .doctor-section,
html[data-bs-theme="light"] .frontend-surgeonex .feature-section,
html[data-bs-theme="light"] .frontend-surgeonex .category-section,
html[data-bs-theme="light"] .frontend-surgeonex .clinic-section,
html[data-bs-theme="light"] .frontend-surgeonex .faq-section,
html[data-bs-theme="light"] .frontend-surgeonex .blog-section,
html[data-bs-theme="light"] .frontend-surgeonex .testimonial-section,
html[data-bs-theme="light"] .frontend-surgeonex .app-section {
    background:
        radial-gradient(circle at 88% 10%, rgba(11, 111, 159, 0.08), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(246, 250, 253, 0.92)) !important;
    border-color: rgba(16, 38, 58, 0.08) !important;
    box-shadow: 0 22px 58px rgba(16, 38, 58, 0.075) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-discovery-card,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-card,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-international-card,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-trust-note,
html[data-bs-theme="light"] .frontend-surgeonex .card,
html[data-bs-theme="light"] .frontend-surgeonex .doctor-card,
html[data-bs-theme="light"] .frontend-surgeonex .services-card,
html[data-bs-theme="light"] .frontend-surgeonex .service-card,
html[data-bs-theme="light"] .frontend-surgeonex .clinics-card,
html[data-bs-theme="light"] .frontend-surgeonex .clinic-card,
html[data-bs-theme="light"] .frontend-surgeonex .category-card,
html[data-bs-theme="light"] .frontend-surgeonex .blog-card,
html[data-bs-theme="light"] .frontend-surgeonex .testimonial-card,
html[data-bs-theme="light"] .frontend-surgeonex .book-appointment-box {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(16, 38, 58, 0.08) !important;
    box-shadow: 0 18px 42px rgba(16, 38, 58, 0.07) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-search-form,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-assistant-form,
html[data-bs-theme="light"] .frontend-surgeonex .form-control,
html[data-bs-theme="light"] .frontend-surgeonex .form-select,
html[data-bs-theme="light"] .frontend-surgeonex .select2-selection {
    background: #f9fcff !important;
    border-color: rgba(16, 38, 58, 0.09) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-quick-icon,
html[data-bs-theme="light"] .frontend-surgeonex .footer-icon {
    background: linear-gradient(135deg, #007f5d, #0b6f9f) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .btn-primary,
html[data-bs-theme="light"] .frontend-surgeonex .btn-secondary,
html[data-bs-theme="light"] .frontend-surgeonex .login-btn,
html[data-bs-theme="light"] .frontend-surgeonex .search-submit,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-search-form button,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-assistant-form button {
    background: linear-gradient(135deg, #006b50 0%, #007f5d 48%, #0b6f9f 100%) !important;
    box-shadow: 0 14px 30px rgba(0, 107, 80, 0.22) !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2-title,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-title,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-discovery-title,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-assistant-title,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-international-title {
    color: #10263a !important;
}

html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2-subtitle,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-v2--fundero .surgeonex-v2-subtitle,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-discovery-subtitle,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-assistant-copy,
html[data-bs-theme="light"] .frontend-surgeonex .surgeonex-international-copy {
    color: #5d748b !important;
}

/* Directory pages: doctors, hospitals, procedures, search, account lists. */
.frontend-surgeonex .list-page,
.frontend-surgeonex .sx-page-shell,
.frontend-surgeonex .surgeonex-directory-shell,
.frontend-surgeonex .surgeonex-service-detail-page,
.frontend-surgeonex .sx-patients-shell {
    color: var(--sx-ink) !important;
}

.frontend-surgeonex .sx-page-shell,
.frontend-surgeonex .surgeonex-directory-shell,
.frontend-surgeonex .page-title.sx-page-shell,
.frontend-surgeonex .sx-patients-shell {
    border-radius: clamp(24px, 3vw, 42px) !important;
    padding: clamp(18px, 3vw, 34px) !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(0, 155, 107, 0.11), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(246, 253, 252, 0.88)) !important;
    border: 1px solid rgba(16, 38, 58, 0.08) !important;
    box-shadow: 0 24px 64px rgba(16, 38, 58, 0.09) !important;
}

.frontend-surgeonex .surgeonex-directory-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: clamp(18px, 2.5vw, 30px);
}

.frontend-surgeonex .surgeonex-directory-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    background: rgba(0, 155, 107, 0.1);
    color: #007a58;
    border: 1px solid rgba(0, 155, 107, 0.14);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.frontend-surgeonex .surgeonex-directory-title {
    max-width: 860px;
    margin: 0.9rem 0 0;
    color: var(--sx-ink) !important;
    font-size: clamp(2rem, 4vw, 4.4rem);
    line-height: 0.98;
    font-weight: 950;
    letter-spacing: -0.065em;
}

.frontend-surgeonex .surgeonex-directory-copy {
    max-width: 760px;
    margin: 1rem 0 0;
    color: var(--sx-muted) !important;
    font-size: clamp(1rem, 1.2vw, 1.12rem);
    line-height: 1.75;
}

.frontend-surgeonex .surgeonex-filter-bar,
.frontend-surgeonex .filter,
.frontend-surgeonex .datatable-filter,
.frontend-surgeonex .card-style-slider,
.frontend-surgeonex .custom-card-table,
.frontend-surgeonex .dataTables_wrapper {
    border-radius: 24px !important;
}

.frontend-surgeonex .surgeonex-filter-bar,
.frontend-surgeonex .card-style-slider {
    padding: clamp(12px, 2vw, 22px);
    background: rgba(255, 255, 255, 0.74) !important;
    border: 1px solid rgba(16, 38, 58, 0.07) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 16px 42px rgba(16, 38, 58, 0.06) !important;
}

.frontend-surgeonex .custom-card-table,
.frontend-surgeonex .custom-card-table tbody,
.frontend-surgeonex .custom-card-table tr,
.frontend-surgeonex .custom-card-table td {
    background: transparent !important;
    border: 0 !important;
}

.frontend-surgeonex .clinic-tab-content .nav-link,
.frontend-surgeonex .nav-pills .nav-link {
    border-radius: 999px !important;
    border: 1px solid rgba(16, 38, 58, 0.08);
    background: rgba(255, 255, 255, 0.78);
    color: var(--sx-ink) !important;
    font-weight: 800;
}

.frontend-surgeonex .clinic-tab-content .nav-link.active,
.frontend-surgeonex .nav-pills .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #006a4c, #0b7fab) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 32px rgba(0, 122, 88, 0.22);
}

.frontend-surgeonex .dataTables_empty {
    padding: 2.5rem !important;
    color: var(--sx-muted) !important;
}

.frontend-surgeonex .pagination .page-link {
    border-radius: 14px !important;
    margin-inline: 3px;
    border-color: rgba(16, 38, 58, 0.08) !important;
    color: var(--sx-ink) !important;
}

.frontend-surgeonex .pagination .active .page-link,
.frontend-surgeonex .page-item.active .page-link {
    color: #fff !important;
    background: linear-gradient(135deg, #006a4c, #0b7fab) !important;
    border-color: transparent !important;
}

.frontend-surgeonex .breadcrumb,
.frontend-surgeonex .breadcrumb-section,
.frontend-surgeonex .page-banner {
    background: transparent !important;
}

.frontend-surgeonex .breadcrumb-item,
.frontend-surgeonex .breadcrumb-item a {
    color: var(--sx-muted) !important;
}

/* Auth screens share the same brand language. */
.frontend-surgeonex-auth {
    --sx-auth-bg: #06111d;
    --sx-auth-card: rgba(255, 255, 255, 0.92);
    --sx-auth-ink: #10263a;
    --sx-auth-muted: #5e7388;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 155, 107, 0.2), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(11, 95, 143, 0.2), transparent 30%),
        linear-gradient(180deg, #eff9fb 0%, #f8fcfd 52%, #edf8f4 100%) !important;
}

.frontend-surgeonex-auth .auth-container {
    min-height: 100vh;
    background: transparent !important;
}

.frontend-surgeonex-auth .auth-container::before {
    background:
        linear-gradient(110deg, rgba(239, 249, 251, 0.92), rgba(255, 255, 255, 0.72) 44%, rgba(237, 248, 244, 0.76)),
        radial-gradient(circle at right center, rgba(0, 155, 107, 0.15), transparent 32%) !important;
}

.frontend-surgeonex-auth .auth-card {
    background: var(--sx-auth-card) !important;
    border: 1px solid rgba(16, 38, 58, 0.08) !important;
    border-radius: 32px !important;
    box-shadow: 0 28px 76px rgba(16, 38, 58, 0.14) !important;
    color: var(--sx-auth-ink) !important;
}

.frontend-surgeonex-auth .auth-title,
.frontend-surgeonex-auth .auth-card-content,
.frontend-surgeonex-auth .auth-card-content span,
.frontend-surgeonex-auth .auth-card-content label,
.frontend-surgeonex-auth .auth-card-content a {
    color: var(--sx-auth-ink) !important;
}

.frontend-surgeonex-auth .auth-subtitle,
.frontend-surgeonex-auth .auth-card-content p {
    color: var(--sx-auth-muted) !important;
}

.frontend-surgeonex-auth .auth-eyebrow {
    background: rgba(0, 155, 107, 0.1) !important;
    border-color: rgba(0, 155, 107, 0.14) !important;
    color: #007a58 !important;
}

.frontend-surgeonex-auth .auth-card .custom-input-group,
.frontend-surgeonex-auth .auth-card .input-group {
    background: #f8fbff !important;
    border: 1px solid rgba(16, 38, 58, 0.1) !important;
    border-radius: 18px !important;
}

.frontend-surgeonex-auth .auth-card .form-control,
.frontend-surgeonex-auth .auth-card .input-group-text {
    color: var(--sx-auth-ink) !important;
}

.frontend-surgeonex-auth .auth-card .form-control::placeholder {
    color: #8097aa !important;
}

.frontend-surgeonex-auth .sign-in-btn,
.frontend-surgeonex-auth .btn-secondary,
.frontend-surgeonex-auth .btn-primary {
    border: 0 !important;
    background: linear-gradient(135deg, #006a4c 0%, #009b6b 54%, #0b7fab 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 38px rgba(0, 122, 88, 0.25) !important;
}

@media (prefers-color-scheme: dark) {
    .frontend-surgeonex-auth {
        background:
            radial-gradient(circle at 12% 12%, rgba(0, 155, 107, 0.18), transparent 28%),
            radial-gradient(circle at 88% 16%, rgba(11, 95, 143, 0.22), transparent 30%),
            linear-gradient(180deg, #06111d 0%, #0a1d30 52%, #071a16 100%) !important;
    }

    .frontend-surgeonex-auth .auth-container::before {
        background:
            linear-gradient(110deg, rgba(6, 17, 29, 0.88), rgba(10, 29, 48, 0.72) 44%, rgba(7, 26, 22, 0.76)),
            radial-gradient(circle at right center, rgba(0, 155, 107, 0.15), transparent 32%) !important;
    }

    .frontend-surgeonex-auth .auth-card {
        --sx-auth-card: rgba(13, 28, 44, 0.94);
        --sx-auth-ink: #f3f8ff;
        --sx-auth-muted: #b6c7d8;
        border-color: rgba(190, 224, 255, 0.14) !important;
        box-shadow: 0 28px 76px rgba(0, 0, 0, 0.28) !important;
    }

    .frontend-surgeonex-auth .auth-card .custom-input-group,
    .frontend-surgeonex-auth .auth-card .input-group {
        background: #101f30 !important;
        border-color: rgba(190, 224, 255, 0.14) !important;
    }
}

html[data-bs-theme="dark"] .frontend-surgeonex .sx-page-shell,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-directory-shell,
html[data-bs-theme="dark"] .frontend-surgeonex .page-title.sx-page-shell,
html[data-bs-theme="dark"] .frontend-surgeonex .sx-patients-shell,
html[data-bs-theme="dark"] .frontend-surgeonex .surgeonex-filter-bar,
html[data-bs-theme="dark"] .frontend-surgeonex .card-style-slider {
    background:
        radial-gradient(circle at 92% 8%, rgba(0, 155, 107, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(13, 28, 44, 0.95), rgba(10, 38, 36, 0.9)) !important;
    border-color: rgba(190, 224, 255, 0.13) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .clinic-tab-content .nav-link,
html[data-bs-theme="dark"] .frontend-surgeonex .nav-pills .nav-link,
html[data-bs-theme="dark"] .frontend-surgeonex .pagination .page-link {
    background: rgba(16, 31, 48, 0.9) !important;
    border-color: rgba(190, 224, 255, 0.13) !important;
    color: #f3f8ff !important;
}

@media (max-width: 767.98px) {
    .frontend-surgeonex .surgeonex-directory-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .frontend-surgeonex .surgeonex-directory-title {
        font-size: clamp(2rem, 12vw, 3.1rem) !important;
    }

    .frontend-surgeonex .surgeonex-filter-bar,
    .frontend-surgeonex .card-style-slider {
        padding: 12px !important;
    }

    .frontend-surgeonex .list-page .container,
    .frontend-surgeonex .sx-page-shell {
        padding-inline: 10px !important;
    }

    .frontend-surgeonex .clinic-tab-content {
        gap: 8px !important;
    }

    .frontend-surgeonex-auth .auth-card {
        border-radius: 24px !important;
        padding: 1.35rem !important;
    }

    .frontend-surgeonex-auth .auth-title {
        font-size: 2rem !important;
    }
}

@media (max-width: 575.98px) {
    .frontend-surgeonex .iq-navbar {
        margin: 4px 4px 0;
    }

    .frontend-surgeonex .header-center-home .navbar-inner {
        min-height: 44px;
        padding: 6px 8px;
        border-radius: 18px;
    }

    .frontend-surgeonex .header-center-home .navbar-brand img {
        max-width: 118px;
        max-height: 30px;
    }

    .frontend-surgeonex .header-center-home .navbar-toggler {
        width: 32px;
        height: 32px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }

    .frontend-surgeonex .header-center-home .right-panel .btn,
    .frontend-surgeonex .header-center-home .right-panel .nav-link,
    .frontend-surgeonex .header-center-home .right-panel .dropdown-language-wrapper {
        display: none !important;
    }
}

/* Premium global public-page polish. This intentionally loads last. */
.frontend-surgeonex,
body.frontend-surgeonex {
    color: var(--sx-ink) !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(0, 155, 107, 0.11), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(11, 95, 143, 0.1), transparent 32%),
        linear-gradient(180deg, #eff9fb 0%, #f8fcfd 42%, #edf8f4 100%) !important;
}

.frontend-surgeonex main,
.frontend-surgeonex .main-content,
.frontend-surgeonex .content-inner,
.frontend-surgeonex .page-content,
.frontend-surgeonex .section-background,
.frontend-surgeonex .section-bg,
.frontend-surgeonex .bg-body {
    background: transparent !important;
}

.frontend-surgeonex section:not(.banner-section):not(.surgeonex-v2--fundero),
.frontend-surgeonex .section-spacing:not(.banner-section),
.frontend-surgeonex .doctor-section,
.frontend-surgeonex .feature-section,
.frontend-surgeonex .category-section,
.frontend-surgeonex .clinic-section,
.frontend-surgeonex .faq-section,
.frontend-surgeonex .blog-section,
.frontend-surgeonex .testimonial-section,
.frontend-surgeonex .app-section {
    position: relative;
    margin-inline: clamp(8px, 1.8vw, 26px);
    margin-top: clamp(22px, 3.2vw, 48px);
    padding-block: clamp(34px, 5vw, 72px) !important;
    border-radius: clamp(24px, 3vw, 42px);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(246, 253, 252, 0.88)) !important;
    border: 1px solid rgba(16, 38, 58, 0.07);
    box-shadow: 0 22px 60px rgba(16, 38, 58, 0.08);
    overflow: hidden;
}

.frontend-surgeonex section:not(.banner-section):not(.surgeonex-v2--fundero)::before,
.frontend-surgeonex .section-spacing:not(.banner-section)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 82% 16%, rgba(0, 155, 107, 0.11), transparent 24%),
        linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
    opacity: 0.9;
}

.frontend-surgeonex section:not(.banner-section):not(.surgeonex-v2--fundero) > *,
.frontend-surgeonex .section-spacing:not(.banner-section) > * {
    position: relative;
    z-index: 1;
}

.frontend-surgeonex .section-title {
    margin-bottom: clamp(22px, 3vw, 40px) !important;
}

.frontend-surgeonex .section-title .sub-title,
.frontend-surgeonex .section-title .subtitle,
.frontend-surgeonex .section-title small,
.frontend-surgeonex .badge,
.frontend-surgeonex .tag,
.frontend-surgeonex .category-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: max-content;
    border-radius: 999px !important;
    padding: 0.45rem 0.78rem !important;
    background: rgba(0, 155, 107, 0.11) !important;
    color: #007a58 !important;
    border: 1px solid rgba(0, 155, 107, 0.14) !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.frontend-surgeonex .section-title .title,
.frontend-surgeonex .section-title h2,
.frontend-surgeonex h1:not(.surgeonex-v2-title),
.frontend-surgeonex h2:not(.surgeonex-v2-title),
.frontend-surgeonex h3:not(.surgeonex-v2-title),
.frontend-surgeonex h4:not(.surgeonex-v2-title) {
    color: var(--sx-ink) !important;
    font-weight: 900 !important;
    letter-spacing: -0.045em;
}

.frontend-surgeonex p,
.frontend-surgeonex .text-body,
.frontend-surgeonex .text-muted,
.frontend-surgeonex .card-text {
    color: var(--sx-muted) !important;
}

.frontend-surgeonex .card,
.frontend-surgeonex .doctor-card,
.frontend-surgeonex .services-card,
.frontend-surgeonex .service-card,
.frontend-surgeonex .clinics-card,
.frontend-surgeonex .clinic-card,
.frontend-surgeonex .category-card,
.frontend-surgeonex .blog-card,
.frontend-surgeonex .testimonial-card,
.frontend-surgeonex .accordion-item,
.frontend-surgeonex .book-appointment-box,
.frontend-surgeonex .modal-content,
.frontend-surgeonex .dropdown-menu,
.frontend-surgeonex .dropdown-user-menu,
.frontend-surgeonex .sub-drop {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(16, 38, 58, 0.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 44px rgba(16, 38, 58, 0.08) !important;
    color: var(--sx-ink) !important;
}

.frontend-surgeonex .doctor-card,
.frontend-surgeonex .services-card,
.frontend-surgeonex .service-card,
.frontend-surgeonex .clinics-card,
.frontend-surgeonex .clinic-card,
.frontend-surgeonex .category-card,
.frontend-surgeonex .blog-card {
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.frontend-surgeonex .doctor-card:hover,
.frontend-surgeonex .services-card:hover,
.frontend-surgeonex .service-card:hover,
.frontend-surgeonex .clinics-card:hover,
.frontend-surgeonex .clinic-card:hover,
.frontend-surgeonex .category-card:hover,
.frontend-surgeonex .blog-card:hover {
    transform: translateY(-8px);
    border-color: rgba(0, 155, 107, 0.22) !important;
    box-shadow: 0 28px 70px rgba(16, 38, 58, 0.13) !important;
}

.frontend-surgeonex .doctor-card img,
.frontend-surgeonex .services-card img,
.frontend-surgeonex .service-card img,
.frontend-surgeonex .clinics-card img,
.frontend-surgeonex .clinic-card img,
.frontend-surgeonex .category-card img,
.frontend-surgeonex .blog-card img {
    border-radius: 20px;
}

.frontend-surgeonex .btn,
.frontend-surgeonex button,
.frontend-surgeonex input,
.frontend-surgeonex select,
.frontend-surgeonex textarea,
.frontend-surgeonex .select2-selection {
    border-radius: 16px !important;
}

.frontend-surgeonex .btn-primary,
.frontend-surgeonex .btn-secondary,
.frontend-surgeonex .login-btn,
.frontend-surgeonex .search-submit,
.frontend-surgeonex .surgeonex-search-form button,
.frontend-surgeonex .surgeonex-assistant-form button {
    border: 0 !important;
    background: linear-gradient(135deg, #006a4c 0%, #009b6b 54%, #0b7fab 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(0, 122, 88, 0.25) !important;
    font-weight: 800 !important;
}

.frontend-surgeonex .btn-outline-primary,
.frontend-surgeonex .btn-light,
.frontend-surgeonex .btn-soft-primary {
    background: rgba(255, 255, 255, 0.86) !important;
    color: #006a4c !important;
    border: 1px solid rgba(0, 155, 107, 0.22) !important;
    box-shadow: 0 10px 28px rgba(16, 38, 58, 0.06) !important;
}

.frontend-surgeonex .form-control,
.frontend-surgeonex .form-select,
.frontend-surgeonex .select2-selection,
.frontend-surgeonex .select2-container--default .select2-selection--single {
    min-height: 48px;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(16, 38, 58, 0.1) !important;
    color: var(--sx-ink) !important;
    box-shadow: none !important;
}

.frontend-surgeonex .form-control::placeholder,
.frontend-surgeonex input::placeholder {
    color: #8097aa !important;
}

.frontend-surgeonex .book-appointment-box,
.frontend-surgeonex #surgical-booking-panel {
    background:
        radial-gradient(circle at 92% 12%, rgba(0, 155, 107, 0.11), transparent 28%),
        rgba(255, 255, 255, 0.96) !important;
}

.frontend-surgeonex .footer {
    color: #ffffff !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex,
html[data-bs-theme="dark"] body.frontend-surgeonex {
    color: #f3f8ff !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(0, 155, 107, 0.17), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(11, 95, 143, 0.21), transparent 32%),
        linear-gradient(180deg, #06111d 0%, #0a1d30 52%, #071a16 100%) !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex section:not(.banner-section):not(.surgeonex-v2--fundero),
html[data-bs-theme="dark"] .frontend-surgeonex .section-spacing:not(.banner-section),
html[data-bs-theme="dark"] .frontend-surgeonex .doctor-section,
html[data-bs-theme="dark"] .frontend-surgeonex .feature-section,
html[data-bs-theme="dark"] .frontend-surgeonex .category-section,
html[data-bs-theme="dark"] .frontend-surgeonex .clinic-section,
html[data-bs-theme="dark"] .frontend-surgeonex .faq-section,
html[data-bs-theme="dark"] .frontend-surgeonex .blog-section,
html[data-bs-theme="dark"] .frontend-surgeonex .testimonial-section,
html[data-bs-theme="dark"] .frontend-surgeonex .app-section {
    background: linear-gradient(135deg, rgba(13, 28, 44, 0.94), rgba(10, 38, 36, 0.9)) !important;
    border-color: rgba(190, 224, 255, 0.12);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.25);
}

html[data-bs-theme="dark"] .frontend-surgeonex .card,
html[data-bs-theme="dark"] .frontend-surgeonex .doctor-card,
html[data-bs-theme="dark"] .frontend-surgeonex .services-card,
html[data-bs-theme="dark"] .frontend-surgeonex .service-card,
html[data-bs-theme="dark"] .frontend-surgeonex .clinics-card,
html[data-bs-theme="dark"] .frontend-surgeonex .clinic-card,
html[data-bs-theme="dark"] .frontend-surgeonex .category-card,
html[data-bs-theme="dark"] .frontend-surgeonex .blog-card,
html[data-bs-theme="dark"] .frontend-surgeonex .testimonial-card,
html[data-bs-theme="dark"] .frontend-surgeonex .accordion-item,
html[data-bs-theme="dark"] .frontend-surgeonex .book-appointment-box,
html[data-bs-theme="dark"] .frontend-surgeonex .modal-content,
html[data-bs-theme="dark"] .frontend-surgeonex .dropdown-menu,
html[data-bs-theme="dark"] .frontend-surgeonex .dropdown-user-menu,
html[data-bs-theme="dark"] .frontend-surgeonex .sub-drop {
    background: rgba(13, 28, 44, 0.96) !important;
    border-color: rgba(190, 224, 255, 0.13) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
    color: #f3f8ff !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .section-title .title,
html[data-bs-theme="dark"] .frontend-surgeonex .section-title h2,
html[data-bs-theme="dark"] .frontend-surgeonex h1:not(.surgeonex-v2-title),
html[data-bs-theme="dark"] .frontend-surgeonex h2:not(.surgeonex-v2-title),
html[data-bs-theme="dark"] .frontend-surgeonex h3:not(.surgeonex-v2-title),
html[data-bs-theme="dark"] .frontend-surgeonex h4:not(.surgeonex-v2-title) {
    color: #f3f8ff !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex p,
html[data-bs-theme="dark"] .frontend-surgeonex .text-body,
html[data-bs-theme="dark"] .frontend-surgeonex .text-muted,
html[data-bs-theme="dark"] .frontend-surgeonex .card-text {
    color: #b6c7d8 !important;
}

html[data-bs-theme="dark"] .frontend-surgeonex .form-control,
html[data-bs-theme="dark"] .frontend-surgeonex .form-select,
html[data-bs-theme="dark"] .frontend-surgeonex .select2-selection,
html[data-bs-theme="dark"] .frontend-surgeonex .select2-container--default .select2-selection--single {
    background: #101f30 !important;
    border-color: rgba(190, 224, 255, 0.15) !important;
    color: #f3f8ff !important;
}

@media (max-width: 767.98px) {
    .frontend-surgeonex,
    body.frontend-surgeonex {
        background: linear-gradient(180deg, #eef9fb 0%, #ffffff 45%, #eef8f4 100%) !important;
    }

    .frontend-surgeonex section:not(.banner-section):not(.surgeonex-v2--fundero),
    .frontend-surgeonex .section-spacing:not(.banner-section),
    .frontend-surgeonex .doctor-section,
    .frontend-surgeonex .feature-section,
    .frontend-surgeonex .category-section,
    .frontend-surgeonex .clinic-section,
    .frontend-surgeonex .faq-section,
    .frontend-surgeonex .blog-section,
    .frontend-surgeonex .testimonial-section,
    .frontend-surgeonex .app-section {
        margin-inline: 6px;
        margin-top: 18px;
        padding: 28px 8px !important;
        border-radius: 24px;
    }

    .frontend-surgeonex .section-title {
        margin-bottom: 18px !important;
    }

    .frontend-surgeonex .section-title .title,
    .frontend-surgeonex .section-title h2,
    .frontend-surgeonex h1:not(.surgeonex-v2-title),
    .frontend-surgeonex h2:not(.surgeonex-v2-title) {
        font-size: clamp(1.6rem, 8vw, 2.2rem) !important;
        line-height: 1.02 !important;
    }

    .frontend-surgeonex .card,
    .frontend-surgeonex .doctor-card,
    .frontend-surgeonex .services-card,
    .frontend-surgeonex .service-card,
    .frontend-surgeonex .clinics-card,
    .frontend-surgeonex .clinic-card,
    .frontend-surgeonex .category-card,
    .frontend-surgeonex .blog-card,
    .frontend-surgeonex .book-appointment-box {
        border-radius: 20px !important;
    }
}