/* Desktop mega: scroll inside the hover panel. Mobile: accordion, outer overlay scrolls. */

html body #header .nav-menu li.drop-down.snet-mega > ul.snet-mega__panel,
html body #header .nav-menu li.snet-mega > ul.snet-mega__panel,
html body #header .nav-menu .drop-down > ul.snet-mega__panel,
html body .snet-fly.is-open > .snet-fly__sheet.snet-mega__panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  max-height: calc(100dvh - var(--snet-header-h, 160px) - 12px) !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  pointer-events: auto !important;
}

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

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

@media (max-width: 991.98px) {
  html body .mobile-nav {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  html body .mobile-nav li.snet-mega > ul.snet-mega__panel,
  html body .mobile-nav .drop-down > ul {
    display: none !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  html body .mobile-nav li.snet-mega.is-open > ul.snet-mega__panel,
  html body .mobile-nav .drop-down.is-open > ul.snet-mega__panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body .mobile-nav .drop-down > a:after {
    content: none !important; display: none !important;
  }

  html body .mobile-nav .drop-down.is-open > a:after,
  html body .mobile-nav .active.drop-down.is-open > a:after {
    content: none !important; display: none !important;
  }

  html body .snet-fly.is-open > .snet-fly__sheet.snet-mega__panel {
    max-height: none !important;
    width: 100% !important;
    overflow: visible !important;
  }
}