/* ==========================================================================
   AURUM CLINIC - ПАНЕЛЬ ВЕРСИИ ДЛЯ СЛАБОВИДЯЩИХ (ГОСТ Р 52872-2019 / Приказ 118н)
   Архитектура:
     - Десктоп: боковая выезжающая шторка СЛЕВА (Left Drawer)
     - Мобильные: нижняя выезжающая шторка СНИЗУ под большой палец (Bottom Sheet)
   ========================================================================== */

/* 1. Затемнение фона (Backdrop) - только для мобильных экранов */
.aurum-bvi-backdrop {
    display: none;
}

@media screen and (max-width: 768px) {
    .aurum-bvi-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(4, 8, 10, 0.45);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        z-index: 100050;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .aurum-bvi-backdrop.is-open {
        opacity: 1;
        pointer-events: auto;
    }
}

/* 2. Карточка-панель управления (Drawer) */
.aurum-bvi-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 330px;
    max-width: 85vw;
    background: #0d1417;
    color: #ffffff;
    z-index: 100060;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease, box-shadow 0.35s ease;
    box-shadow: none;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    will-change: transform;
}

.aurum-bvi-drawer.is-open {
    transform: translate3d(0, 0, 0);
    box-shadow: 6px 0 32px rgba(0, 0, 0, 0.65);
    visibility: visible;
    pointer-events: auto;
}

/* Драг-хэндл для мобилок (по умолчанию скрыт на десктопе) */
.aurum-bvi-drag-handle {
    display: none;
    width: 44px;
    height: 5px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    margin: 10px auto 4px;
    flex-shrink: 0;
}

/* Шапка панели */
.aurum-bvi-header {
    padding: 1rem 1.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.02);
    flex-shrink: 0;
}

.aurum-bvi-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.aurum-bvi-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #09c9ce;
}

.aurum-bvi-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.2;
}

.aurum-bvi-close-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.75);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.aurum-bvi-close-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

/* Скроллируемое тело настроек */
.aurum-bvi-body {
    padding: 0.85rem 1.15rem;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    box-sizing: border-box;
}

/* Блоки настроек */
.aurum-bvi-group {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.aurum-bvi-label {
    font-size: 0.78125rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.aurum-bvi-label-icon {
    color: #09c9ce;
    display: inline-flex;
}

/* Сегментные кнопки */
.aurum-bvi-segmented {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.65rem;
    padding: 0.2rem;
    gap: 0.2rem;
}

.aurum-bvi-btn {
    border: 1px solid transparent;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    padding: 0.42rem 0.35rem;
    border-radius: 0.5rem;
    font-size: 0.78125rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    line-height: 1.1;
    white-space: nowrap;
}

.aurum-bvi-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.aurum-bvi-btn.is-active {
    background: #09c9ce;
    color: #0b1417;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(9, 201, 206, 0.35);
}

.aurum-bvi-btn-sub {
    font-size: 0.6875rem;
    opacity: 0.8;
    font-weight: 500;
}

/* Сетка цветовых контрастных схем (С1–С4) */
.aurum-bvi-themes-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
}

.aurum-bvi-theme-card {
    border: 1.5px solid transparent;
    padding: 0.42rem 0.55rem;
    border-radius: 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    transition: all 0.2s ease;
    text-align: left;
    box-sizing: border-box;
}

.aurum-bvi-theme-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.aurum-bvi-theme-card.is-active {
    outline: 2px solid #09c9ce;
    outline-offset: 2px;
}

/* Образцы тем */
.theme-swatch {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 800;
    flex-shrink: 0;
}

.theme-card-c1 {
    background: #ffffff;
    color: #000000;
    border-color: #d1d5db;
}
.theme-card-c1 .theme-swatch {
    background: #ffffff;
    color: #000000;
    border-color: #000000;
}

.theme-card-c2 {
    background: #000000;
    color: #ffffff;
    border-color: #374151;
}
.theme-card-c2 .theme-swatch {
    background: #000000;
    color: #ffffff;
    border-color: #ffffff;
}

.theme-card-c3 {
    background: #cbe2f8;
    color: #063462;
    border-color: #93c5fd;
}
.theme-card-c3 .theme-swatch {
    background: #cbe2f8;
    color: #063462;
    border-color: #063462;
}

.theme-card-c4 {
    background: #000000;
    color: #ffff00;
    border-color: #374151;
}
.theme-card-c4 .theme-swatch {
    background: #000000;
    color: #ffff00;
    border-color: #ffff00;
}

/* Озвучивание / Синтез речи */
.aurum-bvi-speech-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.65rem;
    padding: 0.65rem 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
}

