/* EASY SERVE 4.13 — the approved four-column menu across the entire header.
   Loaded last; shared geometry also keeps Products aligned with its siblings. */
.site-header { overflow: visible; }
.nav-shell { gap: 14px; }
.desktop-nav { gap: 2px; }
.nav-link-button { padding-inline: 8px; white-space: nowrap; font: 600 .8rem Inter,system-ui,sans-serif; }
.nav-mega { position: static; }
.site-header .mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10000;
  width: min(1220px,calc(100vw - 48px));
  max-height: calc(100vh - var(--navigation-header-bottom,128px) - 16px);
  max-height: calc(100dvh - var(--navigation-header-bottom,128px) - 16px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #55506e #0b0e1c;
  padding: 24px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0 0 22px 22px;
  background: radial-gradient(circle at 12% 0,rgba(124,58,237,.16),transparent 31%),radial-gradient(circle at 88% 0,rgba(86,216,255,.09),transparent 28%),#0b0e1c;
  box-shadow: 0 30px 90px rgba(0,0,0,.48);
}
.site-header .mega-menu::before { display: none; }
.site-header .mega-menu[hidden] { display: none; }
.site-header .mega-menu-head { padding:0 0 17px; align-items:flex-end; border-bottom:1px solid rgba(255,255,255,.1); }
.site-header .mega-menu-head div > span { margin-bottom:6px; color:#56d8ff; font-size:.72rem; letter-spacing:.13em; }
.site-header .mega-menu-head strong { color:#f7f5fb; font-family:Inter,system-ui,sans-serif; font-size:1.5rem; line-height:1.15; letter-spacing:-.04em; }
.desktop-nav .mega-menu-head > a { color:#f7f5fb; font-size:.78rem; font-weight:600; }
.desktop-nav .mega-menu-head > a span { color:#56d8ff; }
.premium-navigation-menu .premium-category-head { min-height:62px; }
.premium-navigation-menu .premium-category-head strong { font-size:.86rem; }
.premium-navigation-menu .premium-category-head small { font-size:.75rem; line-height:1.4; }
.premium-navigation-menu .premium-product-column { padding:16px; }
.premium-navigation-menu .premium-product-links { min-height:181px; align-content:start; }
.desktop-nav .premium-navigation-menu .premium-product-links a { min-height:44px; padding:8px 7px; font-size:.8rem; line-height:1.4; }
.premium-navigation-menu .premium-product-links a strong { white-space:normal; overflow:visible; text-overflow:clip; font-weight:500; }
.premium-navigation-menu .premium-product-links a[aria-current="page"] { background:rgba(168,85,247,.12); color:#f7f5fb; }
.premium-navigation-menu .premium-product-footer > span { font-size:.75rem; }
.desktop-nav .premium-navigation-menu .premium-product-footer > a { min-height:40px; display:inline-flex; align-items:center; gap:8px; padding:8px 14px; font-size:.78rem; }
.mega-menu a:focus-visible,.nav-link-button:focus-visible,.mobile-menu summary:focus-visible,.mobile-menu a:focus-visible { outline:2px solid #56d8ff; outline-offset:3px; }
.mobile-category-heading { display:flex; gap:10px; align-items:center; }
.mobile-category-heading svg { width:20px; height:20px; flex:0 0 20px; color:#56d8ff; }
.mobile-menu .mobile-submenu > summary .mobile-category-heading { transform:none; font:inherit; color:inherit; min-width:0; }
.mobile-menu .mobile-chevron { flex:0 0 30px; }
.mobile-menu .mobile-submenu summary { min-height:48px; }
.mobile-menu .mobile-submenu a { min-height:44px; line-height:1.5; }
@media (min-width:1280px) and (max-width:1380px) {
  .nav-shell { padding-inline:0; gap:10px; }
  .desktop-nav { gap:0; }
  .nav-link-button { padding-inline:7px; }
  .premium-navigation-menu .premium-category-head { grid-template-columns:34px minmax(0,1fr); gap:8px; }
}
@media (max-width:1279px) {
  .mobile-menu { max-height:calc(100vh - 128px); max-height:calc(100dvh - 128px); overflow-y:auto; overscroll-behavior:contain; }
  .mobile-menu .mobile-accordion-panel { padding-block:8px; }
  .mobile-menu .mobile-submenu { margin:8px 0; padding:0 12px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:#111529; }
  .mobile-menu .mobile-submenu > div { padding-bottom:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-header .mega-menu:not([hidden]) { animation:none; }
  .premium-product-column { transition:none; }
  .premium-product-column:hover { transform:none; }
}