.kwc-mobile-nav-mask {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 10000;
}

body .nav-top-m.kwc-mobile-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    max-width: calc(100vw - 48px);
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: hidden;
    transform: translateX(-100%);
    z-index: 10001;
}

.kwc-mobile-drawer #J_closeNav {
    cursor: pointer;
    color: #c3c3c3;
}

.kwc-mobile-drawer #J_closeNav svg { display: none; }
.kwc-mobile-drawer #J_closeNav::after { content: '×'; font-size: 28px; line-height: 28px; }

@media (max-width: 899px) {
    body .header #J_btnNavMb { display: block !important; z-index: 10; }
    body .header .nav-top,
    body.kwc-home .header .nav-top,
    body.kwc-secondary-page .header .nav-top,
    body.kwc-core-nav-page .header .nav-top { display: none !important; }
    body.kwc-mobile-nav-open { overflow: hidden; }
    .kwc-mobile-nav-open .kwc-mobile-nav-mask { display: block; }
    body.kwc-mobile-nav-open .nav-top-m.kwc-mobile-drawer {
        visibility: visible;
        transform: translateX(0);
    }
}

@media (min-width: 900px) {
    body .header #J_btnNavMb { display: none !important; }
}