/* Keeps the desktop header stable at browser zoom levels. */
@media(min-width:951px){
  /* Override the old absolute-centred nav: it caused overlap at browser zoom. */
  .site-header{min-width:0!important;display:flex!important}
  .site-header .site-nav{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    transform:none!important;
    min-width:0!important;
    flex:1 1 auto!important;
    margin-left:auto!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .site-header .header-actions{flex:0 0 auto!important;margin-left:0!important}
  .site-header .site-nav>a.health-package-mobile{display:none!important}
  .site-header.has-nav-overflow .nav-more>summary{background:#e7f8f7!important;color:#087a82!important}
  .site-header.has-nav-overflow .nav-more>summary::after{transform:scaleX(1)!important}
}

@media(max-width:950px){
  .site-header .site-nav>a.health-package-mobile{display:flex!important}
}

/* At medium desktop widths, keep a compact top nav and move excess links into More. */
@media(min-width:951px) and (max-width:1180px){
  .site-header{
    height:80px!important;
    padding:0 18px!important;
    gap:9px!important;
  }
  .site-header .site-menu-toggle{display:none!important}
  .site-header .site-nav,
  .site-header .site-nav.open{
    display:flex!important;
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .site-header .site-nav>a,
  .site-header .site-nav .nav-more>summary{
    width:auto!important;
    min-height:0!important;
    padding:7px 8px!important;
    background:transparent!important;
    border:0!important;
    font-size:.76rem!important;
  }
  .site-header .header-actions{gap:5px!important}
  .site-header .header-actions .health-package-button{
    width:36px!important;
    min-height:36px!important;
    padding:8px!important;
  }
  .site-header .header-actions .health-package-button span{display:none!important}
  .site-header .header-actions .nav-appointment,
  .site-header .header-actions .install-button{min-height:36px!important;padding:8px 9px!important}
  .site-header .header-actions .nav-appointment span,
  .site-header .header-actions .install-button span{font-size:.68rem!important}
}