@charset "UTF-8";

/* ==========================================================================
   1. МОБИЛЬНЫЕ АДАПТИВНЫЕ ФИКСЫ (Для обеих тем: темной и светлой)
   Устранение сплющивания блоков, вылетания цен, перекрытия ноутбуком и футера
   ========================================================================== */

@media (max-width: 1023px) {

    /* Разворачиваем блоки мониторинга на 100% ширины */
    .ao-monitoring-info__content,
    .ao-monitoring-info__content--reverse,
    .ao-monitoring-info__content--setup {
        padding: 0 !important;
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }

    /* Скриншоты терминала и дашбордов Grafana */
    .ao-monitoring-info__img-wrp {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
    }

    .ao-monitoring-info__img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Фикс отступов в карточках архитектуры и описания */
    .ao-moving-server-desc__main,
    .ao-moving-server-desc__list {
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 20px !important;
        box-sizing: border-box !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }

    .ao-moving-server-desc .d-lg-flex,
    .ao-moving-server-desc .mb-32.d-lg-flex {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* Карточки AI-помощника и быстрых инфо-блоков */
    .ao-ai-assistant__col,
    .ao-service-description__content,
    .ao-quick-info__main,
    .ao-about-service__col {
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
    }

    .ao-service-description__picture {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 24px !important;
    }

    .ao-quick-info__content {
        flex-direction: column !important;
    }

    /* Перестроение подвала (футера) в аккуратную вертикальную колонку */
    .ao-footer__content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        grid-template-columns: 1fr !important;
        grid-column-gap: 0 !important;
        padding: 30px 20px !important;
    }

    .ao-footer__nav {
        width: 100% !important;
        padding: 20px 0 !important;
    }

    .ao-footer__links {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .ao-footer__contacts-block {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-bottom: 24px !important;
    }

    .ao-footer__contacts {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ao-footer__info-block {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .ao-footer__small {
        max-width: 100% !important;
        text-align: center !important;
    }
}

/* Карточки, списки, цены, скриншоты и ноутбук на мобильных (< 768px) */
@media (max-width: 767px) {
    .ao-ordered-list__item,
    .ao-solutions__item,
    .ao-backups-features__item,
    .ao-service-advantages__item,
    .ao-index-monitoring__item,
    .ao-index-moveserver__item,
    .ao-index-maintance__item,
    .ao-linux-why__item,
    .ao-partnership-why__item,
    .ao-partnership-clients__item,
    .ao-aspects__item {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ao-ordered-list {
        flex-direction: column !important;
    }

    /* Фикс плашек цен */
    .ao-service-order {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 20px !important;
        gap: 16px !important;
    }
    .ao-service-order__info {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        gap: 8px !important;
    }
    .ao-service-order__label {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 15px !important;
    }
    .ao-service-order__price {
        width: 100% !important;
        text-align: left !important;
        font-size: 20px !important;
    }
    .ao-service-order__btn {
        width: 100% !important;
        margin-top: 8px !important;
    }

    /* Демонстрационный скриншот интерфейса */
    .ao-service-demonstration__content {
        height: auto !important;
        width: 100% !important;
        padding: 4px !important;
    }
    .ao-service-demonstration__content .ao-video,
    .ao-service-demonstration__content img {
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* Ноутбук в партнерке */
    .ao-partnership__content {
        padding-bottom: 250px !important;
        position: relative !important;
    }
    .ao-partnership__content:before {
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 290px !important;
        height: 230px !important;
        margin: 0 !important;
        background-position: center bottom !important;
        background-size: contain !important;
    }
}

/* ==========================================================================
   2. ФИКСАЦИЯ ШАПКИ НА ДЕСКТОПЕ (Для обеих тем)
   ========================================================================== */

@media (min-width: 1024px) {
    .ao-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1046 !important;
        background-color: rgba(9, 1, 21, 0.92) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    }
}

/* ==========================================================================
   3. АВТОМАТИЧЕСКАЯ СВЕТЛАЯ ТЕМА (Чистый CSS)
   ========================================================================== */

@media (prefers-color-scheme: light) {

    /* --------------------------------------------------------------------------
       Базовые переменные и типографика
       -------------------------------------------------------------------------- */
    body {
        --bs-body-bg: #F6F4F8;
        --bs-body-color: #453A59;
        --bs-heading-color: #2E2344;
        --bs-link-color: #7C3AED;
        --bs-link-hover-color: #5B21B6;
        background-color: var(--bs-body-bg) !important;
        color: var(--bs-body-color) !important;
    }

    /* Текст во всех контентных блоках */
    main *,
    .ao-section *,
    .planet-section *,
    .faq-section *,
    .ao-custom-compare *,
    .ao-tariff-table *,
    .ao-tariff-grid *,
    .ao-moving-server-desc *,
    .ao-ordered-list *,
    .ao-backups-features__item,
    .desc__item-content,
    .desc__item-content * {
        color: #453A59;
    }

    /* Принудительный фикс для .text-white и .fw-bolder */
    .text-white,
    *.text-white,
    span.text-white,
    div.text-white,
    p.text-white,
    b.text-white,
    strong.text-white,
    .fw-bolder.text-white,
    .d-block.text-white,
    .has-white-color,
    .has-very-light-gray-color,
    .ao-color-white,
    [style*="color: rgb(255, 255, 255)"],
    [style*="color:#ffffff"],
    [style*="color: #fff"] {
        --bs-white-rgb: 46, 35, 68 !important;
        --bs-text-opacity: 1 !important;
        color: #2E2344 !important;
    }

    /* Полужирные заголовки и акценты */
    b, strong,
    .fw-bolder,
    .ao-ordered-list__item b,
    .ao-backups-features__item b,
    .ao-moving-server-desc__list b,
    .ao-index-monitoring__item b {
        color: #2E2344 !important;
        font-weight: 600 !important;
    }

    /* Все классы заголовков на сайте */
    h1, .h1, h2, .h2, h3, .h3, h4, .h4,
    .ao-title,
    .ao-section__title,
    .ao-solutions__item-title,
    span.ao-solutions__item-title,
    .ao-monthly-service__item-title,
    .ao-index-monitoring__item-title,
    .planet-title,
    .faq-question,
    .ao-company-info__data-title,
    .ao-moving-server-desc__solution-title,
    .ao-backups-features__title,
    .ao-what-will-be-done__title,
    .ao-comp-row-title,
    .ao-ai-assistant__title,
    .ao-about-service__title,
    .ao-tariff-card__title {
        color: #2E2344 !important;
    }

    /* Ссылки */
    a {
        color: var(--bs-link-color) !important;
    }
    a:hover {
        color: var(--bs-link-hover-color) !important;
    }
    .ao-link {
        color: #7C3AED !important;
        text-decoration: underline !important;
    }

    /* Облегченная темная шапка */
    .ao-header {
        background-color: #2C2042 !important;
        border-bottom: 1px solid rgba(163, 87, 246, 0.25) !important;
    }
    @media (min-width: 1024px) {
        .ao-header {
            background-color: rgba(44, 32, 66, 0.94) !important;
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
            box-shadow: 0 4px 20px rgba(22, 14, 38, 0.2) !important;
        }
    }
    .ao-header * {
        color: #E2DCED !important;
    }
    .ao-header__nav-link {
        color: #E2DCED !important;
    }
    .ao-header__nav-link:hover {
        color: #FFFFFF !important;
        background-color: rgba(163, 87, 246, 0.2) !important;
        border-color: rgba(163, 87, 246, 0.35) !important;
    }
    .ao-header__nav-link--active {
        color: #FFFFFF !important;
        background-color: rgba(163, 87, 246, 0.25) !important;
        border-color: rgba(163, 87, 246, 0.45) !important;
    }
    .ao-header__dropwndown-content {
        background-color: #352750 !important;
        border: 1px solid rgba(163, 87, 246, 0.3) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    }
    .ao-header__dropwndown-link {
        color: #E2DCED !important;
    }
    .ao-header__dropwndown-link:hover {
        color: #FFFFFF !important;
        background: #47356B !important;
    }
    .ao-header__menu-btn svg path {
        stroke: #FFFFFF !important;
    }

    .ao-header .ao-logo__text {
        color: #FFFFFF !important;
    }
    .ao-header .ao-logo__img {
        filter: none !important;
    }

    /* Первый экран (Интро) */
    .ao-intro {
        background-color: #F6F4F8 !important;
        background-image: radial-gradient(circle at 50% 30%, rgba(163, 87, 246, 0.10) 0%, rgba(246, 244, 248, 0) 65%) !important;
        background-position: center !important;
        background-size: cover !important;
    }
    .ao-intro__text,
    .ao-section__desc,
    .planet-subtitle {
        color: #5A5266 !important;
    }
    .ao-intro__list-item:before {
        background-color: #7C3AED !important;
        box-shadow: 0 0 3.2px 1.6px rgba(124, 58, 237, 0.25) !important;
    }
    .ao-intro__price {
        color: #2E2344 !important;
        font-weight: 600 !important;
    }

    /* Разделители секций */
    .ao-section,
    .planet-section,
    .ao-solutions,
    .ao-index-monitoring,
    .ao-monthly-service,
    .ao-partnership,
    .faq-section,
    .ao-what-will-be-done,
    .ao-moving-server-desc,
    .ao-about-service,
    .ao-quick-info,
    .ao-service-demonstration {
        border-bottom: 1px solid #EAE5F2 !important;
        border-top: none !important;
    }

    /* Кнопки */
    a.ao-btn--primary,
    button.ao-btn--primary,
    .ao-btn--primary,
    a.ao-btn--primary *,
    button.ao-btn--primary *,
    .ao-btn--primary *,
    a.ao-btn--primary:hover,
    button.ao-btn--primary:hover,
    .ao-btn--primary:hover,
    a.ao-btn--primary:active,
    button.ao-btn--primary:active,
    .ao-btn--primary:active,
    a.ao-btn--primary:focus,
    button.ao-btn--primary:focus,
    .ao-btn--primary:focus {
        color: #FFFFFF !important;
        --bs-white-rgb: 255, 255, 255 !important;
        --bs-link-hover-color-rgb: 255, 255, 255 !important;
    }

    .ao-btn--primary {
        background-color: #7C3AED !important;
        border-color: #7C3AED !important;
        box-shadow: 0 4px 14px rgba(124, 58, 237, 0.3) !important;
    }
    .ao-btn--primary:hover {
        background-color: #6D28D9 !important;
        border-color: #6D28D9 !important;
        box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4) !important;
    }

    .ao-btn--secondary {
        color: #2E2344 !important;
        border-color: #D2C8E2 !important;
        box-shadow: none !important;
    }
    .ao-btn--secondary:hover {
        background-color: #F0EBF5 !important;
        border-color: #C3B8D5 !important;
    }

    /* Широкие кнопки действий */
    a.ao-section__action-btn,
    button.ao-section__action-btn,
    .ao-section__action-btn {
        background-color: #FFFFFF !important;
        border: 1px solid #D2C8E2 !important;
        color: #2E2344 !important;
        box-shadow: 0 4px 16px rgba(46, 35, 68, 0.04) !important;
        text-decoration: none !important;
        transition: all 0.25s ease-in-out !important;
    }
    a.ao-section__action-btn:hover,
    button.ao-section__action-btn:hover,
    .ao-section__action-btn:hover {
        background-color: #F0EBF5 !important;
        border-color: #7C3AED !important;
        color: #7C3AED !important;
        box-shadow: 0 6px 20px rgba(124, 58, 237, 0.12) !important;
    }

    /* --------------------------------------------------------------------------
       Карточки "Решения" (Сочные теплые лавандово-фиолетовые 3D-иконки)
       -------------------------------------------------------------------------- */
    .ao-solutions__item {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
        box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
    }
    .ao-solutions__item-header {
        border-bottom: 1px solid #F0EBF5 !important;
    }
    .ao-solutions__item-header p {
        color: #453A59 !important;
    }
    .ao-solutions__item-icon-wrp:before {
        background: radial-gradient(circle at 50% 50%, rgba(163, 87, 246, 0.14) 0%, rgba(246, 244, 248, 0) 70%) !important;
        filter: blur(15px) !important;
    }

    /* Теплый лавандовый 3D-оттенок иконок без синевы и без малинового сдвига */
    .ao-solutions__item-icon {
        filter: brightness(1.18) contrast(1.08) saturate(1.45) hue-rotate(3deg) drop-shadow(0 6px 16px rgba(163, 87, 246, 0.30)) !important;
        transition: transform 0.3s ease, filter 0.3s ease !important;
    }
    .ao-solutions__item:hover .ao-solutions__item-icon {
        transform: scale(1.06) !important;
        filter: brightness(1.24) contrast(1.12) saturate(1.60) hue-rotate(3deg) drop-shadow(0 10px 22px rgba(163, 87, 246, 0.45)) !important;
    }

    /* Списки и другие карточки */
    .ao-ordered-list__item,
    .ao-backups-features__item,
    .ao-index-monitoring__item,
    .ao-index-moveserver__item,
    .ao-index-maintance__item,
    .ao-service-advantages__item,
    .ao-info-text,
    .ao-block {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
        box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
    }

    .ao-backups-features__item * {
        color: #453A59 !important;
    }
    .ao-backups-features__item b,
    .ao-backups-features__item strong,
    .ao-backups-features__item h3,
    .ao-backups-features__item h4,
    .ao-backups-features__item [class*="title"],
    .ao-backups-features__item .fw-bolder {
        color: #2E2344 !important;
        font-weight: 600 !important;
    }

    /* Плашка подарка */
    .ao-about-service__gift {
        background: linear-gradient(135deg, #FFFFFF 0%, #F8F3FC 100%) !important;
        border: 1px solid rgba(163, 87, 246, 0.25) !important;
        border-radius: 16px !important;
        box-shadow: 0 6px 25px rgba(124, 58, 237, 0.06) !important;
        padding: 24px 32px !important;
    }
    .ao-about-service__gift-text {
        color: #2E2344 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }
    .ao-about-service__gift-icon {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        background-color: #F0E6FA !important;
        border: 1px solid rgba(124, 58, 237, 0.25) !important;
        border-radius: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        margin-right: 24px !important;
        margin-bottom: 0 !important;
    }
    .ao-about-service__gift-icon:before {
        position: static !important;
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V12M2 7H22V12H2V7ZM12 22V7M12 7H7.5C6.11929 7 5 5.88071 5 4.5C5 3.11929 6.11929 2 7.5 2C9.5 2 12 7 12 7ZM12 7H16.5C17.8807 7 19 5.88071 19 4.5C19 3.11929 17.8807 2 16.5 2C14.5 2 12 7 12 7Z' stroke='%237C3AED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        filter: none !important;
        content: "" !important;
    }

    .ao-circle-num {
        background-color: #F0EBF5 !important;
        border-color: #7C3AED !important;
        color: #7C3AED !important;
    }
    .ao-what-will-be-done__icon-wrp:before {
        background-color: rgba(124, 58, 237, 0.06) !important;
    }

    /* Блоки тарифов и заказа */
    .ao-service-order {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
        box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
    }
    .ao-service-order__label {
        color: #2E2344 !important;
        font-weight: 600 !important;
    }
    .ao-service-order__price {
        color: #7C3AED !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    /* Десктопный монолитный блок тюнинга (>= 1024px) */
    @media (min-width: 1024px) {
        .ao-moving-server-desc .d-lg-flex,
        .ao-moving-server-desc .mb-32.d-lg-flex {
            background-color: #FFFFFF !important;
            border: 1px solid #E4DFEC !important;
            border-radius: 16px !important;
            box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
            overflow: hidden !important;
        }
        .ao-moving-server-desc__main,
        .ao-moving-server-desc__list {
            background-color: transparent !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }
    }

    /* Мобильные карточки тюнинга (< 1024px) */
    @media (max-width: 1023px) {
        .ao-moving-server-desc__main,
        .ao-moving-server-desc__list {
            background-color: #FFFFFF !important;
            border: 1px solid #E4DFEC !important;
            border-radius: 14px !important;
            box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
        }
    }

    /* SVG-иконки, архитектура и календарь */
    .ao-moving-server-desc svg path,
    .ao-moving-server-desc__main svg path,
    .ao-moving-server-desc__list svg path,
    .ao-quick-info__icon path,
    .ao-what-will-be-done__item svg path,
    .ao-index-monitoring__item svg path,
    .ao-solutions__item svg path {
        fill: #DECFF5 !important;
        stroke: #7C3AED !important;
    }

    .ao-quick-info__content:before {
        background-color: rgba(124, 58, 237, 0.10) !important;
        filter: blur(70px) !important;
    }

    /* Стек технологий (Сфера) */
    .planet-section {
        background-color: #F6F4F8 !important;
    }
    .sphere-core {
        background: radial-gradient(
                ellipse at center,
                rgba(124, 58, 237, 0.12) 0%,
                rgba(124, 58, 237, 0.03) 50%,
                rgba(124, 58, 237, 0) 100%
        ) !important;
    }

    .planet-section .sphere-item,
    .sphere-cloud .sphere-item,
    .sphere-item {
        background-color: #3C2F58 !important;
        background: #3C2F58 !important;
        border: 1px solid rgba(163, 87, 246, 0.4) !important;
        box-shadow: 0 4px 16px rgba(60, 47, 88, 0.15) !important;
    }

    .planet-section .sphere-item:hover,
    .sphere-cloud .sphere-item:hover,
    .sphere-item:hover,
    .sphere-item:active,
    .sphere-item:focus {
        background-color: #4E3C73 !important;
        background: #4E3C73 !important;
        border-color: #A357F6 !important;
        box-shadow: 0 10px 28px rgba(124, 58, 237, 0.35), 0 0 15px rgba(163, 87, 246, 0.25) !important;
    }

    .sphere-item .fallback-text {
        color: #FFFFFF !important;
    }

    /* Скриншоты интерфейсов */
    .ao-monitoring-info__img-wrp:before,
    .ao-monitoring-info__img-wrp:after {
        display: none !important;
    }
    .ao-monitoring-info__img-wrp {
        border-radius: 14px !important;
        overflow: hidden !important;
        border: 1px solid #E4DFEC !important;
        box-shadow: 0 12px 35px rgba(46, 35, 68, 0.06) !important;
    }
    .ao-monitoring-info__img {
        border-radius: 14px !important;
    }

    .ao-monitoring-notifications__content {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
    }
    .ao-service-demonstration__content {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 30px rgba(46, 35, 68, 0.04) !important;
    }
    .ao-service-demonstration__content img,
    .ao-service-description__img,
    .ao-moving-server__img {
        border-radius: 14px !important;
    }
    .ao-service-demonstration__caption {
        color: #5A5266 !important;
    }

    /* Блок AI-помощника */
    .ao-ai-assistant {
        background-color: #F6F4F8 !important;
    }
    .ao-ai-assistant__header {
        background: radial-gradient(ellipse at 50% 60%, rgba(124, 58, 237, 0.08) 0%, rgba(246, 244, 248, 0) 70%) !important;
    }
    .ao-ai-assistant__header:before {
        display: none !important;
    }
    .ao-ai-assistant__logo {
        background-color: #7C3AED !important;
        box-shadow: 0 6px 24px rgba(124, 58, 237, 0.3) !important;
    }
    .ao-ai-assistant__logo,
    .ao-ai-assistant__logo * {
        color: #FFFFFF !important;
    }
    .ao-ai-assistant__btn {
        border-color: #D2C8E2 !important;
        background-color: #FFFFFF !important;
        color: #2E2344 !important;
        box-shadow: 0 4px 16px rgba(46, 35, 68, 0.04) !important;
    }
    .ao-ai-assistant__price {
        color: #6F6582 !important;
    }

    /* Плашки сравнения */
    .ao-custom-compare {
        background: transparent !important;
    }
    .ao-comp-item {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
        box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
    }
    .ao-comp-row-title {
        color: #2E2344 !important;
        border-color: #F0EBF5 !important;
    }
    .ao-comp-bad {
        color: #DC2626 !important;
    }
    .ao-comp-good {
        color: #059669 !important;
    }

    /* Ежемесячное обслуживание */
    .ao-monthly-service__item {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
    }
    .ao-monthly-service__item-title {
        color: #2E2344 !important;
    }
    .ao-monthly-service__item-num {
        color: rgba(124, 58, 237, 0.15) !important;
    }
    .ao-monthly-service__item-body,
    .ao-monthly-service__item-more {
        border-top: 1px solid #F0EBF5 !important;
    }
    .ao-monthly-service__item-more {
        color: #5A5266 !important;
    }
    .ao-monthly-service__item-expand {
        border-color: #D2C8E2 !important;
    }
    .ao-monthly-service__item-expand:before,
    .ao-monthly-service__item-expand:after {
        background-color: #7C3AED !important;
    }

    /* Сетка и карточки тарифов WAF */
    .ao-tariff-card {
        background-color: #FFFFFF !important;
        box-shadow: 0 4px 20px rgba(46, 35, 68, 0.03) !important;
    }
    .ao-tariff-card--standard {
        border: 1px solid #E4DFEC !important;
        background-color: #FFFFFF !important;
    }
    .ao-tariff-card--popular {
        border: 2px solid #7C3AED !important;
        background-color: #FFFFFF !important;
        box-shadow: 0 8px 30px rgba(124, 58, 237, 0.08) !important;
    }
    .ao-tariff-card__badge {
        background-color: #7C3AED !important;
        color: #FFFFFF !important;
        box-shadow: 0 2px 10px rgba(124, 58, 237, 0.3) !important;
    }
    .ao-tariff-card__title {
        color: #2E2344 !important;
        font-weight: 700 !important;
    }
    .ao-tariff-card__desc {
        color: #5A5266 !important;
    }
    .ao-tariff-card__divider {
        border-top: 1px solid #F0EBF5 !important;
    }
    .ao-tariff-card__list {
        color: #453A59 !important;
    }
    .ao-tariff-card__check {
        color: #7C3AED !important;
    }
    .ao-tariff-card__price-label {
        color: #7C3AED !important;
    }
    .ao-tariff-card__price {
        color: #2E2344 !important;
        font-weight: 700 !important;
    }

    /* --------------------------------------------------------------------------
       14. Таблица сравнительных тарифов (SLA сетка)
       -------------------------------------------------------------------------- */
    .ao-tariffs-section,
    .ao-tariff-table {
        color: #453A59 !important;
    }
    .ao-tariff-table th,
    .ao-tariff-table td {
        color: #453A59 !important;
        border-color: #F0EBF5 !important;
    }
    .ao-tariff-name {
        color: #2E2344 !important;
        font-weight: 700 !important;
    }
    .ao-tariff-name-popular {
        color: #7C3AED !important;
        font-weight: 700 !important;
    }
    .ao-tariff-price {
        color: #5A5266 !important;
    }
    .ao-tariff-price-popular {
        color: #7C3AED !important;
        font-weight: 700 !important;
    }
    .ao-td-label {
        color: #2E2344 !important;
        font-weight: 600 !important;
    }
    .ao-td-value {
        color: #453A59 !important;
    }
    .ao-td-sublabel,
    .ao-td-sublabel-muted {
        color: #6F6582 !important;
    }
    .ao-table-header-row {
        border-bottom: 2px solid #D2C8E2 !important;
    }
    .ao-tariff-table tbody tr {
        border-bottom: 1px solid #F0EBF5 !important;
    }
    .ao-tariff-table tbody tr.ao-tr-last {
        border-bottom: 2px solid #D2C8E2 !important;
    }

    .ao-td-popular,
    .ao-tariff-header-popular,
    .ao-td-popular-button {
        background-color: rgba(124, 58, 237, 0.05) !important;
        color: #2E2344 !important;
    }

    /* На десктопе (>= 1024px) первая колонка прозрачна */
    @media (min-width: 1024px) {
        body .ao-table-scroll table th:first-child,
        body .ao-table-scroll table td:first-child,
        body .ao-tariff-table th:first-child,
        body .ao-tariff-table td:first-child {
            background-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
            border-right: none !important;
        }
    }

    /* На мобильных (< 1024px) липкая колонка имеет цвет фона страницы #F6F4F8 */
    @media (max-width: 1023px) {
        body .ao-table-scroll table th:first-child,
        body .ao-table-scroll table td:first-child,
        body .ao-table-scroll th:first-child,
        body .ao-table-scroll td:first-child,
        body .ao-tariff-table th:first-child,
        body .ao-tariff-table td:first-child,
        body .ao-tariff-table th.ao-th-label,
        body .ao-tariff-table td.ao-td-label,
        body .ao-tariff-table .ao-td-label-empty,
        body .ao-table-scroll tr > *:first-child,
        body .ao-tariff-table tr > *:first-child {
            background-color: #F6F4F8 !important;
            background: #F6F4F8 !important;
            color: #2E2344 !important;
            box-shadow: 4px 0 10px rgba(46, 35, 68, 0.05) !important;
            border-right: 1px solid #EAE5F2 !important;
        }

        body .ao-table-scroll tr > *:first-child * {
            color: #2E2344 !important;
        }
    }

    .ao-status-check {
        color: #059669 !important;
    }
    .ao-status-cross {
        color: #DC2626 !important;
    }
    .ao-table-disclaimer {
        background: rgba(124, 58, 237, 0.04) !important;
        border-color: rgba(124, 58, 237, 0.15) !important;
    }
    .ao-table-disclaimer-text {
        color: #5A5266 !important;
    }
    .ao-table-disclaimer-highlight {
        color: #2E2344 !important;
    }

    /* --------------------------------------------------------------------------
       15. Слайдер, отзывы, FAQ и Футер
       -------------------------------------------------------------------------- */
    .ao-monitoring-slider__img,
    .ao-reviews__item {
        background-color: #FFFFFF !important;
        border: 1px solid #E4DFEC !important;
    }
    .ao-reviews__item-name {
        border-bottom: 1px solid #F0EBF5 !important;
    }
    .ao-slider__btn {
        background-color: #FFFFFF !important;
        border-color: #D2C8E2 !important;
    }
    .ao-slider__btn svg path {
        fill: #2E2344 !important;
    }

    .faq-section {
        background-color: #F6F4F8 !important;
    }
    .faq-item {
        background: #FFFFFF !important;
        border-color: #E4DFEC !important;
    }
    .faq-item:hover,
    .faq-item.active {
        background: #FFFFFF !important;
        border-color: #D2C8E2 !important;
    }
    .faq-question {
        color: #2E2344 !important;
    }
    .faq-icon::before,
    .faq-icon::after {
        background-color: #7C3AED !important;
    }
    .faq-answer-inner p,
    .faq-answer-inner li {
        color: #5A5266 !important;
    }
    .faq-answer-inner b {
        color: #2E2344 !important;
    }

    /* Футер */
    .ao-footer {
        background-color: #FFFFFF !important;
        border-top: 1px solid #EAE5F2 !important;
    }

    /* Контрастный логотип в светлом подвале */
    .ao-footer .ao-logo__text {
        color: #2E2344 !important;
    }
    .ao-footer .ao-logo__img {
        filter: brightness(0.25) sepia(1) hue-rotate(240deg) saturate(3) !important;
    }

    .ao-footer__sub-link,
    .ao-footer__info-link,
    .ao-footer__small,
    .ao-footer__contact-label {
        color: #6F6582 !important;
    }
    .ao-footer__sub-link:hover,
    .ao-footer__copyright .ao-footer__info-link:hover {
        color: #7C3AED !important;
    }
    .ao-footer__contacts {
        border: 1px solid #E4DFEC !important;
    }
    .ao-footer__contact-item {
        border-bottom: 1px solid #F0EBF5 !important;
    }
    .ao-footer__contact-item:last-child {
        border-bottom: none !important;
    }
    .ao-footer__contact-value a {
        color: #2E2344 !important;
    }
    .ao-footer__copyright {
        border-top: 1px solid #EAE5F2 !important;
        color: #6F6582 !important;
    }
    .ao-footer__payment-methods svg path[fill="#fff"] {
        fill: #2E2344 !important;
    }
}