/* Match the approved header geometry before deferred measurements run. */
html:has([data-product-navigation-for]) {
  --bas-company-header-fallback-height: 68px;
  --bas-navigation-fallback-height: 119px;
}
.product-navigation[data-product-navigation-for] {
  position: sticky;
  top: var(--bas-company-header-height, var(--bas-company-header-fallback-height, 68px));
  z-index: 90;
}
/* Higher specificity than the older 120px mobile product-header rule. */
html:has(.site-header[data-product-navigation]):has([data-product-navigation-for]) {
  scroll-padding-top: calc(var(--bas-sticky-navigation-height, var(--bas-navigation-fallback-height, 119px)) + 12px);
}
@media (max-width: 900px) {
  html:has([data-product-navigation-for]) { --bas-navigation-fallback-height: 125px; }
  .product-navigation-mobile > div {
    max-height: calc(100dvh - var(--bas-company-header-height, var(--bas-company-header-fallback-height, 68px)) - 60px);
    overflow-y: auto;
  }
}
@media (max-width: 760px) {
  html:has([data-product-navigation-for]) {
    --bas-company-header-fallback-height: 99px;
    --bas-navigation-fallback-height: 148px;
  }
}
@media (max-width: 380px) {
  html:has([data-product-navigation-for]) {
    --bas-company-header-fallback-height: 93px;
    --bas-navigation-fallback-height: 142px;
  }
}