 



@media (max-width: 991.98px) {
    body.mobile-fixed-header-enabled {
        --og-mobile-header-height: 110px;
        --og-mobile-header-top: 0px;
    }

    body.mobile-fixed-header-enabled.has-active-header-promotion {
        --og-mobile-header-top: 48px;
    }

    body.mobile-fixed-header-enabled.no-active-header-promotion {
        --og-mobile-header-top: 0px;
    }

     
    body.mobile-fixed-header-enabled #wrapper {
        overflow: visible !important;
    }

     



    body.mobile-fixed-header-enabled header,
    body.mobile-fixed-header-enabled header.header-mobile,
    body.mobile-fixed-header-enabled header.smaller,
    body.mobile-fixed-header-enabled header.autoshow,
    body.mobile-fixed-header-enabled header.header-mobile-sticky {
        position: fixed !important;
        top: var(--og-mobile-header-top) !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        transform: none !important;
        z-index: 10050 !important;
        background: rgba(3, 6, 23, .98) !important;
        box-shadow: 0 8px 26px rgba(0, 0, 0, .20);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

     



    body.mobile-fixed-header-enabled .mobile-header-spacer {
        display: block;
        width: 100%;
        height: var(--og-mobile-header-height);
        min-height: var(--og-mobile-header-height);
        pointer-events: none;
    }

     
    body.mobile-fixed-header-enabled .top-notice.dynamic-promo-notice {
        position: relative !important;
        top: auto !important;
        z-index: 10060 !important;
    }

     
    body.mobile-fixed-header-enabled header.autoshow.scrollOn,
    body.mobile-fixed-header-enabled header.autoshow.scrollOff,
    body.mobile-fixed-header-enabled header.header-center.scroll-down {
        top: var(--og-mobile-header-top) !important;
        margin-top: 0 !important;
        transform: none !important;
    }
}

@media (min-width: 992px) {
    .mobile-header-spacer {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
    }
}

 


@media (max-width: 991.98px) {
     
    body.mobile-fixed-header-enabled header.header-mobile.menu-open {
        height: calc(100dvh - var(--og-mobile-header-top)) !important;
        min-height: calc(100dvh - var(--og-mobile-header-top)) !important;
        max-height: calc(100dvh - var(--og-mobile-header-top)) !important;
        overflow: hidden !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

     
    body.mobile-fixed-header-enabled.og-mobile-menu-open {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

     





    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    .header-col-mid #mainmenu {
        position: fixed !important;
        top: calc(var(--og-mobile-header-top) + var(--og-mobile-header-height)) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 10070 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 20px 32px calc(36px + env(safe-area-inset-bottom)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        background: #030617 !important;
        scrollbar-gutter: stable;
    }

     
    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    #mainmenu > li {
        position: relative !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    #mainmenu > li > a.menu-item {
        display: block !important;
        width: 100% !important;
        padding: 13px 44px 13px 0 !important;
        line-height: 1.45 !important;
    }

     
    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    #mainmenu > li > span {
        top: 4px !important;
        right: 0 !important;
        margin-top: 0 !important;
    }

     
    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    #mainmenu > li > ul {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        background: transparent !important;
    }

    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    #mainmenu > li > ul > li {
        width: 100% !important;
        padding-left: 22px !important;
    }

    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    #mainmenu > li > ul > li > a.menu-item {
        display: block !important;
        width: 100% !important;
        padding: 11px 0 !important;
    }
}

@media (max-width: 420px) {
    body.mobile-fixed-header-enabled header.header-mobile.menu-open
    .header-col-mid #mainmenu {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}


@media (max-width: 991.98px) {
    body.mobile-fixed-header-enabled {
        --og-mobile-header-height: 78px !important;
    }

    body.mobile-fixed-header-enabled header.header-mobile.menu-open .header-col-mid #mainmenu {
        top: calc(var(--og-mobile-header-top) + var(--og-mobile-header-height)) !important;
        padding-top: 16px !important;
    }
}


@media (max-width: 991.98px) {
    body.mobile-fixed-header-enabled {
        --og-mobile-header-height: 78px !important;
    }

    body.mobile-fixed-header-enabled .mobile-header-spacer {
        height: 76px !important;
        min-height: 76px !important;
    }

    body.mobile-fixed-header-enabled header.header-mobile.menu-open .header-col-mid #mainmenu {
        top: calc(var(--og-mobile-header-top) + 76px) !important;
    }
}