.aurum-bvi-speech-info {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.aurum-bvi-speech-title {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #ffffff;
}

.aurum-bvi-speech-desc {
    font-size: 0.6875rem;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.25;
}

/* Тумблер переключателя */
.aurum-bvi-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
}

.aurum-bvi-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.aurum-bvi-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 22px;
    transition: 0.3s;
}

.aurum-bvi-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s;
}

.aurum-bvi-switch input:checked + .aurum-bvi-slider {
    background: #09c9ce;
}

.aurum-bvi-switch input:checked + .aurum-bvi-slider:before {
    transform: translateX(18px);
}

/* Подвал панели с кнопкой сброса */
.aurum-bvi-footer {
    padding: 0.75rem 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex-shrink: 0;
}

.aurum-bvi-reset-btn {
    width: 100%;
    padding: 0.65rem;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.aurum-bvi-reset-btn:hover {
    background: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.4);
    color: #fca5a5;
}

.aurum-bvi-reset-btn:hover {
    background: rgba(239, 68, 68, 0.18);
    border-color: rgba(239, 68, 68, 0.4);
    color: #fca5a5;
}

/* ==========================================================================
   МОБИЛЬНЫЙ РЕЖИМ (BOTTOM SHEET)
   ========================================================================== */
@media screen and (max-width: 768px) {
    .aurum-bvi-drawer {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        max-height: 82vh;
        border-radius: 1.5rem 1.5rem 0 0;
        transform: translate3d(0, 100%, 0);
        border-right: none;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: none;
    }

    .aurum-bvi-drawer.is-open {
        transform: translate3d(0, 0, 0);
        box-shadow: 0 -12px 45px rgba(0, 0, 0, 0.75);
    }

    .aurum-bvi-drag-handle {
        display: block;
    }

    .aurum-bvi-header {
        padding: 0.85rem 1.25rem;
    }

    .aurum-bvi-body {
        padding: 1rem 1.25rem;
        gap: 1rem;
    }

    .aurum-bvi-footer {
        padding: 0.85rem 1.25rem 1.25rem;
    }
}

/* ==========================================================================
   ГЛОБАЛЬНЫЕ СТИЛИ ДОСТУПНОСТИ ПО ГОСТ Р 52872-2019
   Применяются к сайту, когда включен режим data-bvi-active="true"
   ========================================================================== */

/* 1. Масштаб шрифта */
html[data-bvi-active="true"][data-bvi-size="125"] {
    font-size: 20px !important;
}

html[data-bvi-active="true"][data-bvi-size="150"] {
    font-size: 24px !important;
}

/* 2. Межстрочный интервал и кернинг */
html[data-bvi-active="true"][data-bvi-spacing="wide"] body,
html[data-bvi-active="true"][data-bvi-spacing="wide"] p,
html[data-bvi-active="true"][data-bvi-spacing="wide"] span,
html[data-bvi-active="true"][data-bvi-spacing="wide"] a,
html[data-bvi-active="true"][data-bvi-spacing="wide"] h1,
html[data-bvi-active="true"][data-bvi-spacing="wide"] h2,
html[data-bvi-active="true"][data-bvi-spacing="wide"] h3,
html[data-bvi-active="true"][data-bvi-spacing="wide"] h4 {
    letter-spacing: 0.08em !important;
    line-height: 1.7 !important;
}

html[data-bvi-active="true"][data-bvi-spacing="extra"] body,
html[data-bvi-active="true"][data-bvi-spacing="extra"] p,
html[data-bvi-active="true"][data-bvi-spacing="extra"] span,
html[data-bvi-active="true"][data-bvi-spacing="extra"] a,
html[data-bvi-active="true"][data-bvi-spacing="extra"] h1,
html[data-bvi-active="true"][data-bvi-spacing="extra"] h2,
html[data-bvi-active="true"][data-bvi-spacing="extra"] h3,
html[data-bvi-active="true"][data-bvi-spacing="extra"] h4 {
    letter-spacing: 0.16em !important;
    line-height: 2.1 !important;
}

