@media (max-width: 991px) {
    .header-top {
        position: relative;
        z-index: 1050 !important;
    }

    .main-navigation,
    .navbar,
    .navbar.fixed-top {
        position: relative;
        z-index: 1060 !important;
    }

    .offcanvas-backdrop {
        z-index: 1190 !important;
    }

    .navbar .offcanvas {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100dvh !important;
        overflow: visible !important;
        z-index: 1200 !important;
    }

    .navbar .offcanvas-body {
        overflow-y: auto !important;
        overflow-x: visible !important;
        position: relative !important;
    }

    .navbar .offcanvas .nav-item.dropdown {
        position: relative !important;
    }

    .navbar .offcanvas .dropdown-menu {
        position: relative !important;
        z-index: 1210 !important;
    }

    body:has(.navbar .offcanvas.show) .header-top {
        display: none !important;
    }
}