/**
 * Shop secondary category bar: avoid JS height on every resize (fixes jank).
 * Previously global.js set .shop-tab height from width × 0.7296875 on each resize.
 */
@media (min-width: 992px) {
  .products .shop-tabs .shop-tab {
    aspect-ratio: 1 / 0.7296875;
    height: auto !important;
  }
}

/* Sticky category filter bar: avoid transition:all animating position/padding (flicker with filters-fixed). */
.products .filters.black-bg {
  transition: none;
}

/* Front page hero: extra offset under fixed .navbar-d (full nav height includes topbar; global.js also syncs margin/min-height). */
@media (min-width: 992px) {
  .hero.front-page {
    margin-top: 168px;
  }

  .hero.front-page .slideshow-container {
    min-height: calc(100vh - 168px);
  }
}

@media (max-width: 1489.98px) and (min-width: 992px) {
  .hero.front-page {
    margin-top: 156px;
  }

  .hero.front-page .slideshow-container {
    min-height: calc(100vh - 156px);
  }
}

@media (max-width: 1359.98px) and (min-width: 992px) {
  .hero.front-page {
    margin-top: 124px;
  }

  .hero.front-page .slideshow-container {
    min-height: calc(100vh - 124px);
  }
}