/* 3. Управление изображениями */
html[data-bvi-active="true"][data-bvi-images="grayscale"] img:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-images="grayscale"] svg:not(.aurum-bvi-drawer *):not(.aurum-topbar-icon):not(#aurumBviDrawer *),
html[data-bvi-active="true"][data-bvi-images="grayscale"] .teeth,
html[data-bvi-active="true"][data-bvi-images="grayscale"] .stocks-block-img,
html[data-bvi-active="true"][data-bvi-images="grayscale"] .w-background-video,
html[data-bvi-active="true"][data-bvi-images="grayscale"] [style*="background-image"]:not(.aurum-bvi-drawer *) {
    filter: grayscale(100%) !important;
}

html[data-bvi-active="true"][data-bvi-images="hidden"] img:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-images="hidden"] svg:not(.aurum-bvi-drawer *):not(.aurum-topbar-icon):not(#aurumBviDrawer *),
html[data-bvi-active="true"][data-bvi-images="hidden"] .teeth,
html[data-bvi-active="true"][data-bvi-images="hidden"] .stocks-block-img,
html[data-bvi-active="true"][data-bvi-images="hidden"] .w-background-video,
html[data-bvi-active="true"][data-bvi-images="hidden"] [style*="background-image"]:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-images="hidden"] video {
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 4. КОНТРАСТНЫЕ ЦВЕТОВЫЕ ТЕМЫ (С1–С4) ПО ГОСТ Р 52872-2019 */

/* Изоляция панели настроек: панель BVI всегда остается читаемой и в своем стиле */
.aurum-bvi-drawer,
.aurum-bvi-drawer * {
    font-size: initial;
    letter-spacing: initial;
    line-height: initial;
}

/* ==========================================================================
   С1: ЧЕРНЫМ ПО БЕЛОМУ (Классический контраст)
   ========================================================================== */
html[data-bvi-active="true"][data-bvi-theme="c1"] body,
html[data-bvi-active="true"][data-bvi-theme="c1"] .page-wrapper,
html[data-bvi-active="true"][data-bvi-theme="c1"] .section,
html[data-bvi-active="true"][data-bvi-theme="c1"] .section-bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c1"] .section.bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c1"] .footer,
html[data-bvi-active="true"][data-bvi-theme="c1"] .aurum-topbar,
html[data-bvi-active="true"][data-bvi-theme="c1"] .navbar,
html[data-bvi-active="true"][data-bvi-theme="c1"] .w-slider-mask {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c1"] *:not(.aurum-bvi-drawer *):not(#aurumBviDrawer):not(#aurumBviBackdrop) {
    color: #000000 !important;
    border-color: #000000 !important;
    text-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c1"] a:not(.aurum-bvi-drawer *) {
    text-decoration: underline !important;
    color: #000000 !important;
}

html[data-bvi-active="true"][data-bvi-theme="c1"] .button,
html[data-bvi-active="true"][data-bvi-theme="c1"] .btn,
html[data-bvi-active="true"][data-bvi-theme="c1"] button:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c1"] .aurum-topbar-btn,
html[data-bvi-active="true"][data-bvi-theme="c1"] .stocks-button,
html[data-bvi-active="true"][data-bvi-theme="c1"] .services-accordion-btn {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c1"] .card,
html[data-bvi-active="true"][data-bvi-theme="c1"] .review-block,
html[data-bvi-active="true"][data-bvi-theme="c1"] .accordion-card,
html[data-bvi-active="true"][data-bvi-theme="c1"] .doc-card,
html[data-bvi-active="true"][data-bvi-theme="c1"] .doctor-profile-card,
html[data-bvi-active="true"][data-bvi-theme="c1"] .doctor-card,
html[data-bvi-active="true"][data-bvi-theme="c1"] .heading,
html[data-bvi-active="true"][data-bvi-theme="c1"] .content-block,
html[data-bvi-active="true"][data-bvi-theme="c1"] .content-block.slider,
html[data-bvi-active="true"][data-bvi-theme="c1"] .tab-link,
html[data-bvi-active="true"][data-bvi-theme="c1"] .text-price,
html[data-bvi-active="true"][data-bvi-theme="c1"] .stock-feature-item,
html[data-bvi-active="true"][data-bvi-theme="c1"] .stocks-block,
html[data-bvi-active="true"][data-bvi-theme="c1"] .services-accordion-item,
html[data-bvi-active="true"][data-bvi-theme="c1"] .services-accordion-header,
html[data-bvi-active="true"][data-bvi-theme="c1"] .services-accordion-body,
html[data-bvi-active="true"][data-bvi-theme="c1"] .services-accordion-price-box,
html[data-bvi-active="true"][data-bvi-theme="c1"] input:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c1"] textarea:not(.aurum-bvi-drawer *) {
    background: #ffffff !important;
    background-image: none !important;
    border: 2px solid #000000 !important;
    box-shadow: none !important;
    color: #000000 !important;
}

