/* Keep every site navigation and its dropdowns available while the page scrolls. */
html {
  scroll-padding-top: 88px;
}

.navbar,
.products-nav,
.contact-nav,
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  width: 100%;
  overflow: visible !important;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(16, 50, 58, 0.08);
  isolation: isolate;
}

.navbar .nav-inner,
.products-nav .products-links,
.contact-nav .contact-links,
.site-header .site-nav {
  overflow: visible !important;
}

.unified-menu,
.products-menu,
.contact-menu,
.nav-select-menu,
.tool-menu,
.currency-options,
.language-options {
  z-index: 10020 !important;
  max-height: calc(100dvh - 96px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

@media (max-width: 980px) {
  html {
    scroll-padding-top: 76px;
  }

  .unified-menu,
  .products-menu,
  .contact-menu,
  .nav-select-menu,
  .tool-menu,
  .currency-options,
  .language-options {
    max-height: calc(100dvh - 88px) !important;
  }
}