/* Mobile nav stack fix — drawer outside header clipping */
.site-header {
    background: rgba(9, 8, 13, 0.96) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 7000 !important;
    overflow: visible !important;
}

.site-nav--drawer {
    display: none;
}

.site-nav-backdrop {
    z-index: 7100 !important;
    background: rgba(0, 0, 0, 0.55) !important;
}

body.menu-open .site-header {
    z-index: 7300 !important;
}

@media (max-width: 1024px) {
    .site-nav--desktop {
        display: none !important;
    }

    .site-nav--drawer {
        display: flex !important;
        position: fixed !important;
        top: var(--header-h, 64px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 20px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        background: #09080d !important;
        transform: translateX(100%);
        transition: transform 0.28s ease !important;
        z-index: 7200 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .site-nav--drawer.is-open {
        transform: translateX(0) !important;
    }

    .site-nav--drawer .site-nav__link {
        padding: 14px 16px !important;
        border-radius: 12px !important;
        background: var(--bg-card, #151821) !important;
    }

    .site-header__menu-btn {
        position: relative !important;
        z-index: 7301 !important;
    }
}