
/* Wide native dropdown panels stay centred even when the header contracts. */

.site-header .site-nav{position:static}
@media(min-width:992px){
 .site-header .site-nav,.site-header .mega-dropdown{position:static}
 .site-header .mega-dropdown.is-enhanced>[data-sn-dropdown-panel]{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  width:min(1120px,calc(100vw - 48px));max-height:calc(100dvh - 112px);
 }
}
.site-header .mega-dropdown>[data-sn-dropdown-panel]{
 box-sizing:border-box;min-width:0;padding:24px!important;margin-top:8px;
 border-radius:16px;background:#EDF3F7!important;color:#17181A;
 overflow:auto;overscroll-behavior:contain;box-shadow:0 16px 40px rgba(23,24,26,.18);
}
.site-header .mega-dropdown.is-open>[data-sn-dropdown-panel]{gap:16px}
.site-header .mega-dropdown [data-sn-dropdown-panel] a{white-space:normal;padding:0;border-radius:0}
.site-header .mega-dropdown [data-sn-dropdown-panel] a:hover{background:transparent}
.site-header .mega-dropdown [data-sn-dropdown-panel] .mega-page-link{padding:10px 12px;border-radius:8px}
.site-header .mega-dropdown [data-sn-dropdown-panel] .mega-page-link:hover{background:#D3DCE2}
.site-header .mega-dropdown [data-sn-dropdown-panel] .mega-all{min-height:44px}
.mega-card .mega-link::after{content:"";position:absolute;inset:0;border-radius:12px}
.mega-card:focus-within{outline:3px solid #3083FF;outline-offset:3px}
.mega-card:hover .mega-link{text-decoration:underline;text-underline-offset:4px}
.site-header :is(button,a):focus-visible{outline:3px solid #3083FF;outline-offset:3px}
@media(max-width:991px){
 .site-header .site-nav.is-collapsible>[data-sn-nav-menu]{
 flex-wrap:nowrap;
  position:absolute;top:100%;left:0;right:0;width:100%;box-sizing:border-box;
  max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;
  padding:16px;background:#EDF3F7;border-radius:16px;margin-top:8px;
  align-items:stretch;flex-direction:column;gap:8px;
 }
 .site-header .mega-dropdown.is-enhanced>[data-sn-dropdown-panel]{
  position:static;transform:none;width:100%;max-height:none;
  margin-top:8px;padding:16px!important;box-shadow:none;border:1px solid #D3DCE2!important;
 }
 .site-header .nav-dropdown{padding:0}
 .site-header .sn-dropdown-toggle{width:100%;text-align:left;min-height:44px}
 .site-header .site-nav-link{align-self:flex-start}
}
