/* ==========================================================================
   DR. RAM'S SKIN, HAIR & COSMETIC CLINIC - RESPONSIVE STYLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   Header Optimization for 1100px - 1280px (including 1200px - 1250px)
   -------------------------------------------------------------------------- */
@media (min-width: 1101px) and (max-width: 1280px) {
    .rs-header .rs-container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .rs-header-inner {
        height: 80px !important;
        gap: 12px !important;
    }

    .rs-brand {
        gap: 0.55rem !important;
    }

    .rs-header .rs-brand,
    .rs-nav-mobile-brand {
        gap: 0 !important;
    }

    .rs-header .rs-brand-text,
    .rs-nav-mobile-brand .rs-brand-text {
        margin-left: -13px !important;
    }

    .rs-brand-logo-wrap {
        width: 70px !important;
        height: 70px !important;
        border-radius: 12px !important;
    }

    .rs-brand-name {
        font-size: 1.22rem !important;
        line-height: 1.1 !important;
    }

    .rs-brand-sub {
        font-size: 0.74rem !important;
        max-width: 165px !important;
        line-height: 1.2 !important;
    }

    .rs-nav {
        gap: 0.65rem !important;
    }

    .rs-nav-link {
        font-size: 0.98rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.005em !important;
    }

    .rs-dropdown-toggle {
        gap: 3px !important;
    }

    .rs-dropdown-arrow {
        width: 11px !important;
        height: 11px !important;
    }

    .rs-header-actions {
        gap: 0.45rem !important;
    }

    .rs-header-actions .rs-btn {
        min-height: 44px !important;
        padding: 0.5rem 1rem !important;
        font-size: 0.76rem !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
    }

    .rs-topbar {
        padding: 0.35rem 0 !important;
        font-size: 0.82rem !important;
    }

    .rs-topbar-contact-right {
        gap: 0.65rem !important;
        font-size: 0.82rem !important;
    }

    /* --------------------------------------------------------------------------
       Treatment & Conditions Section Optimization for 1100px - 1280px (including 1200px - 1250px)
       -------------------------------------------------------------------------- */
    .rs-spa-treatment-body {
        grid-template-columns: 280px minmax(0, 1fr) minmax(0, 1.05fr) !important;
        gap: 28px !important;
        max-width: 100% !important;
        align-items: stretch !important;
    }

    .rs-spa-treatment-body>* {
        min-width: 0 !important;
    }

    .rs-spa-treatment-menu {
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .rs-spa-treatment-menu button {
        min-height: unset !important;
        padding: 0 22px !important;
        font-size: 0.96rem !important;
        flex: 1 !important;
    }

    .rs-spa-treatment-body>img {
        height: 420px !important;
        width: 100% !important;
        object-fit: cover !important;
        align-self: unset !important;
    }

    .rs-spa-treatment-copy {
        padding-right: 0 !important;
    }

    .rs-spa-treatment-copy h3 {
        font-size: 2.1rem !important;
        margin-bottom: 16px !important;
    }

    .rs-spa-treatment-copy strong {
        font-size: 1.15rem !important;
        margin-bottom: 16px !important;
    }

    .rs-spa-treatment-copy p {
        font-size: 0.98rem !important;
        line-height: 1.6 !important;
        margin-bottom: 24px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
}

/* --------------------------------------------------------------------------
   Home Hero Title 3-Line Display Optimization for 1200px - 1220px
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1220px) {
    .rs-home-page .photo-hero .brand-hero-title {
        max-width: 660px !important;
    }
}

@media (max-width: 991px) {

    .rs-header,
    .rs-home-page .rs-header {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1060 !important;
        background: rgba(255, 255, 255, 0.96) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-bottom: 1px solid rgba(239, 231, 224, 0.85) !important;
        box-shadow: 0 4px 20px rgba(42, 59, 83, 0.08) !important;
    }

    .rs-header.is-scrolled,
    .rs-home-page .rs-header.is-scrolled {
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 6px 24px rgba(42, 59, 83, 0.12) !important;
    }

    .rs-header-inner {
        height: 68px !important;
    }

    .rs-home-page .photo-hero .photo-hero-arrow {
        display: none !important;
    }

    .rs-home-page .photo-hero .photo-hero-frame {
        padding: 2.5rem 2rem 2.5rem !important;
    }

    .rs-home-page .photo-hero .brand-hero-content {
        max-width: 720px !important;
        padding: 10px 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 900px) {

    .rs-home-page .photo-hero,
    .rs-home-page .photo-hero .photo-hero-slider,
    .rs-home-page .photo-hero .swiper-wrapper,
    .rs-home-page .photo-hero .photo-hero-slide,
    .rs-home-page .photo-hero .photo-hero-frame,
    .rs-home-page .photo-hero .brand-hero-bg {
        min-height: clamp(440px, 58vh, 520px) !important;
        height: clamp(440px, 58vh, 520px) !important;
    }

    .rs-home-page .photo-hero .photo-hero-frame {
        padding: 1.5rem 1.75rem !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
    }

    .rs-home-page .photo-hero .brand-hero-content {
        padding: 0 !important;
        margin: auto 0 !important;
        max-width: 580px !important;
        top: 0 !important;
    }

    .rs-home-page .photo-hero .photo-hero-kicker-wrap {
        margin-bottom: 0.5rem !important;
    }
}

/* Home hero mobile layout and image treatment. */
@media (max-width: 768px) {
    .rs-home-page .photo-hero {
        --home-hero-mobile-height: 490px;
    }

    .rs-home-page .photo-hero,
    .rs-home-page .photo-hero .photo-hero-slider,
    .rs-home-page .photo-hero .swiper-wrapper,
    .rs-home-page .photo-hero .photo-hero-slide,
    .rs-home-page .photo-hero .photo-hero-frame,
    .rs-home-page .photo-hero .brand-hero-bg {
        height: var(--home-hero-mobile-height) !important;
        min-height: var(--home-hero-mobile-height) !important;
        max-height: var(--home-hero-mobile-height) !important;
        box-sizing: border-box !important;
    }

    .rs-home-page .photo-hero .photo-hero-frame {
        padding: 1.5rem 1.15rem !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
    }

    .rs-home-page .photo-hero .brand-hero-bg-img,
    .rs-home-page .photo-hero-slide--image-bg .brand-hero-bg-img {
        object-position: 66% center !important;
    }

    .rs-home-page .photo-hero .photo-hero-slide--hair-bg .brand-hero-bg-img {
        object-position: 80% center !important;
    }

    .rs-home-page .photo-hero .photo-hero-slide--laser-bg .brand-hero-bg-img,
    .rs-home-page .photo-hero .photo-hero-slide--skin-bg .brand-hero-bg-img {
        object-position: 78% center !important;
    }

    .rs-home-page .photo-hero .brand-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        top: 0 !important;
        padding: 0 !important;
    }

    .rs-home-page .photo-hero .photo-hero-kicker-wrap {
        margin-bottom: 0.55rem !important;
    }

    .rs-home-page .photo-hero .brand-hero-title {
        max-width: 100% !important;
        font-size: clamp(1.95rem, 8.5vw, 2.45rem) !important;
        line-height: 1.15 !important;
        margin-bottom: 0.65rem !important;
    }

    .rs-home-page .photo-hero .brand-hero-title .photo-hero-title-line {
        white-space: normal !important;
    }

    .rs-home-page .photo-hero .brand-hero-text {
        max-width: 100% !important;
        font-size: 0.86rem !important;
        line-height: 1.5 !important;
        margin-bottom: 1rem !important;
    }

    .rs-home-page .photo-hero .photo-hero-actions {
        align-items: center !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        gap: 0.55rem !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
        margin-bottom: 0 !important;
    }

    .rs-home-page .photo-hero .brand-btn-primary,
    .rs-home-page .photo-hero .brand-btn-outline {
        width: auto !important;
        min-height: 40px !important;
        max-width: 100% !important;
        flex: 0 1 auto !important;
        padding: 0.65rem 1rem !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.02em !important;
        line-height: 1.2 !important;
        text-align: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    .rs-home-page .photo-hero .photo-hero-badge {
        top: 1rem !important;
        right: 0.85rem !important;
        width: 62px !important;
        height: 62px !important;
    }

    .rs-home-page .photo-hero .photo-hero-pagination {
        bottom: 10px !important;
    }
}

@media (max-width: 480px) {
    .rs-home-page .photo-hero {
        --home-hero-mobile-height: 480px;
    }

    .rs-home-page .photo-hero,
    .rs-home-page .photo-hero .photo-hero-slider,
    .rs-home-page .photo-hero .swiper-wrapper,
    .rs-home-page .photo-hero .photo-hero-slide,
    .rs-home-page .photo-hero .photo-hero-frame,
    .rs-home-page .photo-hero .brand-hero-bg {
        height: var(--home-hero-mobile-height) !important;
        min-height: var(--home-hero-mobile-height) !important;
        max-height: var(--home-hero-mobile-height) !important;
    }

    .rs-home-page .photo-hero .photo-hero-frame {
        padding: 1.25rem 2rem !important;
        justify-content: center !important;
    }

    .rs-home-page .photo-hero .photo-hero-actions {
        flex-direction: row !important;
        gap: 0.45rem !important;
        margin-bottom: 0 !important;
    }

    .rs-home-page .photo-hero .brand-btn-primary,
    .rs-home-page .photo-hero .brand-btn-outline {
        width: auto !important;
        max-width: 100% !important;
        padding: 0.6rem 0.85rem !important;
        font-size: 0.7rem !important;
        letter-spacing: 0.02em !important;
        min-height: 38px !important;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    .rs-home-page .photo-hero {
        --home-hero-mobile-height: 520px;
    }

    .rs-home-page .photo-hero .photo-hero-frame {
        padding: 4.75rem 3.15rem 2rem !important;
    }

    .rs-home-page .photo-hero .brand-hero-title {
        font-size: clamp(1.9rem, 5vw, 2.6rem) !important;
        margin-bottom: 0.65rem !important;
    }

    .rs-home-page .photo-hero .brand-hero-text {
        max-width: 520px !important;
        font-size: 0.82rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.8rem !important;
    }

    .rs-home-page .photo-hero .photo-hero-actions {
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.6rem !important;
    }

    .rs-home-page .photo-hero .brand-btn-primary,
    .rs-home-page .photo-hero .brand-btn-outline {
        min-height: 42px !important;
        padding: 0.65rem 0.85rem !important;
        font-size: 0.68rem !important;
    }
}

/* Keep one simple overlay per slide, matching the first hero slide. */
.rs-home-page .photo-hero::after {
    content: none !important;
    display: none !important;
}

.rs-home-page .photo-hero .brand-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
            #F2E8DE 0%,
            rgba(242, 232, 222, 0.97) 36%,
            rgba(242, 232, 222, 0.78) 58%,
            rgba(242, 232, 222, 0.32) 80%,
            rgba(242, 232, 222, 0.02) 100%) !important;
}

.rs-home-page .photo-hero .brand-hero-bg-img {
    opacity: 1 !important;
    filter: none !important;
    animation: homeHeroBgZoomPulse 13s ease-in-out infinite !important;
    transform-origin: center center !important;
    will-change: transform !important;
}

/* Continuous smooth background zoom */

@media (max-width: 768px) {
    .rs-home-page .photo-hero .brand-hero-overlay {
        background: linear-gradient(180deg,
                rgba(242, 232, 222, 0.38) 0%,
                rgba(242, 232, 222, 0.65) 28%,
                rgba(242, 232, 222, 0.88) 60%,
                rgba(242, 232, 222, 0.98) 100%) !important;
    }

    .rs-home-page .photo-hero .brand-hero-title-blue {
        color: #b64f62 !important;
        -webkit-text-fill-color: #b64f62 !important;
    }

    .rs-home-page .photo-hero .brand-hero-content {
        position: relative !important;
        z-index: 5 !important;
    }

    .rs-home-page .photo-hero .photo-hero-badge {
        z-index: 6 !important;
    }
}

/* --------------------------------------------------------------------------
   Treatment Optimization for 1281px - 1440px
   -------------------------------------------------------------------------- */
@media (min-width: 1281px) and (max-width: 1440px) {
    .rs-spa-treatment-body {
        grid-template-columns: 310px minmax(0, 1fr) minmax(0, 1.05fr) !important;
        gap: 40px !important;
    }

    .rs-spa-treatment-body>* {
        min-width: 0 !important;
    }
}

/* ==========================================================================
   MOBILE HEADER BRAND & LOGO OPTIMIZATION
   ========================================================================== */
@media (max-width: 991px) {

    .rs-header,
    .rs-home-page .rs-header {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1060 !important;
        background: rgba(255, 255, 255, 0.96) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-bottom: 1px solid rgba(239, 231, 224, 0.85) !important;
        box-shadow: 0 4px 20px rgba(42, 59, 83, 0.08) !important;
    }

    .rs-header.is-scrolled,
    .rs-home-page .rs-header.is-scrolled {
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 6px 24px rgba(42, 59, 83, 0.12) !important;
    }

    .rs-header-inner {
        height: 68px !important;
    }

    .rs-header .rs-brand,
    .rs-nav-mobile-brand {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0 !important;
        text-decoration: none !important;
    }

    .rs-header .rs-brand-text,
    .rs-nav-mobile-brand .rs-brand-text {
        margin-left: -4px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .rs-brand-logo-wrap,
    .rs-nav-mobile-brand .rs-brand-logo-wrap {
        width: 48px !important;
        height: 48px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }

    .rs-brand-name,
    .rs-nav-mobile-brand .rs-brand-name {
        font-size: 1.15rem !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
    }

    .rs-brand-sub,
    .rs-nav-mobile-brand .rs-brand-sub {
        font-size: 0.72rem !important;
        line-height: 1.2 !important;
        max-width: 170px !important;
        color: #ed42a0 !important;
        font-weight: 700 !important;
    }

    .dr-cond-glass-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto 2.5rem auto !important;
        padding: 0.45rem 0.65rem !important;
        gap: 0.5rem !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        border-radius: 9999px !important;
        scroll-behavior: smooth !important;
        overscroll-behavior-x: contain !important;
        cursor: grab !important;
    }

    .dr-cond-glass-nav:active {
        cursor: grabbing !important;
    }

    .dr-cond-glass-nav::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .dr-cond-cat-btn {
        padding: 0.7rem 1.35rem !important;
        font-size: 0.8rem !important;
        letter-spacing: 0.05em !important;
        gap: 0.5rem !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }

    .dr-cond-cat-btn:first-child {
        margin-left: 0.2rem !important;
    }

    .dr-cond-cat-btn:last-child {
        margin-right: 0.2rem !important;
    }

    .dr-cond-cat-btn .dr-cond-cat-icon {
        font-size: 1.2rem !important;
    }

    .dr-cond-cat-btn.active .dr-cond-active-glow {
        bottom: -7px !important;
        left: 10% !important;
        right: 10% !important;
        height: 3px !important;
    }
}

@media (max-width: 575px) {

    .dr-cond-glass-nav {
        margin: 0 auto 2rem auto !important;
        padding: 0.35rem 0.5rem !important;
        gap: 0.35rem !important;
    }

    .dr-cond-cat-btn {
        padding: 0.58rem 0.95rem !important;
        font-size: 0.72rem !important;
        gap: 0.4rem !important;
    }

    .dr-cond-cat-btn .dr-cond-cat-icon {
        font-size: 1.05rem !important;
    }

    .dr-cond-cat-btn.active .dr-cond-active-glow {
        bottom: -5.5px !important;
        height: 2.5px !important;
    }

    .photo-hero-title br {
        display: none !important;
    }

    .photo-hero-title-line {
        display: inline !important;
    }

    .photo-hero-title-line+.photo-hero-title-line::before {
        content: ' ';
    }

    .rs-header .rs-brand,
    .rs-nav-mobile-brand {
        gap: 0px !important;
    }

    .rs-footer-brand {
        gap: 0px !important;
        margin-left: -10px !important;
    }

    .rs-header .rs-brand-text,
    .rs-nav-mobile-brand .rs-brand-text {
        margin-left: -4px !important;
    }

    .rs-footer-brand .rs-brand-text {
        margin-left: -5px !important;
    }

    .rs-brand-logo-wrap,
    .rs-nav-mobile-brand .rs-brand-logo-wrap,
    .rs-footer-brand .rs-brand-logo-wrap {
        width: 42px !important;
        height: 42px !important;
        border-radius: 8px !important;
    }

    .rs-brand-name,
    .rs-nav-mobile-brand .rs-brand-name,
    .rs-footer-brand .rs-brand-name {
        font-size: 1.05rem !important;
        line-height: 1.1 !important;
    }

    .rs-brand-sub,
    .rs-nav-mobile-brand .rs-brand-sub {
        font-size: 0.68rem !important;
        max-width: 155px !important;
        line-height: 1.15 !important;
        color: #ed42a0 !important;
        font-weight: 700 !important;
    }

    .rs-footer-brand .rs-brand-sub {
        font-size: 0.68rem !important;
        max-width: 155px !important;
        line-height: 1.15 !important;
        color: #FFFFFF !important;
    }

    .rs-topbar {
        padding: 0.3rem 0 !important;
    }

    .rs-topbar-inner {
        padding: 0 6px !important;
    }

    .rs-topbar-contact-right {
        gap: 0.25rem 0.4rem !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .rs-topbar-info-group {
        gap: 0.2rem 0.4rem !important;
        justify-content: center !important;
    }

    .rs-topbar-link {
        font-size: 0.73rem !important;
        gap: 0.25rem !important;
    }

    .rs-topbar-link svg {
        width: 12px !important;
        height: 12px !important;
        stroke-width: 2.5 !important;
    }

    .rs-topbar-main-divider {
        display: none !important;
    }

    .rs-topbar-social {
        gap: 0.25rem !important;
        justify-content: center !important;
    }

    .rs-topbar-follow-label {
        font-size: 0.68rem !important;
        margin-right: 1px !important;
    }

    .rs-topbar-social-link {
        width: 21px !important;
        height: 21px !important;
        font-size: 0.65rem !important;
    }
}

/* ==========================================================================
   HEALTH SECTION CIRCULAR PHOTO RESPONSIVE OPTIMIZATION
   ========================================================================== */
@media (max-width: 991px) {
    .rs-spa-health-photo {
        width: 310px !important;
        height: 310px !important;
        border-width: 5px !important;
        margin: 20px auto !important;
    }
}

@media (max-width: 768px) {
    .rs-spa-health-photo {
        width: 290px !important;
        height: 290px !important;
        border-width: 5px !important;
        margin: 18px auto !important;
    }
}

@media (max-width: 575px) {
    .rs-spa-health-photo {
        width: 260px !important;
        height: 260px !important;
        border-width: 5px !important;
        margin: 16px auto !important;
    }
}

/* ==========================================================================
   GALLERY FILTER RESPONSIVE PILL BAR (MOBILE VIEW OPTIMIZATION)
   ========================================================================== */
@media (max-width: 768px) {
    .rs-spa-gallery-filter {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 4px 4px 12px 4px !important;
        margin: 0 0 24px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .rs-spa-gallery-filter::-webkit-scrollbar {
        display: none !important;
    }

    .rs-spa-gallery-filter button {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 7px 16px !important;
        font-size: 0.8rem !important;
        font-weight: 700 !important;
        color: #20334E !important;
        background: #FAF1EB !important;
        border: 1px solid #F2D8CD !important;
        border-radius: 30px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        transition: all 0.25s ease !important;
        transform: none !important;
        margin: 0 !important;
    }

    .rs-spa-gallery-filter button:first-child {
        padding-left: 16px !important;
    }

    .rs-spa-gallery-filter button:not(:last-child)::after,
    .rs-spa-gallery-filter button::before {
        display: none !important;
        content: none !important;
    }

    .rs-spa-gallery-filter button.active,
    .rs-spa-gallery-filter button:hover {
        background: #2A3B53 !important;
        color: #FFFFFF !important;
        border-color: #2A3B53 !important;
        box-shadow: 0 4px 15px rgba(42, 59, 83, 0.25) !important;
        transform: translateY(-1px) !important;
    }
}

/* --------------------------------------------------------------------------
   Testimonials Background Responsive Position - Pure White (No Image)
   -------------------------------------------------------------------------- */
@media (max-width: 1104px) {
    .rs-spa-testimonials {
        background-image: none !important;
        background: #f5f7ff !important;
        background-color: #f5f7ff !important;
    }
}

/* ==========================================================================
   PORTFOLIO-STYLE EDITORIAL HERO & MOBILE DRAWER RESPONSIVE STYLES
   ========================================================================== */

/* Mobile View Side Menu Off-Canvas Drawer */
@media (max-width: 1024px) {
    .rs-header {
        z-index: 1060 !important;
    }

    .photo-hero,
    .photo-hero-slider,
    .photo-hero-slide,
    .photo-hero-frame,
    .photo-hero-card,
    .photo-hero-feature,
    .photo-hero-panel {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .rs-nav {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: 320px !important;
        max-width: 86vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: #ffffff !important;
        box-shadow: -10px 0 35px rgba(0, 0, 0, 0.18) !important;
        z-index: 1070 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        align-items: stretch !important;
        padding: 24px 20px 40px !important;
        transform: translateX(100%) !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        visibility: hidden;
        pointer-events: none;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .rs-nav.is-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Backdrop Overlay (Behind the side menu) */
    .rs-nav-overlay {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.55);
        z-index: 1040;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.35s ease;
    }

    .rs-nav-overlay.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    /* Mobile Drawer Header */
    .rs-nav-mobile-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-bottom: 16px !important;
        margin-bottom: 16px !important;
        border-bottom: 1px solid rgba(48, 48, 161, 0.1) !important;
    }

    .rs-nav-mobile-brand {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        text-decoration: none !important;
    }

    .rs-nav-mobile-brand .rs-brand-text {
        margin-left: -4px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .rs-nav-mobile-brand .rs-brand-logo-wrap {
        width: 44px !important;
        height: 44px !important;
        flex-shrink: 0 !important;
    }

    .rs-nav-mobile-brand .rs-brand-name {
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        color: #1f2b88 !important;
        display: block !important;
    }

    .rs-nav-mobile-brand .rs-brand-sub {
        font-size: 0.68rem !important;
        color: #ed42a0 !important;
        font-weight: 700 !important;
        display: block !important;
    }

    .rs-nav-close-btn {
        width: 38px !important;
        height: 38px !important;
        border-radius: 50% !important;
        border: 1px solid #EFE7E0 !important;
        background: #fff !important;
        color: #ed42a0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 1.1rem !important;
        cursor: pointer !important;
        transition: background 0.25s ease, color 0.25s ease !important;
    }

    .rs-nav-close-btn:hover {
        background: #2A3B53 !important;
        color: #ffffff !important;
    }

    body.rs-nav-active {
        overflow: hidden !important;
    }

    /* Remove hover line from mobile drawer links */
    .rs-nav .rs-nav-link::after,
    .rs-nav .rs-nav-link:hover::after,
    .rs-nav .rs-nav-link.active::after {
        display: none !important;
        width: 0 !important;
        content: none !important;
    }

    /* Mobile Accordion Dropdowns & Mega Menus (Flex Column Rendered Below Toggle) */
    .rs-dropdown,
    .rs-megamenu-item {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .rs-dropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 14px 0 !important;
        border-bottom: none !important;
        font-family: var(--font-heading) !important;
        font-weight: 700 !important;
        color: #20334E !important;
        font-size: 1.05rem !important;
    }

    .rs-nav>.rs-nav-link:not(.rs-dropdown-toggle) {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 14px 0 !important;
        border-bottom: none !important;
        font-family: var(--font-heading) !important;
        font-weight: 700 !important;
        color: #20334E !important;
        font-size: 1.05rem !important;
        letter-spacing: 0 !important;
        text-decoration: none !important;
    }

    .rs-dropdown-arrow {
        transition: transform 0.3s ease !important;
        color: #b96f7d !important;
        transform: rotate(-90deg) !important;
    }

    .rs-dropdown.is-open .rs-dropdown-arrow {
        transform: rotate(0deg) !important;
    }

    /* Disable hover popups on mobile view */
    .rs-dropdown:hover .rs-dropdown-menu,
    .rs-megamenu-item:hover .rs-megamenu-wrapper {
        display: none !important;
    }

    /* Standard Dropdown Menu — card-style matching mega menu */
    .rs-nav .rs-dropdown-menu {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
        border: 1.5px solid rgba(210, 211, 255, 0.9) !important;
        background: #fff url('../images/mega-menu-background.png') center / cover no-repeat !important;
        padding: 10px 16px 16px 16px !important;
        margin: 4px 0 10px 0 !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .rs-dropdown.is-open>.rs-dropdown-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }

    .rs-dropdown.is-open>.rs-dropdown-menu::after,
    .rs-dropdown.is-open>.rs-megamenu-wrapper::after,
    .rs-megamenu-item.is-open>.rs-megamenu-wrapper::after {
        width: 100% !important;
    }

    .rs-nav .rs-dropdown-item {
        color: #3030A1 !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        padding: 9px 4px !important;
        border-bottom: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    .rs-nav .rs-dropdown-item::before {
        display: none !important;
        content: none !important;
    }

    .rs-nav .rs-dropdown-item:last-child {
        border-bottom: none !important;
    }

    /* Mega Menu Container (Inline Stacked Category Cards for Conditions/Treatments) */
    .rs-nav .rs-megamenu-wrapper,
    .rs-nav .rs-megamenu-wrapper.rs-megamenu-3col,
    .rs-header .rs-nav .rs-megamenu-wrapper {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
        border: 1.5px solid rgba(210, 211, 255, 0.9) !important;
        background: #ffffff url('../images/mega-menu-background.png') center / cover no-repeat !important;
        padding: 14px 16px 35px 16px !important;
        margin: 4px 0 10px 0 !important;
        display: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-height: none !important;
        overflow: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
        border-radius: 16px !important;
    }

    .rs-dropdown.is-open>.rs-megamenu-wrapper,
    .rs-megamenu-item.is-open>.rs-megamenu-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
    }

    /* Mega Menu Flex Container & Category Card */
    .rs-megamenu-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border: none !important;
        box-shadow: none !important;
    }

    .rs-megamenu-col {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        background: transparent !important;
        border-radius: 0 !important;
        padding: 0 0 10px 0 !important;
        box-shadow: none !important;
        border: none !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .rs-megamenu-title {
        font-family: 'Outfit', sans-serif !important;
        font-size: 0.98rem !important;
        font-weight: 900 !important;
        color: #2A3B53 !important;
        letter-spacing: 0.03em !important;
        text-transform: uppercase !important;
        margin: 0 !important;
        padding: 6px 4px !important;
        border-bottom: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        cursor: pointer !important;
    }

    .rs-megamenu-title a,
    .rs-megamenu-title-link,
    .rs-megamenu-title-link span {
        font-family: 'Outfit', sans-serif !important;
        color: #2A3B53 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }

    .rs-subdropdown-arrow {
        display: inline-block !important;
        color: #2A3B53 !important;
        transition: transform 0.3s ease !important;
    }

    .rs-subdropdown.is-open .rs-subdropdown-arrow {
        transform: rotate(180deg) !important;
    }

    .rs-megamenu-list,
    .rs-subdropdown-menu {
        display: none !important;
        flex-direction: column !important;
        gap: 6px !important;
        padding-left: 0 !important;
        list-style: none !important;
        margin: 8px 0 0 0 !important;
    }

    .rs-subdropdown.is-open .rs-megamenu-list,
    .rs-subdropdown.is-open .rs-subdropdown-menu {
        display: flex !important;
    }

    .rs-megamenu-list li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .rs-megamenu-link {
        font-size: 0.78rem !important;
        font-weight: 600 !important;
        color: #3030A1 !important;
        padding: 4px 6px !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
        border-bottom: none !important;
    }

    .rs-megamenu-link::before {
        display: none !important;
        content: none !important;
    }

    .rs-megamenu-link:hover {
        color: #F9AEB3 !important;
        background: rgba(250, 197, 227, 0.25) !important;
        padding-left: 10px !important;
    }
}

/* Responsive Media Queries for Editorial Hero */
@media (max-width: 991.98px) {
    .photo-hero {
        min-height: auto;
    }

    .photo-hero-frame {
        padding: 0;
        min-height: auto;
    }

    .photo-hero-card {
        box-shadow: none;
    }

    .photo-hero-feature {
        min-height: clamp(340px, 46vh, 480px);
        padding: 0;
    }

    .photo-hero-panel {
        padding: 28px 18px 28px;
        min-height: auto;
    }

    .photo-hero-grid {
        max-width: 100%;
        gap: 12px;
        margin-bottom: 22px;
    }

    .photo-hero-mini-slider {
        max-width: 100%;
        margin-bottom: 22px;
    }

    .photo-hero-grid-label {
        font-size: clamp(0.8rem, 1.8vw, 0.98rem);
        padding: 16px 6px 8px;
    }
}

@media (max-width: 768px) {
    .photo-hero {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .photo-hero,
    .photo-hero .photo-hero-slider,
    .photo-hero .swiper-wrapper,
    .photo-hero .photo-hero-slide,
    .photo-hero .photo-hero-frame,
    .photo-hero .brand-hero-bg {
        min-width: 100vw !important;
        width: 100vw !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }

    .photo-hero .photo-hero-slider,
    .photo-hero .photo-hero-slide,
    .photo-hero .photo-hero-frame {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .photo-hero .brand-hero-content {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .photo-hero-feature img[src*="lady-2.png"] {
        object-position: 56% 0% !important;
        top: 24px !important;
        left: 0 !important;
    }

    .photo-hero-feature img[src*="lady-4.png"] {
        object-position: center 0% !important;
        top: 12px !important;
        left: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .photo-hero-feature {
        min-height: clamp(280px, 40vh, 360px);
        padding: 0;
    }

    .photo-hero-line-frame {
        inset: 10px 10px 38px 10px;
    }

    .photo-hero-badge {
        width: 58px;
        height: 58px;
        top: 18px;
        right: 18px;
        left: auto;
        overflow: visible;
    }

    .photo-hero-panel {
        padding: 20px 12px 22px;
    }

    .photo-hero-kicker {
        font-size: 0.78rem;
        margin-bottom: 8px;
    }

    .photo-hero-title {
        font-size: clamp(1.7rem, 5.5vw, 2.1rem);
        line-height: 1.15;
        margin-bottom: 14px;
    }

    .photo-hero-grid {
        gap: 8px;
        margin-bottom: 20px;
    }

    .photo-hero-mini-slider {
        margin-bottom: 20px;
    }

    .photo-hero-grid-item {
        border-radius: 12px;
    }

    .photo-hero-grid-label {
        font-size: clamp(0.68rem, 2.6vw, 0.82rem);
        padding: 14px 4px 6px;
        line-height: 1.2;
        letter-spacing: 0.01em;
    }

    .photo-hero-actions {
        gap: 10px;
    }

    .photo-hero-actions .rs-about-btn,
    .photo-hero-actions .photo-hero-link {
        font-size: 0.8rem;
        padding: 10px 16px;
    }
}

@media (max-width: 380px) {
    .photo-hero-title {
        font-size: 1.5rem;
    }

    .photo-hero-grid-label {
        font-size: 0.64rem;
        padding: 10px 2px 4px;
    }
}

@media (max-width: 768px) {
    .rs-home-page .rs-topbar {
        display: none !important;
    }

    .rs-home-page .rs-header {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1060 !important;
    }

    .rs-home-page .photo-hero .photo-hero-slide--image-bg .brand-hero-bg-img {
        object-fit: cover !important;
        object-position: 70% center !important;
    }
}

/* ==========================================================================
   ABOUT DOCTOR - RESPONSIVE BREAKPOINTS (merged from doctor.css)
   ========================================================================== */
@media (max-width: 1024px) {

    .rs-doc-open-trust-grid,
    .rs-doc-open-creds-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }

    .rs-doctor-certificates-section {
        padding: 2rem 0.5rem !important;
    }

    .rs-doctor-certificates-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
        margin-top: 28px !important;
    }

    .rs-doc-membership-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 20px;
    }

    .rs-doc-membership-item {
        gap: 14px;
    }

    .rs-doc-membership-logo-wrap {
        width: 72px;
        height: 72px;
        min-width: 72px;
    }

    .rs-doc-membership-abbr {
        font-size: 1.05rem;
    }

    .rs-doc-membership-name {
        font-size: 0.82rem;
    }

    .rs-doc-open-dual-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 768px) {

    .rs-doc-open-trust-grid,
    .rs-doc-open-creds-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .rs-doc-memberships-section {
        padding: 28px 0;
    }

    .rs-doc-membership-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        max-width: 480px;
        margin: 18px auto 0;
    }

    .rs-doc-membership-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }

    .rs-doc-membership-logo-wrap {
        width: 68px;
        height: 68px;
        min-width: 68px;
    }

    .rs-doc-membership-abbr {
        font-size: 1.05rem;
    }

    .rs-doc-membership-name {
        font-size: 0.84rem;
        line-height: 1.35;
    }

    .rs-doc-membership-status {
        font-size: 0.7rem;
    }

    .rs-doc-open-list {
        grid-template-columns: 1fr;
    }

    .rs-doc-closing-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .rs-doc-btn-gold,
    .rs-doc-btn-outline-white {
        justify-content: center !important;
    }

    .rs-spa-testimonials {
        padding: 40px 0 !important;
    }

    .rs-reviews-slider-wrapper {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        margin-top: 24px !important;
    }

    .rs-reviews-carousel-viewport {
        order: 1 !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        overflow: hidden !important;
        padding: 8px 0 !important;
    }

    .rs-reviews-track {
        display: flex !important;
        width: 100% !important;
        min-width: 100% !important;
        gap: 0 !important;
    }

    .rs-review-card {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 24px 20px !important;
        border-radius: 20px !important;
        background: #FFFFFF !important;
        box-shadow: 0 8px 24px rgba(50, 65, 85, 0.08) !important;
        border: 1px solid rgba(226, 216, 206, 0.7) !important;
    }

    .rs-review-card-header {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        margin-bottom: 14px !important;
    }

    .rs-review-meta h3 {
        font-size: 1.1rem !important;
        margin: 0 0 3px !important;
    }

    .rs-review-stars {
        font-size: 0.82rem !important;
        gap: 2px !important;
    }

    .rs-review-text {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 16px !important;
        color: #334155 !important;
    }

    .rs-review-card-footer {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-top: auto !important;
        padding-top: 14px !important;
        border-top: 1px dashed rgba(42, 59, 83, 0.12) !important;
    }

    .rs-review-tag {
        font-size: 0.76rem !important;
        padding: 4px 10px !important;
        border-radius: 9999px !important;
        background: rgba(185, 111, 125, 0.1) !important;
        color: #b96f7d !important;
        white-space: nowrap !important;
    }

    .rs-review-date {
        font-size: 0.74rem !important;
        color: #737385 !important;
        white-space: nowrap !important;
        margin-left: auto !important;
    }

    .rs-reviews-arrow {
        order: 2 !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 0.95rem !important;
        background: #FFFFFF !important;
        color: #20334E !important;
        border: 1px solid #EBE2DA !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 6px !important;
    }

    .rs-reviews-prev {
        margin-right: 8px !important;
    }

    .rs-reviews-next {
        margin-left: 8px !important;
    }

    .rs-reviews-pagination {
        margin-top: 16px !important;
        gap: 6px !important;
    }

    .rs-reviews-pagination button {
        width: 8px !important;
        height: 8px !important;
        background: #E5DDD5 !important;
    }

    .rs-reviews-pagination button.active {
        width: 24px !important;
        border-radius: 8px !important;
        background: #2A3B53 !important;
    }
}

@media (max-width: 900px) {
    .dr-cond-glass-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto 2.5rem auto !important;
        padding: 0.45rem 0.65rem !important;
        gap: 0.5rem !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        border-radius: 9999px !important;
        scroll-behavior: smooth !important;
        overscroll-behavior-x: contain !important;
        cursor: grab !important;
    }

    .dr-cond-glass-nav:active {
        cursor: grabbing !important;
    }

    .dr-cond-glass-nav::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .dr-cond-cat-btn {
        padding: 0.7rem 1.35rem !important;
        font-size: 0.8rem !important;
        letter-spacing: 0.05em !important;
        gap: 0.5rem !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }

    .dr-cond-cat-btn:first-child {
        margin-left: 0.2rem !important;
    }

    .dr-cond-cat-btn:last-child {
        margin-right: 0.2rem !important;
    }

    .dr-cond-cat-btn .dr-cond-cat-icon {
        font-size: 1.2rem !important;
    }

    .dr-cond-cat-btn.active .dr-cond-active-glow {
        bottom: -7px !important;
        left: 10% !important;
        right: 10% !important;
        height: 3px !important;
    }
}

@media (max-width: 768px) {
    .dr-cond-cta-wrap {
        display: flex !important;
        justify-content: flex-start !important;
        margin-top: 1rem !important;
    }

    .dr-cond-navy-btn {
        width: auto !important;
        max-width: fit-content !important;
        padding: 0.62rem 1.35rem !important;
        font-size: 0.74rem !important;
        justify-content: center !important;
    }

    .dr-counter-grid {
        grid-template-columns: 1fr !important;
        gap: 1.75rem !important;
    }
}

@media (max-width: 576px) {
    .dr-cond-glass-nav {
        margin: 0 auto 2rem auto !important;
        padding: 0.35rem 0.5rem !important;
        gap: 0.35rem !important;
    }

    .dr-cond-cat-btn {
        padding: 0.58rem 0.95rem !important;
        font-size: 0.72rem !important;
        gap: 0.4rem !important;
    }

    .dr-cond-cat-btn .dr-cond-cat-icon {
        font-size: 1.05rem !important;
    }

    .dr-cond-cat-btn.active .dr-cond-active-glow {
        bottom: -5.5px !important;
        height: 2.5px !important;
    }
}

/* ==========================================================================
   DOCTOR & CLINIC SECTIONS RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (max-width: 1200px) {
    .rs-doc-5cols-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem 1.5rem;
    }
}

@media (max-width: 991px) {
    .rs-doc-modern-dual-section {
        padding: 4rem 1.5rem !important;
        overflow: hidden !important;
    }

    .rs-doc-modern-dual-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .rs-doc-modern-divider {
        display: none !important;
    }

    .rs-doc-modern-feature {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .rs-doc-modern-header-row {
        width: 100% !important;
        max-width: 100% !important;
    }

    .rs-doc-modern-title,
    .rs-doc-modern-lead,
    .rs-doc-modern-desc {
        width: 100% !important;
        max-width: 100% !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    .rs-doc-modern-pills {
        width: 100% !important;
        max-width: 100% !important;
    }

    .rs-doc-pill-tag {
        max-width: 100% !important;
    }

    .rs-doc-v2-trust-grid,
    .rs-doc-v2-creds-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .rs-doc-v2-expertise-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .rs-doc-v2-expertise-image {
        max-width: 240px;
        margin: 0 auto;
    }

    .rs-doc-v2-expertise-grid {
        grid-template-columns: 1fr;
    }

    .rs-doc-v2-dual-grid {
        grid-template-columns: 1fr;
    }

    .rs-doc-v2-navy-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .rs-doc-trust-list-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .rs-doc-5cols-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
    }
}

@media (max-width: 767px) {

    .rs-doc-modern-icon-badge,
    .rs-doc-v2-navy-icon {
        display: none !important;
    }

    .rs-doc-modern-dual-section {
        padding: 3rem 1.25rem !important;
    }

    .rs-doc-exact-expertise-section {
        padding: 3rem 1.25rem 3.5rem !important;
        overflow: hidden !important;
    }

    .rs-doc-5cols-grid {
        grid-template-columns: 1fr !important;
        gap: 1.85rem !important;
        width: 100% !important;
        max-width: 480px !important;
        margin: 0 auto !important;
    }

    .rs-doc-5col-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    .rs-doc-5col-list li {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    .rs-doc-holistic-grid {
        grid-template-columns: 1fr !important;
        gap: 0.65rem !important;
    }

    .rs-doc-holistic-item[style*="grid-column"] {
        grid-column: auto !important;
    }
}

@media (max-width: 640px) {
    .rs-doc-trust-list-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .rs-doc-holistic-grid {
        grid-template-columns: 1fr;
    }

    .rs-doc-v2-card--holistic {
        grid-template-columns: 1fr;
    }

    .rs-doc-v2-holistic-thumb {
        height: 140px;
    }

    .rs-doc-v2-card--tech {
        flex-direction: column;
        gap: 1rem;
    }

    .rs-clinic-slider-main {
        height: 290px;
    }

    .rs-clinic-thumb {
        width: 68px;
        height: 48px;
        border-radius: 8px;
    }

    .rs-clinic-nav-btn {
        width: 38px;
        height: 38px;
        font-size: 0.9rem;
    }
}



/* --- Expertise Section Background Image (about-doctor & about-clinic) --- */
@media (max-width: 1024px) {
    .rs-doc-exact-expertise-section {
        padding: 3.8rem 1.5rem 4.5rem !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .rs-doc-exact-bg-img {
        position: absolute !important;
        inset: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-position: 12% center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        opacity: 0.24 !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .rs-doc-exact-bg-img::after {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .rs-doc-exact-expertise-section {
        padding: 3.2rem 1.15rem 3.8rem !important;
    }

    .rs-doc-exact-bg-img {
        position: absolute !important;
        inset: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-position: 16% center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        opacity: 0.26 !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    .rs-doc-exact-header {
        margin-bottom: 2rem !important;
    }

    .rs-doc-exact-header h2 {
        font-size: clamp(2rem, 8vw, 2.45rem) !important;
    }
}

@media (max-width: 480px) {
    .rs-doc-exact-bg-img {
        background-position: 18% center !important;
        opacity: 0.28 !important;
    }
}

/* ==========================================================================
   TRANSFERRED RESPONSIVE BREAKPOINTS FROM STYLE.CSS
   ========================================================================== */

@media (max-width: 1024px) {
    .rs-nav-mobile-header {
        display: flex !important;
    }
}

@media (min-width: 1025px) {
    .rs-dropdown-menu {
        position: absolute;
        top: calc(100% + 8px);
        left: 50%;
        min-width: 220px;
        padding: 8px 10px;
        background: #fdf1f4;
        border-radius: 16px;
        box-shadow: 0 16px 40px rgba(210, 211, 255, 0.32);
        border: 1.5px solid rgba(210, 211, 255, 0.9);
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%) translateY(10px);
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 1000;
    }

    .rs-dropdown-menu::before {
        content: '';
        position: absolute;
        top: -14px;
        left: 0;
        right: 0;
        height: 14px;
    }

    .rs-dropdown:hover .rs-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
}

@media (min-width: 1025px) {
    .rs-megamenu-wrapper.rs-megamenu-3col {
        left: 50% !important;
        right: auto !important;
        width: calc(100% - 40px) !important;
        max-width: 980px !important;
        margin-left: 0 !important;
        transform: translateX(-50%) translateY(14px);
    }

    .rs-megamenu-item:hover .rs-megamenu-wrapper.rs-megamenu-3col,
    .rs-megamenu-item.is-open .rs-megamenu-wrapper.rs-megamenu-3col {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    .rs-megamenu-wrapper.rs-megamenu-3col .rs-megamenu-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.8rem;
    }

    .rs-subdropdown-arrow {
        display: none !important;
    }

    .rs-subdropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background: transparent !important;
        padding: 0 0 8px 0 !important;
        margin-bottom: 12px !important;
        border-radius: 0 !important;
        cursor: default !important;
        pointer-events: auto !important;
        border-bottom: none !important;
    }

    .rs-megamenu-title-link {
        color: inherit;
        text-decoration: none;
        pointer-events: auto;
    }

    .rs-megamenu-title-link:hover {
        color: #F9AEB3;
    }

    .rs-subdropdown-toggle:hover {
        background: transparent !important;
    }

    .rs-megamenu-list,
    .rs-subdropdown-menu {
        display: flex !important;
        flex-direction: column !important;
        margin-top: 4px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .rs-megamenu-wrapper {
        top: calc(100% - 6px) !important;
        padding: 20px 16px 24px 16px !important;
    }

    .rs-megamenu-container {
        gap: 0.55rem !important;
    }

    .rs-megamenu-title {
        font-size: 0.82rem !important;
        margin-bottom: 6px !important;
        letter-spacing: 0 !important;
    }

    .rs-megamenu-list {
        gap: 2px !important;
    }

    .rs-megamenu-link {
        font-size: 0.80rem !important;
        font-weight: 600 !important;
        color: #2A3B53 !important;
        padding: 4px 6px !important;
        line-height: 1.3 !important;
        margin-bottom: 1px !important;
    }
}

@media (max-width: 991px) {
    .rs-megamenu-wrapper {
        position: static;
        left: auto;
        right: auto;
        transform: none;
        width: 100%;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        border-radius: 14px;
        padding: 18px 20px;
        margin-top: 10px;
        max-height: 420px;
        overflow-y: auto;
        display: none;
        background: #F5F2FF;
        border: 1px solid #DDD8F0;
    }

    .rs-megamenu-item:hover .rs-megamenu-wrapper,
    .rs-megamenu-item.is-open .rs-megamenu-wrapper {
        display: block;
        transform: none;
    }

    .rs-megamenu-container {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

@media (min-width: 1101px) and (max-width: 1280px) {
    .rs-header .rs-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .rs-header-inner {
        height: 80px;
        gap: 12px;
    }

    .rs-brand {
        gap: 0.55rem;
    }

    .rs-header .rs-brand {
        gap: 0;
    }

    .rs-header .rs-brand-text {
        margin-left: -13px;
    }

    .rs-brand-logo-wrap {
        width: 58px;
        height: 58px;
        border-radius: 12px;
    }

    .rs-brand-name {
        font-size: 1.22rem;
        font-weight: 1000 !important;
        line-height: 1.1;
    }

    .rs-brand-sub {
        font-size: 0.74rem;
        max-width: 165px;
        line-height: 1.2;
    }

    .rs-nav {
        gap: 0.65rem;
    }

    .rs-nav-link {
        font-size: 0.98rem;
        font-weight: 800;
        letter-spacing: 0.005em;
    }

    .rs-dropdown-toggle {
        gap: 3px;
    }

    .rs-dropdown-arrow {
        width: 11px;
        height: 11px;
    }

    .rs-header-actions {
        gap: 0.45rem;
    }

    .rs-header-actions .rs-btn {
        min-height: 44px;
        padding: 0.55rem 1.15rem;
        font-size: 0.78rem;
        letter-spacing: 0.01em;
    }

    .rs-topbar {
        padding: 0.35rem 0;
        font-size: 0.82rem;
    }

    .rs-topbar-contact-right {
        gap: 0.65rem;
        font-size: 0.82rem;
    }
}

@media (min-width: 1281px) {
    .rs-header .rs-container {
        max-width: 1540px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .rs-header-inner {
        gap: 18px;
        height: 102px;
    }

    .rs-brand {
        flex: 0 0 auto;
        gap: 0.6rem;
    }

    .rs-header .rs-brand {
        gap: 0;
    }

    .rs-header .rs-brand-text {
        margin-left: -22px;
    }

    .rs-brand-logo-wrap {
        width: 100px;
        height: 100px;
        border-radius: 14px;
    }

    .rs-brand-name {
        font-size: 1.50rem;
        font-weight: 1000 !important;
    }

    .rs-brand-sub {
        max-width: 195px;
        font-size: 0.82rem;
        line-height: 1.35;
    }

    .rs-nav {
        flex: 1 1 auto;
        justify-content: center;
        gap: 0.72rem;
        min-width: 0;
    }

    .rs-nav-link {
        font-size: 1.05rem;
        font-weight: 800;
    }

    .rs-header-actions {
        flex: 0 0 auto;
        gap: 0.55rem;
    }

    .rs-header-actions .rs-btn {
        min-height: 56px;
        padding: 0.82rem 1.45rem;
        font-size: 0.92rem;
        white-space: nowrap;
    }
}

@media (max-width: 1024px) {
    .rs-banner-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rs-offer-grid {
        grid-template-columns: 1fr;
    }

    .rs-angled-grid {
        grid-template-columns: 1fr;
    }

    .rs-zgrid {
        grid-template-columns: 1fr;
    }

    .rs-why-pills-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rs-reels-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rs-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .rs-banner-title {
        font-size: 1.8rem;
    }

    .rs-banner-grid {
        grid-template-columns: 1fr;
    }

    .rs-why-pills-grid {
        grid-template-columns: 1fr;
    }

    .rs-reels-grid {
        grid-template-columns: 1fr;
    }

    .rs-footer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .rs-spa-specialist-story {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .rs-spa-specialist-card {
        grid-column: 1 / -1;
        grid-row: 1;
        max-width: 480px;
        width: 100%;
        margin: 0 auto 12px;
    }

    .rs-spa-specialist-photo {
        height: 360px;
        max-width: 500px;
        width: 100%;
        justify-self: center;
    }
}

@media (max-width: 700px) {
    #services-extra.rs-spa-news {
        padding: 64px 0 72px;
    }

    .rs-spa-specialist-story {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .rs-spa-specialist-card {
        min-height: auto;
        padding: 14px;
        border-radius: 30px;
    }

    .rs-spa-specialist-card::before {
        inset: 12px;
        border-radius: 24px;
    }

    .rs-spa-specialist-card::after {
        left: 50%;
        top: 50%;
        width: 330px;
        height: 330px;
        opacity: 0.08;
        transform: translate(-50%, -50%);
    }

    .rs-spa-specialist-card-inner {
        min-height: auto;
        padding: 48px 24px;
        border-radius: 24px;
    }

    .rs-spa-specialist-card h3 {
        font-size: 2.2rem;
    }

    .rs-spa-specialist-card p {
        font-size: 0.98rem;
    }

    .rs-spa-specialist-photo {
        height: 330px;
        border-radius: 170px 170px 0 0;
    }
}

@media (max-width: 1024px) {

    .rs-spa-split,
    .rs-spa-offer-grid,
    .rs-spa-appointment-grid,
    .rs-spa-news-grid {
        grid-template-columns: 1fr;
    }

    .rs-spa-photo-stack,
    .rs-spa-offer-content,
    .rs-spa-open-hours {
        justify-self: center;
    }

    .rs-spa-health-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .rs-spa-feature-list,
    .rs-spa-feature-list:first-child {
        max-width: 620px;
        text-align: center;
    }

    .rs-spa-treatment-body {
        grid-template-columns: 1fr;
        max-width: 680px;
    }

    .rs-spa-mosaic {
        grid-template-columns: repeat(2, 1fr);
    }

    .rs-spa-product-grid,
    .rs-spa-brand-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .rs-nav {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: 320px !important;
        max-width: 86vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        background: #ffffff !important;
        box-shadow: -10px 0 35px rgba(0, 0, 0, 0.18) !important;
        z-index: 1070 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        align-items: stretch !important;
        padding: 24px 20px 40px !important;
        transform: translateX(100%) !important;
        transition: transform 0.35s ease-out !important;
        visibility: hidden;
        pointer-events: none;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Show Book Consultation CTA inside mobile drawer */
    .rs-nav-mobile-cta {
        display: block;
        padding: 0.85rem 0 1rem;
        margin-top: auto;
        border-top: 1px solid rgba(0, 0, 0, 0.09);
    }

    .rs-nav.is-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        display: flex !important;
    }

    .rs-nav-link {
        padding: 12px 0 4px;
        border-bottom: none !important;
        font-size: 1.08rem !important;
        font-weight: 800 !important;
    }

    .rs-menu-toggle {
        display: block;
    }
}

@media (max-width: 768px) {
    .rs-header-inner {
        height: 70px;
    }

    .rs-brand-name {
        font-size: 1rem;
        font-weight: 1000 !important;
    }

    .rs-brand-sub {
        font-size: 0.64rem;
    }

    .rs-header-actions .rs-btn {
        display: none;
    }

    /* (CTA button shown in drawer via ≤1024px rule above) */


    .rs-nav-cta-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 0.5rem 1.25rem !important;
        font-size: 0.82rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.07em !important;
        border-radius: var(--radius-full) !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }

    .rs-nav {
        top: 0 !important;
        bottom: 0 !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
    }

    .rs-spa-section,
    .rs-spa-offer,
    .rs-spa-plans {
        padding: 56px 0;
    }

    .rs-spa-hero {
        min-height: 360px;
    }

    .rs-spa-arrow {
        display: none;
    }

    .rs-spa-section-title h2,
    .rs-spa-copy h2,
    .rs-spa-offer-content h2,
    .rs-spa-open-hours h2 {
        font-size: 2rem;
    }

    .rs-spa-stats,
    .rs-spa-treatment-tabs,
    .rs-spa-expert-grid,
    .rs-spa-plan-grid,
    .rs-spa-product-grid,
    .rs-spa-brand-row {
        grid-template-columns: 1fr;
    }

    .rs-spa-treatment-tabs button {
        min-height: 58px;
    }

    .rs-spa-photo-stack {
        max-width: 310px;
    }

    .rs-spa-health-photo {
        width: 240px;
        height: 240px;
    }

    .rs-spa-mosaic {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .rs-spa-mosaic figure {
        border-width: 6px;
        aspect-ratio: 1.28;
    }

    .rs-spa-form,
    .rs-spa-open-hours {
        padding: 26px;
    }

    .rs-spa-news-list article {
        grid-template-columns: 88px 1fr;
    }

    .rs-spa-news-list img {
        width: 88px;
        height: 72px;
    }

    .rs-spa-strip-cta {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 1024px) {

    .rs-spa-split,
    .rs-spa-offer-grid,
    .rs-spa-appointment-grid,
    .rs-spa-news-grid {
        grid-template-columns: 1fr;
    }

    .rs-spa-treatment-body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .rs-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .rs-spa-section,
    .rs-spa-offer,
    .rs-spa-plans {
        padding: 48px 0;
    }

    .rs-spa-hero {
        min-height: 460px;
    }

    .rs-spa-offer-media {
        height: 260px;
        min-height: 260px;
    }

    .rs-spa-health-grid {
        grid-template-columns: 1fr;
    }

    .rs-rocket-btn {
        width: 40px;
        height: 40px;
        right: 16px;
        bottom: 16px;
    }

    .rs-rocket-icon {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1024px) {
    .rs-spa-appointment {
        min-height: auto;
        padding: 48px 0;
    }

    .rs-spa-appointment-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 28px;
    }

    .rs-spa-form {
        max-width: 640px;
        justify-self: center;
    }

    .rs-spa-open-hours {
        width: min(640px, 100%);
    }
}

@media (max-width: 768px) {
    .rs-spa-appointment .rs-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .rs-spa-form {
        padding: 34px 26px;
    }

    .rs-spa-form h2::after {
        font-size: 2rem;
    }

    .rs-spa-open-hours {
        padding: 38px 24px 32px;
        width: 100%;
    }

    .rs-spa-open-hours h2 {
        font-size: 2.8rem;
    }

    .rs-spa-open-hours p {
        font-size: 1rem;
    }

    .rs-spa-hours-ribbon {
        position: static;
        transform: none;
        rotate: none;
        writing-mode: horizontal-tb;
        width: auto;
        height: auto;
        min-height: 34px;
        margin: -56px auto 18px;
        padding: 0 14px;
    }
}

@media (max-width: 1024px) {

    .rs-spa-service-circle-grid,
    .rs-spa-client-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rs-spa-contact-grid,
    .rs-spa-testimonial-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {

    .rs-spa-service-circle-grid,
    .rs-spa-client-row {
        grid-template-columns: 1fr;
    }

    .rs-spa-service-circle-grid {
        gap: 22px;
    }

    .rs-spa-feature-offer {
        padding: 48px 0;
        background-position: center;
    }

    .rs-spa-feature-offer-panel {
        padding: 34px 26px;
        border-radius: 0 70px 70px 0;
    }

    .rs-spa-testimonial-grid article {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .rs-spa-testimonial-grid img {
        margin: 0 auto;
    }

    .rs-spa-contact-grid {
        box-shadow: none;
    }

    .rs-spa-contact-info,
    .rs-spa-contact-form {
        padding: 28px 22px;
    }
}

@media (max-width: 900px) {
    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 {
        grid-template-columns: 1fr;
        border-radius: 20px;
        height: auto;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 button {
        border-bottom: 1px solid #E2E8F4 !important;
        border-radius: 0 !important;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 button:last-child {
        border-bottom: 0 !important;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 button.active {
        border-radius: 0 !important;
    }
}

@media (max-width: 1180px) {
    .rs-spa-treatment-body {
        grid-template-columns: 300px minmax(300px, 1fr) minmax(280px, 0.9fr);
        gap: 38px;
    }
}

@media (max-width: 1024px) {
    .rs-spa-treatment-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 46px;
    }

    .rs-spa-treatment-tabs button {
        min-height: 135px;
    }

    .rs-spa-treatment-body {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .rs-spa-treatment-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rs-spa-treatment-menu button {
        min-height: 64px;
    }

}

@media (max-width: 768px) {
    .rs-spa-treatment .rs-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .rs-spa-treatment-tabs {
        grid-template-columns: 1fr;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 44px;
        padding: 0;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 button {
        min-height: 156px;
        padding: 24px 18px 22px;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 .rs-spa-treatment-icon {
        width: 82px;
        height: 82px;
    }

    .rs-spa-treatment-tabs.rs-spa-condition-tabs-3 .rs-spa-treatment-icon i {
        font-size: 2rem;
    }

    .rs-spa-treatment-tabs button {
        min-height: 112px;
    }

    .rs-spa-treatment-icon,
    .rs-spa-treatment-icon svg {
        width: 56px;
        height: 56px;
    }

    .rs-spa-treatment-menu {
        grid-template-columns: 1fr;
    }

    .rs-spa-treatment-menu button {
        padding: 0 22px;
    }

    .rs-spa-treatment-body>img {
        height: 300px;
    }

    .rs-spa-treatment-copy h3 {
        font-size: 2rem;
    }

}

@media (max-width: 1024px) {
    .rs-spa-mosaic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .rs-spa-mosaic .rs-spa-gallery-tall,
    .rs-spa-mosaic .rs-spa-gallery-wide {
        grid-column: auto;
        grid-row: auto;
    }

    .rs-spa-mosaic figure {
        min-height: 280px;
    }
}

@media (max-width: 768px) {
    .rs-spa-gallery .rs-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .rs-spa-gallery-filter {
        row-gap: 12px;
    }

    .rs-spa-gallery-filter button {
        padding: 0 18px;
    }

    .rs-spa-mosaic {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .rs-spa-mosaic figure {
        min-height: 260px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .rs-spa-mosaic img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .rs-spa-gallery {
        overflow: hidden !important;
    }

    .rs-spa-gallery .rs-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
        overflow: hidden !important;
    }

    .rs-spa-mosaic {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .rs-spa-mosaic figure {
        min-height: 220px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .rs-spa-gallery-center {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (max-width: 1024px) {
    .rs-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2.5rem 0;
    }

    .rs-footer-col {
        padding: 0 1.5rem;
    }

    .rs-footer-address-col:nth-child(2) {
        border-left: 1px solid rgba(86, 101, 197, 0.28);
    }

    .rs-footer-address-col:nth-child(3) {
        border-left: none;
    }

    .rs-footer-address-col:nth-child(4) {
        border-left: 1px solid rgba(86, 101, 197, 0.28);
    }
}

@media (max-width: 640px) {
    .rs-footer-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem 0;
    }

    .rs-footer-col {
        padding: 0;
        border-left: none !important;
    }

    .rs-footer-brand-col {
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .rs-spa-testimonial-wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }

    .rs-spa-testimonial-left-img,
    .rs-spa-testimonial-right-img {
        display: none;
    }
}

@media (max-width: 1024px) {
    .rs-spa-service-circle-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-content: center;
        gap: 30px;
    }

    .rs-spa-service-circle-grid article a {
        width: 190px;
        height: 190px;
    }
}

@media (max-width: 576px) {
    .rs-spa-service-circle-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .rs-spa-service-circle-grid article a {
        width: 145px;
        height: 145px;
    }

    .rs-spa-service-circle-grid h3 {
        font-size: 1.05rem;
        margin-top: 14px;
    }
}

@media (max-width: 991px) {

    .rs-branches-grid,
    .rs-contact-form-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .rs-map-white-overlay {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: -80px auto 30px;
        z-index: 10;
    }
}

@media (max-width: 991px) {
    .rs-contact-reference-grid {
        grid-template-columns: 1fr;
    }

    .rs-connect-map-box iframe {
        min-height: 420px;
    }

    .rs-clinic-location-grid {
        grid-template-columns: 1fr;
    }

    .rs-clinic-location-card {
        grid-template-columns: 1fr;
    }

    .rs-clinic-location-card h3,
    .rs-clinic-location-list,
    .rs-clinic-location-map {
        grid-column: 1;
        grid-row: auto;
    }

    .rs-clinic-location-map,
    .rs-clinic-location-map iframe {
        min-height: 260px;
    }
}

@media (max-width: 991px) {
    .rs-spa-expert-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .rs-spa-expert-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 1100px) {
    .rs-about-container {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 24px;
    }

    .rs-about-left-col,
    .rs-about-right-col {
        justify-content: center;
        margin-top: 0;
    }

    .rs-img-left,
    .rs-img-right {
        max-width: 500px;
        width: 100%;
        height: 350px;
        margin: 0 auto;
    }

    .rs-about-section-single .rs-about-container {
        grid-template-columns: 1fr;
    }

    .rs-about-section-single .rs-img-left {
        height: 350px;
        min-height: 0;
    }

    .rs-about-section-single .rs-about-center-col,
    .rs-about-section-single .rs-spa-section-title {
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .rs-about-section-single .rs-about-divider,
    .rs-about-section-single .rs-about-text {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-about-section-single .rs-about-btn-wrap {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .rs-about-section {
        padding: 48px 0;
    }

    .rs-about-container {
        padding: 0 16px;
        gap: 28px;
    }

    .rs-about-title {
        font-size: 2.3rem;
    }

    .rs-about-text {
        font-size: 0.95rem;
    }

    .rs-about-btn {
        padding: 13px 32px;
        font-size: 0.82rem;
    }

    .rs-clinic-mini-slider {
        max-width: 100%;
    }

    .rs-about-section-single .rs-about-center-col,
    .rs-about-section-single .rs-spa-section-title {
        text-align: left;
        padding: 0 4px;
    }
}

@media (max-width: 1180px) {
    .rs-spa-services-for-you .rs-spa-service-circle-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    .rs-spa-services-for-you .rs-spa-service-circle-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .rs-spa-services-for-you .rs-spa-service-circle-grid article {
        min-height: 240px !important;
        padding: 24px 12px 22px !important;
        border-radius: 22px !important;
    }
}

@media (max-width: 420px) {
    .rs-spa-services-for-you .rs-spa-service-circle-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 980px) {
    .rs-spa-counter-strip .rs-spa-counter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .rs-spa-counter-strip .rs-spa-counter-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 991px) {
    .rs-spa-offer {
        min-height: auto !important;
        padding: 0 !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 248, 250, 0.68) 100%),
            url('../images/banner-home.png') left center / cover no-repeat !important;
    }

    .rs-spa-offer-grid {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 56px 24px !important;
        gap: 0 !important;
    }

    .rs-spa-offer-content {
        grid-column: 1 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 640px) {
    .rs-spa-offer {
        min-height: auto !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 248, 250, 0.62) 100%),
            url('../images/banner-home.png') left center / cover no-repeat !important;
    }

    .rs-spa-offer-grid {
        min-height: auto !important;
        padding: 40px 16px !important;
    }

    .rs-spa-offer-content h2 {
        font-size: clamp(2rem, 8.5vw, 2.75rem) !important;
        margin-bottom: 18px !important;
    }

    .rs-spa-offer-content p {
        font-size: 0.98rem !important;
        line-height: 1.6 !important;
        margin-bottom: 16px !important;
    }

    .rs-spa-offer-content .rs-spa-service-more {
        margin-top: 24px !important;
    }

    .rs-spa-offer-content .rs-about-btn {
        display: inline-flex !important;
        width: auto !important;
        max-width: fit-content !important;
        padding: 13px 32px !important;
        font-size: 0.82rem !important;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 1024px) {

    .rs-home-shorts-grid,
    .rs-home-tv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 760px;
    }

    .rs-home-before-after-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 767px) {

    .rs-home-shorts-grid,
    .rs-home-tv-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
}

@media (max-width: 768px) {
    .rs-spa-section.rs-spa-welcome {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .rs-spa-welcome::before {
        background-size: 120px auto;
    }
}

@media (max-width: 1024px) {

    .rs-about-page-grid,
    .rs-about-page-grid-reverse,
    .rs-about-info-list,
    .rs-about-card-grid {
        grid-template-columns: 1fr;
    }

    .rs-about-info-item:nth-last-child(-n + 2),
    .rs-about-card:nth-last-child(-n + 2) {
        border-bottom: 1px solid rgba(48, 48, 161, 0.12);
    }

    .rs-about-info-item:last-child,
    .rs-about-card:last-child {
        border-bottom: 0;
    }

    .rs-about-page-media {
        max-width: 520px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .rs-about-inner-hero {
        min-height: 300px;
        padding-top: 86px;
    }

    .rs-about-page-grid {
        gap: 34px;
    }

    .rs-about-page-media img {
        aspect-ratio: 0.92;
        border-width: 7px;
    }

    .rs-about-info-item,
    .rs-about-card {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px;
        min-height: 0;
        padding: 22px 0;
    }

    .rs-about-info-item i,
    .rs-about-card i {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 1180px) {
    .rs-about-showcase-grid {
        grid-template-columns: minmax(330px, 0.52fr) minmax(420px, 0.48fr);
        gap: 24px;
    }

    .rs-about-showcase-media {
        width: 49vw;
    }

    .rs-about-showcase-image-frame {
        width: 100%;
        height: 100%;
        min-height: 0;
    }

    .rs-about-showcase-features {
        gap: 16px;
    }
}

@media (max-width: 900px) {
    .rs-about-showcase {
        height: auto;
        min-height: auto;
        padding: 28px 0;
    }

    .rs-about-showcase::before {
        left: -15%;
        width: 120%;
    }

    .rs-about-showcase-grid {
        position: relative;
        grid-template-columns: 1fr;
    }

    .rs-about-showcase-copy {
        max-width: none;
        padding-left: 0;
        text-align: center;
    }

    .rs-about-showcase-kicker::after,
    .rs-about-showcase-divider,
    .rs-about-breadcrumbs {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .rs-about-showcase p {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-about-showcase-media {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 340px;
        min-height: 340px;
        justify-content: center;
    }

    .rs-about-showcase-image-frame {
        height: 340px;
        min-height: 340px;
    }

    .rs-about-showcase-kicker::after,
    .rs-about-showcase-divider {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-about-showcase p {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-about-showcase-media {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        min-height: 330px;
        justify-content: center;
    }

    .rs-about-showcase-image-frame {
        width: min(620px, 94vw);
        height: 360px;
        min-height: 0;
        border-radius: 42% 42% 10px 10px / 28% 28% 10px 10px;
        border-left: 0;
        border-top: 12px solid rgba(255, 164, 203, 0.72);
    }

    .rs-about-showcase-lady {
        right: 50%;
        bottom: -4px;
        width: min(86vw, 520px);
        max-height: 360px;
        transform: translateX(50%);
    }

    .rs-about-showcase-leaves-blue {
        left: -220px;
        top: 120px;
    }

    .rs-about-showcase-leaves-pink {
        right: -120px;
        bottom: -170px;
    }
}

@media (max-width: 640px) {
    .rs-about-showcase {
        padding: 46px 0 62px;
    }

    .rs-about-showcase h1 {
        font-size: clamp(2.55rem, 15vw, 4rem);
    }

    .rs-about-showcase-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 12px;
    }

    .rs-about-showcase-feature span {
        width: 58px;
        height: 58px;
    }

    .rs-about-showcase-image-frame {
        height: 285px;
    }

    .rs-about-showcase-dots {
        width: 96px;
        height: 96px;
        background-size: 18px 18px;
    }
}

@media (max-width: 1024px) {

    .rs-about-showcase-doctor,
    .rs-about-showcase-clinic {
        height: auto !important;
        min-height: auto !important;
        padding: 48px 1.5rem !important;
    }

    .rs-about-showcase-doctor .rs-about-showcase-grid,
    .rs-about-showcase-clinic .rs-about-showcase-grid {
        grid-template-columns: 1fr;
    }

    .rs-about-showcase-doctor .rs-about-showcase-media,
    .rs-about-showcase-clinic .rs-about-showcase-media {
        display: none !important;
    }

    .rs-about-showcase-doctor .rs-about-showcase-copy,
    .rs-about-showcase-clinic .rs-about-showcase-copy {
        max-width: none;
        padding-left: 0;
        text-align: center;
    }

    .rs-about-showcase-doctor .rs-about-showcase-kicker::after,
    .rs-about-showcase-doctor .rs-about-showcase-divider,
    .rs-about-showcase-doctor .rs-about-breadcrumbs,
    .rs-about-showcase-clinic .rs-about-showcase-kicker::after,
    .rs-about-showcase-clinic .rs-about-showcase-divider,
    .rs-about-showcase-clinic .rs-about-breadcrumbs {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .rs-about-showcase-doctor p,
    .rs-about-showcase-clinic p {
        margin-left: auto;
        margin-right: auto;
    }

    /* Doctor section on Home and About Doctor - responsive tablet layout */
    #about-doctor.rs-spa-welcome,
    .rs-doctor-full-content {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #about-doctor.rs-spa-welcome .rs-container,
    .rs-doctor-full-content .rs-container {
        position: relative;
        z-index: 2;
        width: 100% !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #about-doctor.rs-spa-welcome .rs-spa-split,
    .rs-doctor-full-content .rs-spa-split {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    #about-doctor.rs-spa-welcome .rs-spa-photo-stack,
    .rs-doctor-full-content .rs-spa-photo-stack {
        justify-self: center !important;
        max-width: 380px !important;
        margin-top: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #about-doctor.rs-spa-welcome .rs-spa-copy,
    .rs-doctor-full-content .rs-spa-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

    .rs-doctor-wide-copy {
        grid-column: auto;
        margin-top: 0;
    }
}

@media (max-width: 768px) {

    #about-doctor.rs-spa-welcome,
    .rs-doctor-full-content {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #about-doctor.rs-spa-welcome .rs-spa-split,
    .rs-doctor-full-content .rs-spa-split {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    #about-doctor.rs-spa-welcome .rs-spa-photo-stack,
    .rs-doctor-full-content .rs-spa-photo-stack {
        max-width: min(340px, 88vw) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .rs-doctor-full-content .rs-spa-copy .rs-doctor-credentials-title {
        font-size: clamp(1.8rem, 6vw, 2.4rem);
        line-height: 1.22;
        margin-bottom: 16px;
        text-align: left;
    }

    .rs-doctor-full-content .rs-spa-copy {
        width: 100% !important;
    }

    .rs-doctor-full-content .rs-spa-copy p,
    .rs-doctor-wide-copy p {
        font-size: 0.96rem;
        line-height: 1.68;
        margin-bottom: 12px;
    }

    .rs-doctor-wide-copy {
        margin-top: 0;
    }

    .rs-doctor-wide-copy .rs-spa-sign {
        margin-top: 14px;
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {
    .rs-doctor-full-content .rs-spa-photo-stack {
        max-width: 100%;
    }

    .rs-doctor-full-content .rs-spa-copy .rs-doctor-credentials-title {
        font-size: 1.7rem;
    }
}

@media (max-width: 1100px) {

    .rs-doctor-treatment-grid,
    .rs-doctor-credentials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-panel {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card {
        padding: 0 0 24px;
        border-left: 0;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card+.rs-doctor-affiliation-card {
        border-left: 0;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card::before,
    .rs-doctor-affiliations-section .rs-doctor-affiliation-card::after {
        display: none !important;
    }

    .rs-doctor-credentials-section .rs-doctor-credential-card {
        padding: 0 30px 46px;
    }

    .rs-doctor-credentials-section .rs-doctor-credential-card::after {
        display: none;
    }

    .rs-doctor-certificates-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {

    .rs-doctor-profile-section,
    .rs-doctor-credentials-section,
    .rs-doctor-affiliations-section {
        padding: 48px 0 !important;
    }

    /* .rs-doctor-certificates-section {
        padding: 2.25rem 1.25rem !important;
    } */

    .rs-doctor-profile-grid,
    .rs-doctor-treatment-grid,
    .rs-doctor-credentials-grid {
        grid-template-columns: 1fr;
    }

    .rs-doctor-credentials-title span+span {
        margin-top: 6px;
    }

    .rs-doctor-credentials-title span {
        font-size: clamp(2rem, 9vw, 2.7rem);
    }

    .rs-doctor-credentials-section .rs-spa-section-title {
        margin-bottom: 42px;
    }

    .rs-doctor-credentials-section .rs-doctor-credential-card {
        padding: 0 18px 42px;
    }

    .rs-doctor-credentials-section .rs-doctor-credential-card:last-child {
        padding-bottom: 0;
    }

    .rs-doctor-certificates-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        margin-top: 24px !important;
        max-width: 100% !important;
    }

    .rs-doctor-certificate-card {
        width: 100% !important;
        grid-column: auto !important;
        border-radius: 12px !important;
    }

    .rs-doctor-certificate-card img {
        width: 100% !important;
        height: clamp(130px, 34vw, 190px) !important;
        max-height: none !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    .rs-doctor-affiliations-section .rs-spa-section-title {
        margin-bottom: 36px !important;
    }

    .rs-doctor-affiliations-section .rs-spa-section-title h2 {
        font-size: clamp(1.8rem, 6vw, 2.5rem) !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-panel {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card {
        padding: 24px 20px !important;
        background: #ffffff !important;
        border-radius: 16px !important;
        border: 1px solid #DDD8F0 !important;
        box-shadow: 0 8px 24px rgba(48, 48, 161, 0.06) !important;
        text-align: center !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card::before,
    .rs-doctor-affiliations-section .rs-doctor-affiliation-card::after {
        display: none !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card i {
        width: 80px !important;
        height: 80px !important;
        margin: 0 auto 20px !important;
        font-size: 1.6rem !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card h3 {
        font-size: 1.2rem !important;
        margin-bottom: 12px !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card h3::after {
        margin: 12px auto 0 !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card p {
        font-size: 0.94rem !important;
        line-height: 1.65 !important;
    }

    .rs-doctor-affiliations-section .rs-doctor-affiliation-card:last-child {
        padding-bottom: 24px !important;
    }

    .rs-doctor-profile-card,
    .rs-doctor-long-copy {
        padding: 24px 20px;
    }

    .rs-doctor-treatment-card,
    .rs-doctor-credential-card,
    .rs-doctor-affiliation-card {
        min-height: 0;
    }
}

@media (max-width: 992px) {
    .rs-media-hero-exact {
        min-height: 520px;
        padding: 82px 0 72px;
        text-align: center;
    }

    .rs-media-hero-banner-img {
        object-position: 68% center;
    }

    .rs-media-hero-overlay {
        background: linear-gradient(180deg, rgba(255, 246, 250, 0.98) 0%, rgba(255, 246, 250, 0.88) 52%, rgba(255, 246, 250, 0.34) 100%);
    }

    .rs-media-hero-text {
        max-width: 680px;
        margin: 0 auto;
    }

    .rs-hero-divider-bar {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-hero-nav-breadcrumbs {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        min-height: 500px;
        padding: 76px 0 58px;
    }

    .rs-hero-title {
        font-size: clamp(2.2rem, 12vw, 3rem);
    }

    .rs-hero-description {
        font-size: 0.98rem;
    }

    .rs-media-hero-banner-img {
        object-position: 72% center;
    }
}

@media (max-width: 992px) {
    .rs-media-hero-exact {
        height: auto;
        min-height: 0;
        padding: 70px 0 0;
    }

    .rs-media-hero-layout {
        grid-template-columns: 1fr;
        min-height: 0;
        text-align: center;
    }

    .rs-media-hero-text {
        max-width: 640px;
        margin: 0 auto 34px;
    }

    .rs-media-hero-exact .rs-hero-divider-bar,
    .rs-media-hero-exact .rs-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-media-hero-exact .rs-hero-nav-breadcrumbs {
        justify-content: center;
    }

    .rs-media-hero-visual {
        min-height: 420px;
    }

    .hero-image {
        left: 50%;
        right: auto;
        width: min(520px, 92vw);
        height: 420px;
        transform: translateX(-50%);
        justify-content: center;
    }

    .rs-media-circle-glow,
    .rs-media-circle-border {
        right: 50%;
        transform: translateX(50%);
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        padding-top: 52px;
    }

    .rs-media-hero-exact .rs-hero-title {
        font-size: clamp(2.35rem, 13vw, 3.25rem);
    }

    .rs-media-hero-visual {
        min-height: 330px;
    }

    .hero-image {
        height: 330px;
    }

    .rs-media-product-scene {
        right: 50%;
        width: 290px;
        height: 170px;
        transform: translateX(50%) scale(0.82);
        transform-origin: bottom center;
    }

    .rs-media-botanical-right,
    .rs-media-floating-dot,
    .rs-media-circle-border {
        display: none;
    }
}

@media (max-width: 992px) {
    .rs-media-hero-exact {
        min-height: 320px;
        padding: 30px 0;
        text-align: center;
    }

    .rs-media-hero-banner-img {
        object-position: 68% center;
    }

    .rs-media-hero-overlay {
        background: linear-gradient(180deg, rgba(255, 246, 250, 0.98) 0%, rgba(255, 246, 250, 0.88) 52%, rgba(255, 246, 250, 0.34) 100%);
    }

    .rs-media-hero-exact .rs-media-hero-text {
        max-width: 680px;
        margin: 0 auto;
        text-align: center;
    }

    .rs-media-hero-exact .rs-hero-divider-bar {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-media-hero-exact .rs-hero-nav-breadcrumbs {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        min-height: 300px;
        padding: 24px 0;
    }

    .rs-media-hero-banner-img {
        object-position: 72% center;
    }
}

@media (max-width: 992px) {
    .rs-media-hero-exact {
        min-height: 430px;
        padding: 70px 0 64px;
        text-align: center;
    }

    .rs-media-hero-exact .rs-media-hero-text {
        margin: 0 auto;
        text-align: center;
    }

    .rs-media-banner-ring,
    .rs-media-banner-orb-one {
        opacity: 0.42;
        right: -90px;
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        min-height: 390px;
        padding: 54px 0 58px;
    }

    .rs-media-banner-dots,
    .rs-media-banner-leaf-right {
        display: none;
    }
}

@media (max-width: 992px) {
    .rs-media-editorial-panel-one {
        right: 50%;
        transform: translateX(50%) rotate(-3deg);
        opacity: 0.24;
    }

    .rs-media-editorial-panel-two,
    .rs-media-editorial-panel-three,
    .rs-media-press-ring {
        display: none;
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        min-height: 380px;
    }

    .rs-media-editorial-panel-one,
    .rs-media-press-dots {
        display: none;
    }
}

@media (max-width: 1100px) {
    .rs-media-hero-exact {
        height: auto;
        min-height: 620px;
        padding: 72px 0 0;
    }

    .rs-media-similar-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .rs-media-hero-exact .rs-media-hero-text {
        max-width: 760px;
        margin: 0 auto 38px;
        text-align: center;
    }

    .rs-media-hero-exact .rs-hero-kicker {
        padding-left: 0;
    }

    .rs-media-hero-exact .rs-hero-kicker::before {
        display: none;
    }

    .rs-media-hero-exact .rs-hero-nav-breadcrumbs {
        justify-content: center;
    }

    .rs-media-similar-visual {
        min-height: 430px;
    }

    .rs-media-similar-photo-ring {
        left: 50%;
        right: auto;
        top: 0;
        transform: translateX(-50%);
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        min-height: 0;
        padding-top: 54px;
    }

    .rs-media-hero-exact .rs-hero-title {
        font-size: clamp(2.7rem, 15vw, 4.2rem);
    }

    .rs-media-hero-exact .rs-hero-description {
        font-size: 1rem;
    }

    .rs-media-similar-visual {
        min-height: 330px;
    }

    .rs-media-similar-photo-ring {
        min-width: 300px;
        min-height: 300px;
        width: 78vw;
        height: 78vw;
    }

    .rs-media-similar-dots {
        opacity: 0.35;
    }
}

@media (max-width: 1100px) {
    .rs-media-hero-exact {
        height: auto;
        min-height: 0;
        padding: 68px 0 0;
    }

    .rs-media-similar-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .rs-media-hero-exact .rs-media-hero-text {
        max-width: 720px;
        margin: 0 auto 34px;
        text-align: center;
    }

    .rs-media-hero-exact .rs-hero-divider-bar,
    .rs-media-hero-exact .rs-hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .rs-media-hero-exact .rs-hero-nav-breadcrumbs {
        justify-content: center;
    }

    .rs-media-similar-visual {
        min-height: 390px;
    }

    .rs-media-similar-photo-ring {
        left: 50%;
        right: auto;
        top: 0;
        transform: translateX(-50%);
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        padding-top: 52px;
    }

    .rs-media-hero-exact .rs-hero-title {
        font-size: clamp(2.5rem, 13vw, 3.5rem);
    }

    .rs-media-similar-visual {
        min-height: 300px;
    }

    .rs-media-similar-photo-ring {
        min-width: 270px;
        min-height: 270px;
        width: 76vw;
        height: 76vw;
    }

    .rs-media-similar-dots {
        display: none;
    }
}

@media (max-width: 992px) {
    .rs-media-hero-exact {
        height: auto;
        min-height: 520px;
        padding: 82px 0 72px;
    }

    .rs-media-hero-banner-img {
        object-position: 68% center;
    }

    .rs-media-hero-overlay {
        background: linear-gradient(180deg, rgba(255, 246, 250, 0.98) 0%, rgba(255, 246, 250, 0.88) 52%, rgba(255, 246, 250, 0.34) 100%);
    }

    .rs-media-hero-exact .rs-container {
        justify-content: center;
        text-align: center;
    }

    .rs-media-hero-exact .rs-media-hero-text {
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .rs-media-hero-exact {
        min-height: 500px;
        padding: 76px 0 58px;
    }

    .rs-media-hero-banner-img {
        object-position: 72% center;
    }
}

@media (max-width: 768px) {
    .rs-media-hero-exact {
        min-height: 220px;
        height: auto;
        padding: 20px 0;
    }

    .rs-media-hero-fade-overlay {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 65%, rgba(255, 255, 255, 0.4) 100%);
    }

    .rs-blogs-hero {
        min-height: 220px;
    }

    .rs-blogs-hero .rs-media-hero-bg-img-wrap img {
        object-position: 85% center;
    }

    .rs-blogs-hero .rs-media-hero-fade-overlay {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0.12) 100%),
            linear-gradient(90deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 65%, transparent 100%) !important;
    }

    .rs-testimonial-hero .rs-media-hero-fade-overlay {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.1) 70%, transparent 100%);
    }

    .rs-media-page-hero .rs-media-hero-fade-overlay,
    .rs-tv-radio-hero .rs-media-hero-fade-overlay {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.80) 70%, rgba(255, 255, 255, 0.60) 100%) !important;
    }

    .rs-media-page-hero .rs-media-hero-content-box,
    .rs-tv-radio-hero .rs-media-hero-content-box {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
}

@media (max-width: 640px) {
    .rs-tv-radio-note {
        align-items: flex-start;
    }
}

@media (max-width: 1024px) {
    .rs-shorts-grid {
        grid-template-columns: repeat(2, minmax(0, 320px));
        max-width: 700px;
    }
}

@media (max-width: 640px) {
    .rs-shorts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        max-width: 100% !important;
        gap: 12px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 992px) {
    .rs-media-cta-card {
        flex-direction: column;
        text-align: center;
        padding: 40px 24px;
    }

    .rs-media-cta-actions {
        width: 100%;
    }

    .rs-media-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .rs-media-modal {
        padding: 16px;
    }

    .rs-media-modal-container {
        max-width: 100%;
    }

    .rs-media-modal-img-wrap img {
        max-width: calc(100vw - 32px);
        max-height: 82vh;
    }

    .rs-media-modal-nav {
        width: 44px;
        height: 44px;
        font-size: 1.1rem;
    }

    .rs-media-modal-prev {
        left: 10px;
    }

    .rs-media-modal-next {
        right: 10px;
    }

    .rs-media-modal-close {
        top: -12px;
        right: -12px;
        width: 38px;
        height: 38px;
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {

    .rs-media-content-section .rs-container,
    .rs-tv-radio-page-section .rs-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    .rs-home-print-media .rs-home-media-grid,
    .rs-media-grid,
    .rs-home-shorts-grid,
    .rs-home-tv-grid,
    .rs-tv-grid,
    .rs-shorts-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .rs-home-print-media .rs-media-card,
    .rs-media-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    .rs-media-card-img-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .rs-media-card-img-wrap img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    .rs-tv-card-content {
        padding: 14px 12px !important;
    }

    .rs-tv-card-content h3 {
        font-size: 0.95rem !important;
        line-height: 1.3 !important;
        margin-bottom: 6px !important;
    }

    .rs-tv-card-content p {
        font-size: 0.78rem !important;
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
    }

    .rs-publications-grid {
        grid-template-columns: 1fr;
    }

    .rs-media-filter-bar {
        gap: 8px;
    }

    .rs-media-filter-btn {
        padding: 10px 18px;
        font-size: 0.85rem;
    }
}

@media (max-width: 767px) {

    .rs-home-shorts .rs-tv-grid,
    .rs-home-shorts-grid,
    .rs-home-tv-radio .rs-tv-grid,
    .rs-home-tv-grid,
    .rs-tv-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .rs-tv-card-content {
        padding: 16px 14px !important;
    }

    .rs-tv-card-content h3 {
        font-size: 1.05rem !important;
        line-height: 1.35 !important;
        margin-bottom: 8px !important;
    }

    .rs-tv-card-content p {
        font-size: 0.88rem !important;
        line-height: 1.5 !important;
        margin-bottom: 12px !important;
    }
}

@media (max-width: 1024px) {
    .rs-testimonial-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 720px) {
    .rs-google-review-summary {
        width: 100%;
    }

    .rs-testimonial-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .rs-testimonial-page-grid .rs-review-card {
        padding: 14px 12px !important;
        border-radius: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .rs-testimonial-page-grid .rs-review-card-header {
        gap: 8px !important;
        margin-bottom: 6px !important;
        align-items: center !important;
    }

    .rs-testimonial-page-grid .rs-review-avatar-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 6px !important;
    }

    .rs-testimonial-page-grid .rs-google-review-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .rs-testimonial-page-grid .rs-review-meta h3 {
        font-size: 0.82rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
    }

    .rs-testimonial-page-grid .rs-review-stars {
        font-size: 0.65rem !important;
        gap: 1px !important;
    }

    .rs-testimonial-page-grid .rs-review-text {
        font-size: 0.64rem !important;
        line-height: 1.32 !important;
        margin: 5px 0 8px 0 !important;
        font-style: normal !important;
    }

    .rs-testimonial-page-grid .rs-review-card-footer {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
        padding-top: 8px !important;
        margin-top: auto !important;
    }

    .rs-testimonial-page-grid .rs-review-tag {
        font-size: 0.60rem !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    .rs-testimonial-page-grid .rs-review-date {
        font-size: 0.58rem !important;
        line-height: 1.2 !important;
    }

    .rs-testimonial-cta {
        padding: 24px 20px;
    }

    .rs-testimonial-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .rs-testimonial-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .rs-testimonial-page-grid .rs-review-card {
        padding: 10px 8px !important;
        border-radius: 10px !important;
    }

    .rs-testimonial-page-grid .rs-review-card::before {
        width: 160px !important;
        height: 160px !important;
        opacity: 0.2 !important;
    }

    .rs-testimonial-page-grid .rs-review-card-header {
        gap: 5px !important;
        margin-bottom: 3px !important;
    }

    .rs-testimonial-page-grid .rs-review-avatar-icon {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        border-radius: 4px !important;
    }

    .rs-testimonial-page-grid .rs-google-review-icon {
        width: 13px !important;
        height: 13px !important;
    }

    .rs-testimonial-page-grid .rs-review-meta h3 {
        font-size: 0.70rem !important;
        line-height: 1.15 !important;
        margin-bottom: 1px !important;
    }

    .rs-testimonial-page-grid .rs-review-stars {
        font-size: 0.52rem !important;
        gap: 1px !important;
    }

    .rs-testimonial-page-grid .rs-review-text {
        font-size: 0.56rem !important;
        line-height: 1.28 !important;
        margin: 4px 0 6px 0 !important;
    }

    .rs-testimonial-page-grid .rs-review-card-footer {
        gap: 2px !important;
        padding-top: 5px !important;
    }

    .rs-testimonial-page-grid .rs-review-tag {
        font-size: 0.52rem !important;
        padding: 2px 4px !important;
    }

    .rs-testimonial-page-grid .rs-review-date {
        font-size: 0.50rem !important;
    }
}

@media (max-width: 1200px) {
    .rs-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .rs-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }
}

@media (max-width: 576px) {
    .rs-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .rs-gallery-filter-btn {
        padding: 8px 14px;
        font-size: 0.82rem;
    }
}

@media (max-width: 767.98px) {

    .rs-rocket-btn,
    .rs-floating-call-btn,
    .rs-floating-whatsapp-btn {
        right: 18px;
        height: 44px;
        width: 44px;
        padding: 0 10px;
    }

    .rs-rocket-btn {
        bottom: 18px;
    }

    .rs-floating-call-btn {
        bottom: 78px;
    }

    .rs-floating-whatsapp-btn {
        bottom: 138px;
    }

    .rs-floating-call-btn:hover {
        width: 128px;
    }

    .rs-floating-whatsapp-btn:hover {
        width: 134px;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .rs-home-page .photo-hero .brand-hero-title {
        font-size: clamp(2.45rem, 7vw, 2.9rem) !important;
        font-weight: 800 !important;
        line-height: 1.12 !important;
    }

    .rs-home-page .photo-hero .brand-hero-title-pink,
    .rs-home-page .photo-hero .brand-hero-title-blue {
        font-weight: 800 !important;
    }
}

@media (min-width: 320px) and (max-width: 360px) {

    .rs-home-page .photo-hero .brand-hero-title,
    .rs-home-page .photo-hero .brand-hero-title-pink,
    .rs-home-page .photo-hero .brand-hero-title-blue {
        font-weight: 800 !important;
    }
}

@media (max-width: 1024px) {

    .rs-nav .rs-megamenu-link:not(:hover):not(:focus):not(:active),
    .rs-nav .rs-dropdown-item:not(:hover):not(:focus):not(:active) {
        color: #2A3B53 !important;
    }
}

@media (min-width: 768px) and (max-width: 900px) {

    .rs-rocket-btn,
    .rs-floating-call-btn,
    .rs-floating-whatsapp-btn {
        right: 28px !important;
        width: 48px !important;
        height: 48px !important;
    }

    .rs-rocket-btn {
        bottom: 28px !important;
    }

    .rs-rocket-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

@media (max-width: 991.98px) {

    .rs-before-after-grid,
    .rs-home-before-after-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 767.98px) {

    .rs-before-after-grid,
    .rs-home-before-after-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #before-after .rs-before-after-image-wrap,
    #before-after .rs-before-after-card:nth-child(3n + 1) .rs-before-after-image-wrap,
    #before-after .rs-before-after-card:nth-child(3n + 2) .rs-before-after-image-wrap,
    .rs-before-after-image-wrap {
        height: clamp(140px, 38vw, 190px) !important;
    }

    #before-after .rs-home-before-after-caption {
        min-height: unset !important;
        padding: 8px 6px !important;
    }

    #before-after .rs-home-before-after-caption h3,
    .rs-home-before-after-caption h3 {
        font-size: clamp(0.78rem, 2.6vw, 0.92rem) !important;
    }

    .rs-before-after-group-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .rs-blog-horizontal-card {
        grid-template-columns: 1fr;
    }

    .rs-blog-horizontal-media,
    .rs-blog-horizontal-media img {
        height: 220px;
        min-height: 220px;
    }

    .rs-blog-horizontal-content {
        padding: 24px 20px;
    }

    .rs-blog-horizontal-content::before {
        display: none;
    }

    .rs-blog-horizontal-content h2 {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.98px) {
    .photo-hero-collage-container {
        padding: 15px 0 25px 0;
        max-width: 100%;
    }

    .collage-img-wrap-2 {
        margin-top: 15px;
    }

    .hero-patient-review-badge {
        bottom: -10px;
        left: 15px;
        padding: 8px 14px;
        gap: 10px;
    }

    .hero-patient-review-badge .patient-avatar {
        width: 36px;
        height: 36px;
    }

    .hero-patient-review-badge .patient-name {
        font-size: 0.8rem;
    }

    .hero-patient-review-badge .patient-role {
        font-size: 0.65rem;
    }
}

@media (min-width: 992px) {
    .photo-hero-slide--fullbg .brand-hero-content {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 640px;
        padding: clamp(12px, 2.2vw, 30px) clamp(24px, 4.5vw, 72px) clamp(26px, 4vw, 48px);
    }
}

@media (max-width: 767.98px) {
    .brand-hero-overlay {
        background: linear-gradient(180deg,
                rgba(242, 232, 222, 0.38) 0%,
                rgba(242, 232, 222, 0.65) 28%,
                rgba(242, 232, 222, 0.88) 60%,
                rgba(242, 232, 222, 0.98) 100%) !important;
    }

    .brand-hero-content {
        max-width: 100%;
        padding: 28px 18px 22px;
    }

    .brand-hero-bg-img {
        object-position: 40% center;
    }

    /* Dark text for readability on mobile */
    .photo-hero-slide--fullbg .brand-hero-title,
    .photo-hero .brand-hero-title {
        color: #1A2B40 !important;
    }

    .photo-hero-slide--fullbg .brand-hero-title-pink,
    .photo-hero .brand-hero-title-pink {
        color: #b96f7d !important;
    }

    .photo-hero-slide--fullbg .brand-hero-title-blue,
    .photo-hero .brand-hero-title-blue {
        color: #9c4d35 !important;
        -webkit-text-fill-color: #9c4d35 !important;
    }

    .photo-hero-slide--fullbg .brand-hero-text,
    .photo-hero .brand-hero-text {
        color: #3C4A5A !important;
    }

    .photo-hero .photo-hero-kicker.brand-kicker {
        background: rgba(250, 241, 235, 0.9) !important;
        color: #c98e80 !important;
        border-color: rgba(201, 142, 128, 0.35) !important;
        text-shadow: none !important;
    }
}

@media (max-width: 767.98px) {
    .photo-hero-slide--image-bg .brand-hero-bg-img {
        object-position: 70% top !important;
        opacity: 1 !important;
    }

    .photo-hero-slide--image-bg .photo-hero-image-overlay {
        background: linear-gradient(180deg,
                rgba(242, 232, 222, 0.38) 0%,
                rgba(242, 232, 222, 0.65) 28%,
                rgba(242, 232, 222, 0.88) 60%,
                rgba(242, 232, 222, 0.98) 100%) !important;
    }

    .photo-hero-slide--image-bg .photo-hero-frame {
        min-height: clamp(500px, 78vh, 620px);
    }

    .photo-hero-slide--image-bg .brand-hero-content {
        max-width: min(94vw, 350px);
        padding: 30px 8px 28px;
        gap: 0;
    }

    .photo-hero-slide--image-bg .brand-kicker {
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: 0.68rem !important;
    }

    .photo-hero-slide--image-bg .brand-hero-title {
        max-width: 100%;
        font-size: clamp(1.78rem, 8.1vw, 2.18rem);
        line-height: 1.08;
        margin-bottom: 12px;
    }

    .photo-hero-slide--image-bg .brand-hero-text {
        max-width: 305px;
        font-size: 0.88rem;
        line-height: 1.5;
        margin-bottom: 18px;
    }

    .photo-hero-slide--image-bg .photo-hero-actions {
        align-items: flex-start;
        gap: 10px;
    }

    .photo-hero-slide--image-bg .photo-hero-actions .rs-about-btn {
        max-width: 292px;
        white-space: normal;
        text-align: center;
        line-height: 1.25;
        padding: 11px 14px;
    }
}

@media (min-width: 992px) {
    .photo-hero-card {
        align-items: stretch;
        min-height: clamp(585px, 78vh, 760px);
    }

    .photo-hero-card>[class*="col-"] {
        display: flex;
    }
}

@media (min-width: 992px) {
    .photo-hero-feature img {
        object-position: center bottom;
    }
}

@media (min-width: 992px) {
    .photo-hero-feature img {
        max-width: none !important;
        margin-left: 0 !important;
        transform-origin: center center;
    }

    .photo-hero-feature img[src*="lady-2.png"] {
        width: 110% !important;
        max-width: none !important;
        left: -5% !important;
        object-position: center 10% !important;
    }

    .photo-hero-feature img[src*="lady-3.png"] {
        width: 100% !important;
        max-width: none !important;
        left: -2% !important;
        object-position: 46% center !important;
    }

    .photo-hero-feature img[src*="lady-4.png"] {
        object-position: center 25% !important;
        top: 8px !important;
    }
}

@media (max-width: 991px) {
    .photo-hero-feature img[src*="lady-2.png"] {
        object-position: 50% 0% !important;
        top: 0 !important;
        left: 0 !important;
    }

    .photo-hero-feature img[src*="lady-3.png"] {
        object-position: 46% center !important;
        left: -2% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .photo-hero-feature img[src*="lady-4.png"] {
        object-position: center 0% !important;
        top: 12px !important;
        left: 0 !important;
    }
}

@media (max-width: 1100px) {
    .rs-about-showcase-clinic+#about-clinic .rs-about-container {
        grid-template-columns: 1fr !important;
        padding: 0 24px !important;
    }

    .rs-about-showcase-clinic+#about-clinic .rs-img-left {
        height: 350px !important;
        min-height: 0 !important;
    }
}

@media (max-width: 640px) {
    .rs-about-showcase-clinic+#about-clinic .rs-about-container {
        padding: 0 16px !important;
        gap: 28px !important;
    }

    .rs-about-showcase-clinic+#about-clinic .rs-clinic-mini-slider,
    #about-clinic .rs-clinic-mini-slider {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 1200px) {
    .dr-care-nodes-grid {
        gap: 1rem !important;
    }

    .dr-cond-studio-board {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 1.5rem !important;
    }

    .dr-counter-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }

    .dr-counter-divider {
        display: none !important;
    }
}

@media (max-width: 1080px) {
    .photo-hero {
        min-height: 75vh !important;
    }

    .dr-care-constellation-svg {
        display: none !important;
    }

    .dr-care-nodes-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 2.2rem 1.5rem !important;
    }

    .dr-care-node--bottom {
        margin-top: 0 !important;
        flex-direction: column !important;
    }

    .dr-care-node--bottom .dr-care-node-info {
        margin-bottom: 0 !important;
        margin-top: 1.15rem !important;
    }

    .dr-care-node--center {
        margin-top: 0 !important;
    }


    .dr-care-mobile-cta {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 2.5rem !important;
        width: 100% !important;
    }

    .rs-radial-showcase {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .rs-radial-center {
        display: none !important;
    }

    .rs-radial-col {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        width: 100% !important;
    }

    .rs-radial-pointer {
        display: none !important;
    }

    .rs-radial-card {
        border-radius: 20px !important;
        width: 100% !important;
        padding: 1.1rem 1.25rem !important;
    }

    .rs-radial-card-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .dr-cond-studio-board {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
    }

    .dr-cond-portrait-column {
        order: -1 !important;
    }

    .dr-cond-menu-stack {
        max-height: 280px !important;
    }
}

@media (max-width: 768px) {

    /* Complete Care Mobile & Tablet (320px to 900px) Layout */
    .dr-care-wave-section {
        padding: clamp(3rem, 5vw, 4rem) 0 !important;
    }

    .dr-care-header {
        margin-bottom: 2rem !important;
    }

    .dr-care-nodes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.6rem 0.85rem !important;
        max-width: 580px !important;
        margin: 0 auto !important;
    }

    .dr-care-node {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
        margin-top: 0 !important;
    }

    .dr-care-node .dr-care-orb-link,
    .dr-care-node--top .dr-care-orb-link,
    .dr-care-node--bottom .dr-care-orb-link,
    .dr-care-node--center .dr-care-orb-link {
        order: 1 !important;
    }

    .dr-care-node .dr-care-node-info,
    .dr-care-node--top .dr-care-node-info,
    .dr-care-node--bottom .dr-care-node-info,
    .dr-care-node--center .dr-care-node-info {
        order: 2 !important;
        margin-top: 0.75rem !important;
        margin-bottom: 0 !important;
    }

    .dr-care-node:nth-child(5) {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        max-width: 260px !important;
    }

    .dr-care-orb-frame {
        width: clamp(105px, 28vw, 140px) !important;
        height: clamp(105px, 28vw, 140px) !important;
    }

    .dr-care-sparkle-node {
        display: none !important;
    }

    .dr-care-node-title {
        font-size: clamp(0.95rem, 3.2vw, 1.15rem) !important;
        margin-bottom: 0.25rem !important;
    }

    .dr-care-node-desc {
        font-size: clamp(0.74rem, 2.3vw, 0.84rem) !important;
        line-height: 1.4 !important;
        max-width: 240px !important;
        margin: 0 auto !important;
    }

    .dr-care-mobile-cta {
        display: flex !important;
        justify-content: center !important;
        margin-top: 2rem !important;
        width: 100% !important;
    }

    .dr-care-mobile-cta .dr-care-navy-btn {
        width: 100% !important;
        max-width: 280px !important;
        padding: 0.85rem 1.5rem !important;
        font-size: 0.8rem !important;
        text-align: center !important;
    }
}

@media (max-width: 768px) {

    .rs-home-page #about-clinic,
    .rs-home-page .rs-about-section-single,
    .rs-home-page #aesthetic-care,
    .rs-home-page .dr-care-wave-section,
    .rs-home-page #conditions,
    .rs-home-page .dr-cond-section,
    .rs-home-page #testimonials,
    .rs-home-page .rs-spa-testimonials,
    .rs-home-page #shorts,
    .rs-home-page .rs-home-shorts,
    .rs-home-page #tv-radio,
    .rs-home-page .rs-home-tv-radio,
    .rs-home-page #print-media,
    .rs-home-page .rs-home-print-media,
    .rs-home-page #before-after,
    .rs-home-page .rs-home-before-after,
    .rs-home-page #journey,
    .rs-home-page .rs-spa-gallery {
        padding-top: 2.4rem !important;
        padding-bottom: 2.4rem !important;
    }

    .rs-home-page #about-doctor.rs-spa-welcome .rs-spa-split {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .rs-home-page #about-doctor .rs-spa-copy {
        width: 100% !important;
    }

    .rs-home-page #about-doctor .rs-spa-actions .rs-about-btn {
        max-width: 100% !important;
        white-space: normal !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node,
    .rs-home-page #aesthetic-care .dr-care-node--top,
    .rs-home-page #aesthetic-care .dr-care-node--bottom,
    .rs-home-page #aesthetic-care .dr-care-node--center {
        flex-direction: column !important;
        gap: 0.25rem !important;
        margin-top: 0 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node .dr-care-orb-link,
    .rs-home-page #aesthetic-care .dr-care-node--bottom .dr-care-orb-link {
        order: 1 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node .dr-care-node-info,
    .rs-home-page #aesthetic-care .dr-care-node--bottom .dr-care-node-info {
        order: 2 !important;
        margin-top: 0.75rem !important;
        margin-bottom: 0 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-mobile-cta {
        margin-top: 2rem !important;
        transform: none !important;
    }

    /* .rs-home-page #why-choose-us>.rs-container {
        /* padding: 2rem 18px !important;
    } */

    .rs-home-page #why-choose-us {
        background:
            linear-gradient(180deg, rgba(251, 248, 245, 0.84) 0%, rgba(251, 248, 245, 0.9) 100%),
            url('../images/why-choose-us.png') center center / cover no-repeat !important;
    }

    .rs-home-page .rs-spa-offer {
        /* background:
            linear-gradient(180deg, rgba(245, 247, 255, 0.76) 0%, rgba(245, 247, 255, 0.9) 100%),
            url('../images/banner-home.png') 24% center / cover no-repeat !important; */
        min-height: 420px !important;
    }

    .rs-home-page .rs-spa-offer-grid {
        min-height: 420px !important;
        padding-top: 2.6rem !important;
        padding-bottom: 2.6rem !important;
    }
}

@media (min-width: 769px) and (max-width: 900px) {
    .rs-home-page #aesthetic-care {
        padding: clamp(3rem, 5vw, 4rem) 0 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-header {
        margin-bottom: 2rem !important;
    }

    .rs-home-page #aesthetic-care .dr-care-nodes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.6rem 0.85rem !important;
        max-width: 580px !important;
        margin: 0 auto !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
        margin-top: 0 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node .dr-care-orb-link,
    .rs-home-page #aesthetic-care .dr-care-node--top .dr-care-orb-link,
    .rs-home-page #aesthetic-care .dr-care-node--bottom .dr-care-orb-link,
    .rs-home-page #aesthetic-care .dr-care-node--center .dr-care-orb-link {
        order: 1 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node .dr-care-node-info,
    .rs-home-page #aesthetic-care .dr-care-node--top .dr-care-node-info,
    .rs-home-page #aesthetic-care .dr-care-node--bottom .dr-care-node-info,
    .rs-home-page #aesthetic-care .dr-care-node--center .dr-care-node-info {
        order: 2 !important;
        margin-top: 0.85rem !important;
        margin-bottom: 0 !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node:nth-child(5) {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        max-width: 260px !important;
    }

    .rs-home-page #aesthetic-care .dr-care-orb-frame {
        width: clamp(105px, 28vw, 140px) !important;
        height: clamp(105px, 28vw, 140px) !important;
    }

    .rs-home-page #aesthetic-care .dr-care-sparkle-node {
        display: none !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node-title {
        font-size: clamp(0.95rem, 3.2vw, 1.15rem) !important;
        margin-bottom: 0.25rem !important;
    }

    .rs-home-page #aesthetic-care .dr-care-node-desc {
        font-size: clamp(0.74rem, 2.3vw, 0.84rem) !important;
        line-height: 1.4 !important;
        max-width: 240px !important;
        margin: 0 auto !important;
    }



    .rs-home-page #aesthetic-care .dr-care-mobile-cta {
        display: flex !important;
        justify-content: center !important;
        margin-top: 2rem !important;
        width: 100% !important;
    }

    .rs-home-page #aesthetic-care .dr-care-mobile-cta .dr-care-navy-btn {
        width: 100% !important;
        max-width: 280px !important;
        padding: 0.85rem 1.5rem !important;
        font-size: 0.8rem !important;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .rs-home-page .dr-counter-section .rs-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .rs-home-page .dr-counter-board {
        width: 100% !important;
        padding: 1.25rem 1rem !important;
        border-radius: 22px !important;
    }

    .rs-home-page .dr-counter-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1.25rem !important;
    }

    .rs-home-page .dr-counter-card {
        width: 100% !important;
        min-width: 0 !important;
        gap: 0.85rem !important;
    }

    .rs-home-page .dr-counter-icon-wrap {
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px !important;
        font-size: 1.1rem !important;
    }

    .rs-home-page .dr-counter-text {
        min-width: 0 !important;
    }

    .rs-home-page .dr-counter-text strong {
        font-size: 1.8rem !important;
    }

    .rs-home-page .dr-counter-text span {
        font-size: 0.72rem !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
    }

    .rs-home-page .dr-counter-rating-val {
        flex-wrap: wrap !important;
        gap: 0.3rem 0.45rem !important;
    }

    .rs-home-page .dr-counter-stars {
        font-size: 0.75rem !important;
    }
}

.rs-megamenu-title-link:hover,
.rs-megamenu-title-link:hover span {
    color: #B96F7D !important;
}

.rs-megamenu-link:hover,
.rs-megamenu-link:focus,
.rs-megamenu-link:active {
    color: #B96F7D !important;
    background: #FFF1F8 !important;
    background-color: #FFF1F8 !important;
    border-radius: 8px !important;
}

.rs-megamenu-list li:hover>.rs-megamenu-link,
.rs-megamenu-list li:focus-within>.rs-megamenu-link,
.rs-megamenu-list li:active>.rs-megamenu-link {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #B96F7D !important;
    background-color: #FFF1F8 !important;
    border-radius: 8px !important;
}

.rs-nav .rs-dropdown-menu .rs-dropdown-item:hover,
.rs-nav .rs-dropdown-menu .rs-dropdown-item:focus,
.rs-nav .rs-dropdown-menu .rs-dropdown-item:active {
    color: #B96F7D !important;
    background: #FFF1F8 !important;
    background-color: #FFF1F8 !important;
    border-radius: 8px !important;
}

@media (min-width: 1025px) {

    .rs-header .rs-nav>.rs-nav-link,
    .rs-header .rs-nav>.rs-dropdown>.rs-nav-link {
        font-size: 1.05rem !important;
        font-weight: 800 !important;
    }
}

@media (max-width: 1024px) {

    .rs-nav .rs-nav-link:hover,
    .rs-nav .rs-nav-link:focus,
    .rs-nav .rs-nav-link:active,
    .rs-nav .rs-dropdown-toggle:hover,
    .rs-nav .rs-dropdown-toggle:focus,
    .rs-nav .rs-dropdown-toggle:active {
        color: #B96F7D !important;
        background-color: #FFF1F8 !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 768px) {
    .rs-doc-v2-quote-section {
        padding: 3.5rem 1.25rem 2.8rem !important;
    }

    .rs-doc-quote-butterfly {
        width: 85px !important;
        right: 15px !important;
        top: 12px !important;
        bottom: auto !important;
        opacity: 0.35 !important;
    }
}

@media (max-width: 480px) {
    .rs-doc-modern-dual-section {
        padding: 2.5rem 1rem !important;
    }

    .rs-doc-exact-expertise-section {
        padding: 2.5rem 1rem 3rem !important;
    }

    .rs-doctor-certificates-grid {
        gap: 10px !important;
    }

    .rs-doctor-certificate-card img {
        height: clamp(90px, 21vw, 125px) !important;
    }

    .rs-tv-card-content p {
        font-size: 0.84rem !important;
        line-height: 1.45 !important;
        margin-bottom: 8px !important;
    }

    .rs-doc-v2-quote-section {
        padding: 3rem 1rem 2.5rem !important;
    }

    .rs-doc-quote-butterfly {
        width: 80px !important;
        right: 10px !important;
        top: 8px !important;
        bottom: auto !important;
        opacity: 0.32 !important;
    }

    .rs-doc-membership-grid {
        gap: 18px;
    }

    .rs-doc-membership-item {
        gap: 14px;
    }

    .rs-doc-membership-logo-wrap {
        width: 58px;
        height: 58px;
        min-width: 58px;
    }

    .rs-doc-membership-abbr {
        font-size: 0.98rem;
    }

    .rs-doc-membership-name {
        font-size: 0.8rem;
        line-height: 1.3;
    }

    .rs-doc-membership-status {
        font-size: 0.66rem;
    }
}

@media (min-width: 320px) and (max-width: 800px) {
    .rs-brand-img {
        transform: scale(1.5);
    }
}