.site-header {
    z-index: 100;
}

.main-nav {
    z-index: 130;
}

@media (max-width: 900px) {
    .drawer-overlay.open {
        z-index: 80;
    }

    .site-header {
        z-index: 120;
    }

    .main-nav {
        visibility: visible;
        opacity: 1;
        z-index: 140;
    }

    .main-nav.open {
        transform: translateX(0);
    }

    html[dir="rtl"] .main-nav {
        right: 0;
        left: auto;
        transform: translateX(110%);
    }

    html[dir="ltr"] .main-nav {
        left: 0;
        right: auto;
        transform: translateX(-110%);
    }

    html[dir="rtl"] .main-nav.open,
    html[dir="ltr"] .main-nav.open {
        transform: translateX(0) !important;
    }

    .nav-toggle,
    .drawer-close {
        position: relative;
        z-index: 150;
    }
}