/* V21 — mobile drawer brand identity cleanup */
@media (max-width: 991.98px) {
    #mobileDrawer .drawer-modern-head {
        min-height: 94px;
        align-items: center;
        gap: 12px;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity {
        flex: 1 1 auto;
        width: auto;
        max-width: calc(100% - 56px) !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 11px !important;
        overflow: visible;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity img {
        flex: 0 0 auto;
        width: auto !important;
        height: auto !important;
        max-width: 54px !important;
        max-height: 50px !important;
        object-fit: contain;
        /* Use the normal header logo, but render it white inside the navy mobile drawer only. */
        filter: brightness(0) invert(1) !important;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity > span {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 185px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        line-height: 1.08;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity strong {
        display: block;
        margin: 0;
        color: #fff !important;
        font-size: .82rem !important;
        font-weight: 800 !important;
        line-height: 1.08 !important;
        letter-spacing: 0;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity small {
        display: block;
        margin: 0 !important;
        color: #6ec7ff !important;
        font-size: .64rem !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }

    html[dir="ltr"] #mobileDrawer .drawer-modern-brand.drawer-brand-identity > span {
        text-align: left !important;
    }

    html[dir="rtl"] #mobileDrawer .drawer-modern-brand.drawer-brand-identity > span {
        text-align: right !important;
    }

    #mobileDrawer .drawer-modern-close {
        margin-inline-start: auto;
    }
}

@media (max-width: 380px) {
    #mobileDrawer .drawer-modern-brand.drawer-brand-identity {
        gap: 8px !important;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity img {
        max-width: 46px !important;
        max-height: 44px !important;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity > span {
        max-width: 155px;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity strong {
        font-size: .74rem !important;
    }

    #mobileDrawer .drawer-modern-brand.drawer-brand-identity small {
        font-size: .58rem !important;
    }
}