/* Russian navigation needs an earlier collapse point because its labels are wider. */
@media (min-width: 992px) and (max-width: 1049px) {
    html[lang="ru"] .header-main .menu-toggle {
        display: flex;
    }

    html[lang="ru"] .header-main .navigation-container {
        display: none !important;
        flex: 0 1 100%;
        order: 10;
    }

    html[lang="ru"] .header-main .menu-toggle:has(.menu-toggle__button.active) ~ .navigation-container {
        display: block !important;
        max-height: calc(100vh - 130px);
        overflow-y: auto !important;
    }

    html[lang="ru"] .menu-toggle__button:focus-visible {
        outline: 2px solid #cfaa77;
        outline-offset: 4px;
    }

    html[lang="ru"] .header-main .navigation-wrapper {
        padding: 10px 0 0;
        overflow: visible;
    }

    html[lang="ru"] .header-main .top-bar {
        height: auto;
        padding-bottom: 14px;
        overflow: hidden;
        opacity: 1;
        text-align: right;
    }

    html[lang="ru"] .header-main .navigation-wrapper > .button {
        display: inline-block;
        float: none !important;
        margin-left: 0;
    }

    html[lang="ru"] .header-main .primary-navigation {
        float: none !important;
        width: 100%;
        padding: 30px 0 20px;
    }

    html[lang="ru"] .header-main .primary-navigation > ul {
        display: block;
        height: auto;
    }

    html[lang="ru"] .header-main .primary-navigation > ul > li {
        float: none;
        margin-right: 0;
    }

    html[lang="ru"] .header-main .primary-navigation > ul > li > a {
        width: 100%;
        padding: 11px 15px 11px 12px;
    }

    html[lang="ru"] .header-main .primary-navigation .btn-tgl {
        position: absolute;
        top: 6px;
        right: 2px;
        left: auto;
        display: block;
    }

    html[lang="ru"] .header-main .primary-navigation ul ul {
        position: static;
        width: 100%;
        padding: 0;
        background: #0f0f18;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }

    html[lang="ru"] .header-main .primary-navigation ul li > ul {
        display: none !important;
    }

    html[lang="ru"] .header-main .primary-navigation ul li.active > ul {
        display: block !important;
    }

    html[lang="ru"] .header-main .primary-navigation ul li:hover > ul {
        display: none !important;
    }

    html[lang="ru"] .header-main .primary-navigation ul li.active:hover > ul {
        display: block !important;
    }

    html[lang="ru"] .header-main .primary-navigation ul ul li {
        padding: 0;
    }

    html[lang="ru"] .header-main .primary-navigation ul ul li > a {
        padding: 11px 15px 11px 28px;
    }
}

@media (max-width: 1049px) {
    html[lang="ru"] .header:has(.menu-toggle__button.active) {
        position: relative;
        background: #0f0f18;
    }

    html[lang="ru"] .header-main .navigation-container {
        position: relative;
        z-index: 101;
        max-height: calc(100vh - 130px);
        overflow-y: auto;
        background: #0f0f18;
    }
}