.site-header .mobile-nav-order,
.site-header .menu-toggle .menu-close-icon {
    display: none;
}

@media (max-width: 1024px) {
    #siteHeader #mainNav {
        position: absolute;
        inset: calc(100% + 6px) 12px auto;
        width: auto;
        max-width: 480px;
        max-height: calc(100vh - 144px);
        max-height: calc(100dvh - 144px - env(safe-area-inset-bottom, 0px));
        margin: 0 auto;
        padding: 10px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
        overflow-y: auto;
        overscroll-behavior: contain;
        visibility: visible;
        transform: none;
        transition: none;
        background: #111a38;
        border: 1px solid #435277;
        border-radius: 16px;
        box-shadow: 0 18px 40px #080e2e55;
        color-scheme: dark;
    }

    .menu-open #siteHeader #mainNav {
        display: flex;
    }

    #siteHeader .nav-order {
        display: none;
    }

    #siteHeader .menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        flex-shrink: 0;
    }

    #siteHeader .menu-toggle[aria-expanded="true"] .menu-open-icon {
        display: none;
    }

    #siteHeader .menu-toggle[aria-expanded="true"] .menu-close-icon {
        display: block;
    }

    #siteHeader #mainNav > a,
    #siteHeader #mainNav .nav-dropdown-toggle {
        display: flex;
        align-items: center;
        min-height: 46px;
        padding: 9px 12px;
        border-radius: 8px;
        color: #f3f6ff;
        background: transparent;
        text-align: start;
        font-size: .91rem;
        line-height: 1.5;
        white-space: normal;
        animation: none;
        filter: none;
    }

    #siteHeader #mainNav .nav-dropdown {
        animation: none;
    }

    #siteHeader #mainNav > a::after,
    #siteHeader #mainNav .nav-dropdown-toggle::after {
        display: none;
    }

    #siteHeader #mainNav > a:is(:hover, .active),
    #siteHeader #mainNav .nav-dropdown-toggle:is(:hover, .active, [aria-expanded="true"]) {
        background: #243253;
        color: #e3f594;
    }

    #siteHeader #mainNav > .mobile-nav-order {
        justify-content: center;
        margin-block-start: 6px;
        background: #c9ed46;
        color: #15213b;
    }

    #siteHeader #mainNav > .mobile-nav-order:hover {
        background: #d9f574;
        color: #15213b;
    }

    #siteHeader #mainNav .nav-dropdown-toggle {
        width: 100%;
        justify-content: space-between;
    }

    #siteHeader #mainNav .nav-dropdown-toggle[aria-expanded="true"] > span {
        transform: rotate(180deg);
    }

    #siteHeader #mainNav .nav-dropdown-menu {
        position: static;
        width: 100%;
        display: none;
        grid-template-columns: 1fr;
        gap: 3px;
        margin: 4px 0 8px;
        padding: 6px;
        border: 1px solid #39496a;
        border-radius: 10px;
        background: #1b2747;
        box-shadow: none;
        backdrop-filter: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    #siteHeader #mainNav .nav-dropdown.open .nav-dropdown-menu {
        display: grid;
    }

    #siteHeader #mainNav .nav-dropdown-menu > a {
        min-height: 44px;
        align-items: center;
        padding: 8px 10px;
        background: transparent;
        border: 0;
        color: #f3f6ff;
        line-height: 1.5;
        transform: none;
    }

    #siteHeader #mainNav .nav-dropdown-menu > a:hover {
        background: #2b3d61;
    }

    #siteHeader #mainNav .nav-dropdown-menu :is(strong, .icon) {
        color: inherit;
    }

    #siteHeader #mainNav .nav-dropdown-menu small {
        display: none;
    }

    #siteHeader #mainNav :is(a, button):focus-visible {
        outline: 2px solid #e3f594;
        outline-offset: -2px;
    }

    .menu-open #mobileOverlay {
        opacity: 1;
        visibility: visible;
        background: #0d142c8c;
        backdrop-filter: none;
    }

    .menu-open :is(.floating-whatsapp, .back-to-top) {
        visibility: hidden;
        pointer-events: none;
    }
}