/* Hero & large background images — WebP (see scripts/generate-home-product-thumbs.js) */

.carousel-slide.slide-2 {
  background-image: linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(0, 0, 0, 0.7) 100%
    ),
    url('../image/hero-thumbs/slide-2.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.solutions-feature-nav01 {
  background-image: url('../image/hero-thumbs/nav01-feature.webp') !important;
}

.solutions-feature-nav02 {
  background-image: url('../image/hero-thumbs/nav02-feature.webp') !important;
}

.page-header.products-hero {
  position: relative;
  overflow: hidden;
  background: var(--primary-700);
  isolation: isolate;
}

.page-header.products-hero > .page-header__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
  background-image: url('../image/hero-thumbs/nav01-768.webp');
}

@media (min-width: 769px) {
  .page-header.products-hero > .page-header__bg {
    background-image: url('../image/hero-thumbs/nav01-1920.webp');
  }
}

.page-header.products-hero > .page-header__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--site-hero-overlay, linear-gradient(135deg, rgba(15, 23, 42, 0.72), rgba(30, 64, 175, 0.55)));
}

.page-header.products-hero > .container {
  position: relative;
  z-index: 2;
}