/* MOBILE FINAL FIX — appended last; only addresses mobile header/menu/overflow. */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
*{box-sizing:border-box}

@media (max-width: 980px){
  .site-header,.utility,.nav-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
  .utility-inner{width:100%!important;max-width:none!important;margin:0!important;padding:8px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:10px!important;min-height:60px!important}
  .utility-tag{min-width:0!important;max-width:none!important;font-size:12px!important;line-height:1.28!important;overflow-wrap:normal!important;word-break:normal!important}
  .utility-items{display:contents!important}
  .utility-items span{display:none!important}
  .utility-phone{grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:12px!important;line-height:1.1!important;max-width:none!important;min-width:0!important}
  .utility-phone .icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
  .utility-book{grid-column:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:54px!important;height:48px!important;padding:0!important;margin:0!important;font-size:0!important;border-radius:0!important}
  .utility-book .icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
  .utility-book span{display:none!important}

  .nav-wrap{box-shadow:0 3px 14px rgba(16,42,84,.08)!important}
  .nav-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0 14px!important;min-height:78px!important;display:flex!important;align-items:center!important;gap:12px!important}
  .logo-link{flex:0 1 auto!important;min-width:0!important}
  .site-logo{width:175px!important;max-width:58vw!important;height:66px!important;object-fit:contain!important;object-position:left center!important}
  .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:46px!important;height:46px!important;padding:0!important;font-size:0!important;line-height:1!important;border:0!important;background:transparent!important;color:#0b2f68!important}
  .menu-toggle::before{content:'☰'!important;font-size:31px!important;line-height:1!important}

  .main-nav{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:78px!important;width:auto!important;max-width:none!important;margin:0!important;max-height:calc(100vh - 150px)!important;overflow:auto!important;background:#fff!important;border:1px solid #dbe6ef!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 45px rgba(16,42,84,.2)!important;padding:10px!important;z-index:2000!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
  .main-nav.open{display:flex!important}
  .main-nav>a,.nav-dd>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:14px 14px!important;min-height:48px!important;white-space:normal!important;font-size:15px!important}
  .nav-dd>.mega{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;display:none!important;border:0!important;border-top:1px solid #e4edf5!important;box-shadow:none!important;padding:8px 4px!important;background:#f8fbfd!important;border-radius:8px!important}
  .nav-dd.open>.mega{display:block!important}
  .mega-grid,.area-grid-mega,.brand-grid-mega{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important}
  .mega-link{padding:12px 10px!important;font-size:14px!important;gap:10px!important}
  .mega-link .icon{width:23px!important;height:23px!important;flex-basis:23px!important}
  .nav-cta{display:flex!important;margin:10px 12px!important;justify-content:center!important}

  /* When the mobile menu is open, do not let the hero/content peek alongside it. */
  body:has(.main-nav.open){overflow:hidden!important}
  body:has(.main-nav.open) .mobile-bar{display:none!important}
}

@media (max-width: 600px){
  .utility-inner{grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:8px!important;padding:8px 12px!important}
  .utility-tag{font-size:11px!important;line-height:1.26!important}
  .utility-phone{font-size:11px!important}
  .utility-phone .icon{width:16px!important;height:16px!important;flex-basis:16px!important}
  .utility-book{width:52px!important;height:46px!important}
  .nav-inner{padding:0 12px!important}
  .site-logo{width:168px!important;max-width:60vw!important;height:64px!important}
  .main-nav{left:10px!important;right:10px!important;top:76px!important;max-height:calc(100vh - 136px)!important}
}

@media (max-width: 420px){
  .utility-inner{grid-template-columns:minmax(0,1fr) auto auto!important}
  .utility-phone{font-size:10px!important}
  .utility-tag{font-size:10.5px!important}
  .site-logo{width:158px!important;max-width:62vw!important}
}

@media (min-width:981px){
  html,body{overflow-x:hidden!important}
}