/*
 * Safe footer M logo.
 * Critical rule: this does NOT become a grid/flex child.
 * It is positioned inside the existing brand column and therefore cannot
 * change the footer's column widths or row flow.
 */

@media (min-width:961px){
    footer .mm-ui-footer-brand-anchor{
        position:relative !important;
        overflow:visible !important;
    }

    footer .mm-ui-footer-logo-safe{
        position:absolute !important;
        display:block !important;
        width:clamp(92px, 7vw, 116px) !important;
        height:clamp(92px, 7vw, 116px) !important;
        left:calc(-1 * clamp(126px, 10vw, 158px)) !important;
        top:0 !important;
        margin:0 !important;
        padding:0 !important;
        pointer-events:none !important;
        z-index:1;
    }

    footer .mm-ui-footer-logo-safe img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        margin:0 !important;
        padding:0 !important;
        max-width:none !important;
    }
}

/* Mobile/tablet: do not alter the working footer layout. */
@media (max-width:960px){
    footer .mm-ui-footer-logo-safe{
        display:none !important;
    }
}