/* One brand scale across the campaign SPA, Partners and Business.
   Match the approved homepage; never shrink/hide the wordmark on inner pages. */
:root{--mm-header-face:30px;--mm-header-face-height:35px;--mm-header-word:148px;--mm-header-gap:9px}
:root :is(.mm-home-header__brand,.pp-header .pp-brand,.lp-head .lp-logo){gap:var(--mm-header-gap);flex:none}
:root :is(.mm-home-header__brand>img:first-child,.pp-header .pp-brand>img:first-child,.lp-head .lp-logo .lp-mascot){width:var(--mm-header-face);height:var(--mm-header-face-height);flex:none;object-fit:contain}
:root :is(.mm-home-header__brand .mm-home-header__wordmark,.pp-header .pp-brand__word,.lp-head .lp-logo img:not(.lp-mascot)){width:var(--mm-header-word);height:auto;display:block;flex:none;object-fit:contain}
:root .mm-home-header__row{max-width:1250px}
:root .mm-home-header--inner{position:sticky;top:0}
:root :is(.mm-home-header,.pp-header,.lp-head){padding-top:env(safe-area-inset-top,0px)}
:root :is(.mm-home-header__drawer,.pp-drawer,.lp-mobile-nav){position:absolute;top:100%;inset-inline:0;margin:0;background:#fff;max-height:calc(100dvh - 76px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1199px){:root{--mm-header-word:125px}}
@media(max-width:767px){
 :root{--mm-header-face:32px;--mm-header-face-height:auto;--mm-header-word:121px;--mm-header-gap:7px}
 /* Sticky stays in the page's scroll coordinate system as mobile browser chrome
    expands/collapses. Clip, not hidden, must be used on its body ancestor. */
 :root .mm-home-header{position:sticky;top:0}
 :root .mm-home-layout .mm-home-header{margin-bottom:calc(-70px - env(safe-area-inset-top,0px))}
 :root .mm-home-header--light,:root .pp-header[data-over=false],:root .lp-head{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
 :root :is(.mm-home-header__row,.pp-header__row,.lp-head .lp-wrap){min-height:70px;padding-block:12px;box-sizing:border-box}
 :root :is(.mm-home-header__drawer,.pp-drawer,.lp-mobile-nav){position:absolute;top:100%;inset-inline:0;margin:0;max-height:calc(100dvh - 70px - env(safe-area-inset-top,0px));background:#fff}
}
@media(max-width:359px){:root{--mm-header-face:28px;--mm-header-gap:6px}}

/* Hero appearance is shared by destination, checkout and information routes. */
:root .mm-home-header--over{background:#f7f3eaf5;box-shadow:none}
:root .mm-home-header__promo{background:#16134a}
:root .mm-home-header__promo :is(a,span){color:#edeafb!important}

/* The inner sticky header keeps its layout height while the promo scrolls away.
   Colour can change at the hero threshold without moving page content/scrollY. */
@media(min-width:1024px){
 :root .mm-home-header--inner{top:calc(-1 * var(--mm-promo-height,37px))}
 :root .mm-home-header--inner .mm-home-header__promo{display:flex}
 :root .mm-home-header--inner .mm-home-header__row{min-height:76px}
}
