/* Single owner of account/support web headers. Values match landing section 2.
   Native app headers and the Hostinger landing export are not selected here. */
.mf-web-header {
 --web-frame:1280px;--web-edge:clamp(24px,6vw,76px);--web-nav-gap:clamp(18px,2.5vw,36px);
 box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
 width:100%;max-width:var(--web-frame);height:104px;min-height:104px;
 margin:0 auto;padding:32px var(--web-edge) 0;flex-shrink:0;
}
.mf-web-header--absolute {position:absolute;top:0;left:50%;right:auto;transform:translateX(-50%)}
.mf-web-header :is(.brand,.product-brand,.portal-plans-brand){display:flex;align-items:center;gap:6px!important;margin:0}
.mf-web-header :is(.brand,.product-brand,.portal-plans-brand) img{width:clamp(108px,9vw,120px)!important;height:auto;display:block}
.mf-web-header :is(.brand i,.product-brand__dot,.portal-plans-brand>div){width:6px!important;height:6px!important;border-radius:50%;background:#2f8f52;margin:12px 0 0 1px!important}
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav){display:flex;align-items:center;gap:var(--web-nav-gap)!important;font-size:12px;font-weight:400;line-height:normal;white-space:nowrap}
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav)>a{display:flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;padding:0 0 4px;border-bottom:2px solid transparent}
.mf-web-header :is(.subscription-recovery-nav a:last-child,.web-navigation a:has(.subscription-nav-active),.portal-plans-nav a:has(.subscription-nav-active)){color:#142238;border-bottom-color:#142238}
.mf-web-header :is(.text-link,[data-subscription-action="signOut"]){display:inline-flex;align-items:center;align-self:auto;margin:0;min-height:20px;height:20px;padding:0 0 4px!important;font-size:12px!important;font-weight:400!important;line-height:normal!important;border:0;background:none;color:#6b7280}
.mf-web-header a:hover,.mf-web-header button:hover{color:#2f8f52}
.mf-web-header .web-nav-divider{display:block;width:1px;height:18px;margin-bottom:4px;flex-shrink:0;background:rgba(20,34,56,.18)}
.portal-plans .mf-web-header{height:104px;min-height:104px;padding:32px var(--web-edge) 0!important}
@media(min-width:768px) and (max-width:1023px){.mf-web-header{--web-edge:24px}}
@media(max-width:767px){
 .mf-web-header{position:relative;max-width:none;height:calc(env(safe-area-inset-top,0px) + 80px);min-height:0;padding:calc(env(safe-area-inset-top,0px) + 28px) 0 0;justify-content:center}
 .mf-web-header--absolute{position:absolute;top:0;left:24px;right:24px;width:auto;transform:none}
 .mf-web-header :is(.brand,.product-brand,.portal-plans-brand){gap:5px!important}
 .mf-web-header :is(.brand,.product-brand) img{width:52px!important}
 .mf-web-header :is(.brand i,.product-brand__dot){width:5px!important;height:5px!important;margin:5px 0 0!important}
 .mf-web-header :is(.web-navigation,.subscription-recovery-nav){display:none}
 .portal-plans .mf-web-header{position:sticky!important;top:0;height:80px;min-height:80px;padding:28px 0 0!important;justify-content:space-between}
 .mf-web-header .portal-plans-brand img{width:46px!important}
 .mf-web-header .portal-plans-brand>div{width:4px!important;height:4px!important;margin:4px 0 0!important}
}

/* The active underline belongs to the link, never its nested label. */
.mf-web-header .subscription-nav-active{display:flex;align-items:center;gap:6px;padding-bottom:0;border-bottom:0}

/* Match the landing icon and font in the isolated recovery renderer too. */
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav){font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}
.mf-web-header .subscription-nav-active svg{width:12px;height:12px;flex-shrink:0}

/* Legal pages reuse the landing desktop link rhythm. */
@media(min-width:768px){.legal-header .navigation [data-style="s52"]{gap:clamp(18px,2.5vw,36px)}}