/* Mobile header fix — must load after theme CSS; critical rules also inlined in index.html */
@media only screen and (max-width: 1239px) {

    body.mobile-side-slide #Header_wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 10000000 !important;
        background: #333 !important;
        min-height: 60px !important;
        pointer-events: none;
    }

    body.mobile-side-slide #Top_bar {
        pointer-events: auto;
        background: #333 !important;
        position: relative !important;
        min-height: 60px !important;
    }

    body.mobile-side-slide #Top_bar .top_bar_left {
        background: #333 !important;
        min-height: 60px !important;
    }

    body.page-id-477 #Top_bar .logo {
        display: none !important;
    }

    body.mobile-side-slide #Top_bar a.responsive-menu-toggle,
    body.mobile-side-slide #Top_bar a.responsive-menu-toggle.is-sticky {
        position: fixed !important;
        top: 13px !important;
        left: auto !important;
        right: 10px !important;
        margin-top: 0 !important;
        width: 44px !important;
        height: 44px !important;
        background-color: #333 !important;
        z-index: 10000001 !important;
        overflow: hidden !important;
        border-radius: 3px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    body.mobile-side-slide #Top_bar a.responsive-menu-toggle .icon-menu-fine {
        display: none !important;
    }

    body.mobile-side-slide #Top_bar a.responsive-menu-toggle .bel-burger-icon {
        display: block;
        flex-shrink: 0;
    }
}