/* Fast, shared mobile navigation override. */
@media (max-width: 768px) {
    #mobile-menu {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        user-select: none;
    }

    .nav {
        display: none !important;
        position: fixed !important;
        inset: 72px 0 0 !important;
        width: 100% !important;
        max-height: none !important;
        padding: 16px 16px 28px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: #06101f !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        z-index: 9999 !important;
        transform: none !important;
        transition: none !important;
        contain: layout paint;
    }

    .nav.open,
    .nav.active {
        display: block !important;
    }

    .nav > ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 2px !important;
        padding: 0 !important;
    }

    .nav > a,
    .nav > .dropdown,
    .nav > ul > li {
        display: block !important;
        width: 100% !important;
    }

    .nav a {
        display: block !important;
        width: 100% !important;
        min-height: 44px;
        padding: 12px 14px !important;
        text-align: left !important;
    }

    .nav .dropdown-menu {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    body.mobile-nav-open {
        overflow: hidden !important;
    }
}