/* Header mega panels scroll themselves. Category labels stay visible.
   Do not force-display fly sheets — [hidden] must stay none. */

html #header .nav-menu .snet-mega > ul.snet-mega__panel,
html #header .nav-menu .drop-down > ul.snet-mega__panel,
html .mobile-nav .snet-mega > ul.snet-mega__panel,
html .snet-fly.is-open > .snet-fly__sheet.snet-mega__panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-content: start !important;
  width: min(420px, calc(100vw - 20px)) !important;
  min-width: 0 !important;
  max-width: min(640px, calc(100vw - 20px)) !important;
  max-height: min(72vh, calc(100dvh - 96px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 10px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 180, 255, 0.55) transparent;
}

html .snet-fly__sheet[hidden],
html .snet-fly__sheet.snet-mega__panel[hidden] {
  display: none !important;
}

html #header .nav-menu .snet-mega > ul.snet-mega__panel--pay,
html .snet-fly.is-open > .snet-fly__sheet.snet-mega__panel--pay {
  width: min(560px, calc(100vw - 20px)) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html #header .nav-menu .snet-mega > ul.snet-mega__panel > li,
html .mobile-nav .snet-mega > ul.snet-mega__panel > li {
  min-width: 0 !important;
  width: auto !important;
  display: block !important;
  float: none !important;
}

html #header .nav-menu .snet-mega__all,
html #header .nav-menu .snet-mega > ul.snet-mega__panel > li.snet-mega__all,
html .snet-mega__cat,
html #header .nav-menu .snet-mega > ul.snet-mega__panel > li.snet-mega__cat,
html .mobile-nav .snet-mega__all,
html .mobile-nav .snet-mega__cat,
html .snet-fly__sheet > .snet-mega__all,
html .snet-fly__sheet > .snet-mega__cat {
  grid-column: 1 / -1 !important;
  display: flex !important;
}

html #header .nav-menu .snet-mega__all,
html #header .nav-menu .snet-mega > ul.snet-mega__panel > li.snet-mega__all,
html .snet-fly__sheet > .snet-mega__all,
html .mobile-nav .snet-mega__all {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  margin: 0 !important;
  background: rgba(5, 16, 30, 0.96) !important;
}

html[data-theme="day"] #header .nav-menu .snet-mega__all,
html[data-theme="day"] #header .nav-menu .snet-mega > ul.snet-mega__panel > li.snet-mega__all,
html[data-theme="day"] .snet-fly__sheet > .snet-mega__all,
html[data-theme="day"] .mobile-nav .snet-mega__all {
  background: #b7e0f4 !important;
}

html #header .nav-menu .snet-mega__all a,
html .snet-fly__sheet > .snet-mega__all,
html .mobile-nav .snet-mega__all a {
  width: 100% !important;
}

html .snet-mega__cat,
html #header .nav-menu .snet-mega > ul.snet-mega__panel > li.snet-mega__cat,
html .mobile-nav .snet-mega > ul.snet-mega__panel > li.snet-mega__cat,
html .snet-fly__sheet > .snet-mega__cat {
  align-items: center !important;
  min-height: 0 !important;
  padding: 10px 6px 2px !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  color: #7dd3fc !important;
  -webkit-text-fill-color: #7dd3fc !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="day"] .snet-mega__cat,
html[data-theme="day"] #header .nav-menu .snet-mega > ul.snet-mega__panel > li.snet-mega__cat,
html[data-theme="day"] .mobile-nav .snet-mega > ul.snet-mega__panel > li.snet-mega__cat,
html[data-theme="day"] .snet-fly__sheet > .snet-mega__cat {
  color: #0b5f8c !important;
  -webkit-text-fill-color: #0b5f8c !important;
}

html .snet-fly__sheet .snet-mega__grid {
  display: contents !important;
}

@media (min-width: 1100px) {
  html #header .nav-menu .snet-mega > ul.snet-mega__panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(560px, calc(100vw - 24px)) !important;
  }

  html #header .nav-menu .snet-mega > ul.snet-mega__panel--pay {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(640px, calc(100vw - 24px)) !important;
  }
}

@media (max-width: 991.98px) {
  html .mobile-nav .snet-mega > ul.snet-mega__panel,
  html .snet-fly.is-open > .snet-fly__sheet.snet-mega__panel {
    width: 100% !important;
    max-width: none !important;
    max-height: min(58vh, 420px) !important;
  }
}