/* Dropdown portal fix: the desktop category menu must not be clipped by the nav bar. */
@media (min-width: 981px) {
  #mainNav,
  #mainNav .nav-shell,
  #mainNav .nav-right,
  #mainNav .nav-links,
  #mainNav .nav-dropdown {
    overflow: visible !important;
  }

  #mainNav .nav-dropdown {
    position: relative !important;
    z-index: 5002 !important;
  }

  #mainNav .nav-dropdown-menu {
    top: calc(100% + 10px) !important;
    left: 50% !important;
    z-index: 5005 !important;
    max-height: min(68vh, 520px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-top: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate(-50%, -6px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s !important;
    isolation: isolate;
  }

  #mainNav .nav-dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
  }

  #mainNav .nav-dropdown:hover .nav-dropdown-menu,
  #mainNav .nav-dropdown:focus-within .nav-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, 0) !important;
  }
}