/* MODE unified header + footer logo rollout V2 */
.mode-unified-brand-host{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
}

.mode-brand-original-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
    max-width:1px!important;
    max-height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    opacity:0!important;
    pointer-events:none!important;
}

.mode-unified-logo{
    display:block!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    margin:0!important;
    padding:0!important;
}

.mode-unified-logo--header{
    width:clamp(250px,20vw,340px)!important;
    max-width:min(42vw,340px)!important;
    max-height:80px!important;
}

.mode-unified-logo--footer{
    width:clamp(285px,28vw,420px)!important;
    max-width:100%!important;
}

.mode-footer-brand-added{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:20px 28px 26px!important;
    margin:0!important;
    border-top:1px solid rgba(24,31,25,.10)!important;
    background:transparent!important;
}

.mode-footer-brand-added > a{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-decoration:none!important;
}

@media(max-width:860px){
    .mode-unified-logo--header{
        width:min(72vw,300px)!important;
        max-width:300px!important;
        max-height:72px!important;
    }
    .mode-unified-logo--footer{
        width:min(82vw,360px)!important;
    }
}

@media(max-width:680px){
    .mode-unified-logo--header{
        width:min(76vw,285px)!important;
        max-width:285px!important;
        max-height:68px!important;
    }
    .mode-unified-logo--footer{
        width:min(86vw,330px)!important;
    }
    .mode-footer-brand-added{
        padding:18px 14px calc(22px + env(safe-area-inset-bottom))!important;
    }
}