/* Активный таб услуги в С1 (инвертирован для наглядного акцента) */
html[data-bvi-active="true"][data-bvi-theme="c1"] .tab-link.w--current,
html[data-bvi-active="true"][data-bvi-theme="c1"] .tab-link.w--current * {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* ==========================================================================
   С2: БЕЛЫМ ПО ЧЕРНОМУ (Инверсный контраст)
   ========================================================================== */
html[data-bvi-active="true"][data-bvi-theme="c2"] body,
html[data-bvi-active="true"][data-bvi-theme="c2"] .page-wrapper,
html[data-bvi-active="true"][data-bvi-theme="c2"] .section,
html[data-bvi-active="true"][data-bvi-theme="c2"] .section-bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c2"] .section.bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c2"] .footer,
html[data-bvi-active="true"][data-bvi-theme="c2"] .aurum-topbar,
html[data-bvi-active="true"][data-bvi-theme="c2"] .navbar,
html[data-bvi-active="true"][data-bvi-theme="c2"] .w-slider-mask {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c2"] *:not(.aurum-bvi-drawer *):not(#aurumBviDrawer):not(#aurumBviBackdrop) {
    color: #ffffff !important;
    border-color: #ffffff !important;
    text-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c2"] a:not(.aurum-bvi-drawer *) {
    text-decoration: underline !important;
    color: #ffffff !important;
}

