/* Mobile header and drawer corrections - cache-safe 2026-08 */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

@media (max-width: 920px) {
    .site-header,
    .mm-site-header {
        width: 100%;
        max-width: 100vw;
    }

    .nav-inner,
    .mm-nav-inner {
        width: calc(100% - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        min-width: 0;
        margin-right: auto !important;
        margin-left: auto !important;
        gap: 8px !important;
    }

    .brand,
    .mm-brand {
        min-width: 0;
        flex: 1 1 auto !important;
        overflow: hidden;
    }

    .brand img,
    .mm-brand img {
        width: 142px !important;
        max-width: 100% !important;
    }

    .menu-toggle,
    .mm-menu-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 46px;
        width: 46px !important;
        min-width: 46px;
        height: 46px !important;
        margin: 0 !important;
        position: static !important;
        transform: none !important;
    }

    .mm-language-switch {
        flex: 0 0 auto;
        min-width: 0;
    }

    .mm-language-switch select {
        width: 67px;
        min-width: 67px !important;
        max-width: 67px;
        padding: 10px 22px 10px 10px !important;
    }

    .mobile-drawer,
    .mm-mobile-drawer {
        box-sizing: border-box;
        width: 100vw;
        max-width: 100vw;
        padding: 10px !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .mobile-drawer-panel,
    .mm-mobile-drawer-panel {
        box-sizing: border-box;
        width: min(420px, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
        min-width: 0;
        margin-right: 0 !important;
        margin-left: auto !important;
        padding: 18px !important;
        overflow: hidden;
    }

    .mobile-drawer-top,
    .mm-mobile-drawer-top {
        min-width: 0;
        gap: 10px !important;
    }

    .mobile-drawer-top img,
    .mm-mobile-drawer-top img {
        width: 138px !important;
        max-width: calc(100% - 56px) !important;
    }

    .mobile-drawer-close,
    .mm-mobile-drawer-close {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 44px;
        width: 44px !important;
        min-width: 44px;
        height: 44px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: #157DB9 !important;
        color: #fff !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        transform: none !important;
        font-size: 26px !important;
        line-height: 1 !important;
        box-shadow: 0 8px 20px rgba(21, 125, 185, .25);
    }

    .mm-modern-page #wrapper,
    .mm-modern-page #home,
    .mm-modern-page main,
    .mm-modern-page section,
    .mm-modern-page img {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .brand img,
    .mm-brand img { width: 125px !important; }
    .nav-inner,
    .mm-nav-inner { width: calc(100% - 16px) !important; max-width: calc(100vw - 16px) !important; }
}