html[data-bvi-active="true"][data-bvi-theme="c2"] .button,
html[data-bvi-active="true"][data-bvi-theme="c2"] .btn,
html[data-bvi-active="true"][data-bvi-theme="c2"] button:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c2"] .aurum-topbar-btn,
html[data-bvi-active="true"][data-bvi-theme="c2"] .stocks-button,
html[data-bvi-active="true"][data-bvi-theme="c2"] .services-accordion-btn {
    background: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c2"] .card,
html[data-bvi-active="true"][data-bvi-theme="c2"] .review-block,
html[data-bvi-active="true"][data-bvi-theme="c2"] .accordion-card,
html[data-bvi-active="true"][data-bvi-theme="c2"] .doc-card,
html[data-bvi-active="true"][data-bvi-theme="c2"] .doctor-profile-card,
html[data-bvi-active="true"][data-bvi-theme="c2"] .doctor-card,
html[data-bvi-active="true"][data-bvi-theme="c2"] .heading,
html[data-bvi-active="true"][data-bvi-theme="c2"] .content-block,
html[data-bvi-active="true"][data-bvi-theme="c2"] .content-block.slider,
html[data-bvi-active="true"][data-bvi-theme="c2"] .tab-link,
html[data-bvi-active="true"][data-bvi-theme="c2"] .text-price,
html[data-bvi-active="true"][data-bvi-theme="c2"] .stock-feature-item,
html[data-bvi-active="true"][data-bvi-theme="c2"] .stocks-block,
html[data-bvi-active="true"][data-bvi-theme="c2"] .services-accordion-item,
html[data-bvi-active="true"][data-bvi-theme="c2"] .services-accordion-header,
html[data-bvi-active="true"][data-bvi-theme="c2"] .services-accordion-body,
html[data-bvi-active="true"][data-bvi-theme="c2"] .services-accordion-price-box,
html[data-bvi-active="true"][data-bvi-theme="c2"] input:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c2"] textarea:not(.aurum-bvi-drawer *) {
    background: #000000 !important;
    background-image: none !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Плашка текста баннера в C2 защищена от наложения */
html[data-bvi-active="true"][data-bvi-theme="c2"] .stocks-block-text {
    background: rgba(0, 0, 0, 0.92) !important;
    padding: 1.5rem !important;
    border-radius: 1.25rem !important;
}

/* Активный таб услуги в С2 (инвертирован для наглядного акцента) */
html[data-bvi-active="true"][data-bvi-theme="c2"] .tab-link.w--current,
html[data-bvi-active="true"][data-bvi-theme="c2"] .tab-link.w--current * {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

html[data-bvi-active="true"][data-bvi-theme="c2"] .tab-link:not(.w--current) img {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================================================
   С3: СИНИМ ПО ГОЛУБОМУ (Мягкий спектр)
   ========================================================================== */
html[data-bvi-active="true"][data-bvi-theme="c3"] body,
html[data-bvi-active="true"][data-bvi-theme="c3"] .page-wrapper,
html[data-bvi-active="true"][data-bvi-theme="c3"] .section,
html[data-bvi-active="true"][data-bvi-theme="c3"] .section-bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c3"] .section.bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c3"] .footer,
html[data-bvi-active="true"][data-bvi-theme="c3"] .aurum-topbar,
html[data-bvi-active="true"][data-bvi-theme="c3"] .navbar,
html[data-bvi-active="true"][data-bvi-theme="c3"] .w-slider-mask {
    background-color: #cbe2f8 !important;
    background-image: none !important;
    color: #063462 !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c3"] *:not(.aurum-bvi-drawer *):not(#aurumBviDrawer):not(#aurumBviBackdrop) {
    color: #063462 !important;
    border-color: #063462 !important;
    text-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c3"] a:not(.aurum-bvi-drawer *) {
    text-decoration: underline !important;
    color: #063462 !important;
}

html[data-bvi-active="true"][data-bvi-theme="c3"] .button,
html[data-bvi-active="true"][data-bvi-theme="c3"] .btn,
html[data-bvi-active="true"][data-bvi-theme="c3"] button:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c3"] .aurum-topbar-btn,
html[data-bvi-active="true"][data-bvi-theme="c3"] .stocks-button,
html[data-bvi-active="true"][data-bvi-theme="c3"] .services-accordion-btn {
    background: #cbe2f8 !important;
    color: #063462 !important;
    border: 2px solid #063462 !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c3"] .card,
html[data-bvi-active="true"][data-bvi-theme="c3"] .review-block,
html[data-bvi-active="true"][data-bvi-theme="c3"] .accordion-card,
html[data-bvi-active="true"][data-bvi-theme="c3"] .doc-card,
html[data-bvi-active="true"][data-bvi-theme="c3"] .doctor-profile-card,
html[data-bvi-active="true"][data-bvi-theme="c3"] .doctor-card,
html[data-bvi-active="true"][data-bvi-theme="c3"] .heading,
html[data-bvi-active="true"][data-bvi-theme="c3"] .content-block,
html[data-bvi-active="true"][data-bvi-theme="c3"] .content-block.slider,
html[data-bvi-active="true"][data-bvi-theme="c3"] .tab-link,
html[data-bvi-active="true"][data-bvi-theme="c3"] .text-price,
html[data-bvi-active="true"][data-bvi-theme="c3"] .stock-feature-item,
html[data-bvi-active="true"][data-bvi-theme="c3"] .stocks-block,
html[data-bvi-active="true"][data-bvi-theme="c3"] .services-accordion-item,
html[data-bvi-active="true"][data-bvi-theme="c3"] .services-accordion-header,
html[data-bvi-active="true"][data-bvi-theme="c3"] .services-accordion-body,
html[data-bvi-active="true"][data-bvi-theme="c3"] .services-accordion-price-box,
html[data-bvi-active="true"][data-bvi-theme="c3"] input:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c3"] textarea:not(.aurum-bvi-drawer *) {
    background: #cbe2f8 !important;
    background-image: none !important;
    border: 2px solid #063462 !important;
    box-shadow: none !important;
    color: #063462 !important;
}

/* Плашка текста баннера в C3 */
html[data-bvi-active="true"][data-bvi-theme="c3"] .stocks-block-text {
    background: rgba(203, 226, 248, 0.95) !important;
    padding: 1.5rem !important;
    border-radius: 1.25rem !important;
}

/* Активный таб услуги в С3 (инвертирован для наглядного акцента) */
html[data-bvi-active="true"][data-bvi-theme="c3"] .tab-link.w--current,
html[data-bvi-active="true"][data-bvi-theme="c3"] .tab-link.w--current * {
    background-color: #063462 !important;
    color: #cbe2f8 !important;
    border-color: #063462 !important;
}

/* ==========================================================================
   С4: ЖЕЛТЫМ ПО ЧЕРНОМУ (Максимальный суперконтраст)
   ========================================================================== */
html[data-bvi-active="true"][data-bvi-theme="c4"] body,
html[data-bvi-active="true"][data-bvi-theme="c4"] .page-wrapper,
html[data-bvi-active="true"][data-bvi-theme="c4"] .section,
html[data-bvi-active="true"][data-bvi-theme="c4"] .section-bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c4"] .section.bg-gray,
html[data-bvi-active="true"][data-bvi-theme="c4"] .footer,
html[data-bvi-active="true"][data-bvi-theme="c4"] .aurum-topbar,
html[data-bvi-active="true"][data-bvi-theme="c4"] .navbar,
html[data-bvi-active="true"][data-bvi-theme="c4"] .w-slider-mask {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffff00 !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c4"] *:not(.aurum-bvi-drawer *):not(#aurumBviDrawer):not(#aurumBviBackdrop) {
    color: #ffff00 !important;
    border-color: #ffff00 !important;
    text-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c4"] a:not(.aurum-bvi-drawer *) {
    text-decoration: underline !important;
    color: #ffff00 !important;
}

html[data-bvi-active="true"][data-bvi-theme="c4"] .button,
html[data-bvi-active="true"][data-bvi-theme="c4"] .btn,
html[data-bvi-active="true"][data-bvi-theme="c4"] button:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c4"] .aurum-topbar-btn,
html[data-bvi-active="true"][data-bvi-theme="c4"] .stocks-button,
html[data-bvi-active="true"][data-bvi-theme="c4"] .services-accordion-btn {
    background: #000000 !important;
    color: #ffff00 !important;
    border: 2px solid #ffff00 !important;
    box-shadow: none !important;
}

html[data-bvi-active="true"][data-bvi-theme="c4"] .card,
html[data-bvi-active="true"][data-bvi-theme="c4"] .review-block,
html[data-bvi-active="true"][data-bvi-theme="c4"] .accordion-card,
html[data-bvi-active="true"][data-bvi-theme="c4"] .doc-card,
html[data-bvi-active="true"][data-bvi-theme="c4"] .doctor-profile-card,
html[data-bvi-active="true"][data-bvi-theme="c4"] .doctor-card,
html[data-bvi-active="true"][data-bvi-theme="c4"] .heading,
html[data-bvi-active="true"][data-bvi-theme="c4"] .content-block,
html[data-bvi-active="true"][data-bvi-theme="c4"] .content-block.slider,
html[data-bvi-active="true"][data-bvi-theme="c4"] .tab-link,
html[data-bvi-active="true"][data-bvi-theme="c4"] .text-price,
html[data-bvi-active="true"][data-bvi-theme="c4"] .stock-feature-item,
html[data-bvi-active="true"][data-bvi-theme="c4"] .stocks-block,
html[data-bvi-active="true"][data-bvi-theme="c4"] .services-accordion-item,
html[data-bvi-active="true"][data-bvi-theme="c4"] .services-accordion-header,
html[data-bvi-active="true"][data-bvi-theme="c4"] .services-accordion-body,
html[data-bvi-active="true"][data-bvi-theme="c4"] .services-accordion-price-box,
html[data-bvi-active="true"][data-bvi-theme="c4"] input:not(.aurum-bvi-drawer *),
html[data-bvi-active="true"][data-bvi-theme="c4"] textarea:not(.aurum-bvi-drawer *) {
    background: #000000 !important;
    background-image: none !important;
    border: 2px solid #ffff00 !important;
    box-shadow: none !important;
    color: #ffff00 !important;
}

/* Плашка текста баннера в C4 */
html[data-bvi-active="true"][data-bvi-theme="c4"] .stocks-block-text {
    background: rgba(0, 0, 0, 0.92) !important;
    padding: 1.5rem !important;
    border-radius: 1.25rem !important;
}

/* Активный таб услуги в С4 (инвертирован для наглядного акцента) */
html[data-bvi-active="true"][data-bvi-theme="c4"] .tab-link.w--current,
html[data-bvi-active="true"][data-bvi-theme="c4"] .tab-link.w--current * {
    background-color: #ffff00 !important;
    color: #000000 !important;
    border-color: #ffff00 !important;
}

html[data-bvi-active="true"][data-bvi-theme="c4"] .tab-link:not(.w--current) img {
    filter: brightness(0) invert(1) !important;
}