/* Inner-page hero backgrounds — responsive WebP (768 / 1920) */

.page-header.products-hero,
.page-header.contact-hero,
.page-header.news-hero,
.page-solutions .about-hero-section,
.page-about .about-hero-section,
.page-telecom-solutions .about-hero-section,
.page-energy-storage-solutions .about-hero-section {
  position: relative;
  overflow: hidden;
  background: var(--primary-700);
  isolation: isolate;
}

.page-header.products-hero > .page-header__bg,
.page-header.contact-hero > .page-header__bg,
.page-header.news-hero > .page-header__bg,
.page-solutions .about-hero-bg,
.page-about .about-hero-bg,
.page-telecom-solutions .about-hero-bg,
.page-energy-storage-solutions .about-hero-bg {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
}

.page-header.contact-hero > .page-header__bg,
.page-about .about-hero-bg {
  background-position: center center, right center;
}

.page-header.products-hero > .page-header__bg::after,
.page-header.contact-hero > .page-header__bg::after,
.page-header.news-hero > .page-header__bg::after,
.page-solutions .about-hero-bg::after,
.page-about .about-hero-bg::after,
.page-telecom-solutions .about-hero-bg::after,
.page-energy-storage-solutions .about-hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--site-hero-overlay);
}

.page-header.products-hero > .container,
.page-header.contact-hero > .container,
.page-header.news-hero > .container,
.page-solutions .about-hero-section > .container,
.page-about .about-hero-section > .container,
.page-telecom-solutions .about-hero-section > .container,
.page-energy-storage-solutions .about-hero-section > .container {
  position: relative;
  z-index: 2;
}

/* —— Products (locale: img004; en: nav01) —— */
.page-header.products-hero > .page-header__bg {
  background-image: url('../image/hero-thumbs/img004-768.webp');
}

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

html[lang='en'] .page-header.products-hero > .page-header__bg {
  background-image: url('../image/hero-thumbs/nav01-768.webp');
}

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

/* —— Contact —— */
.page-header.contact-hero > .page-header__bg {
  background-image: url('../image/hero-thumbs/b5-768.webp');
}

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

/* —— Solutions —— */
.page-solutions .about-hero-bg {
  top: var(--site-header-height);
  height: calc(100% - var(--site-header-height));
  background-image: url('../image/hero-thumbs/img002-768.webp');
}

@media (min-width: 769px) {
  .page-solutions .about-hero-bg {
    background-image: url('../image/hero-thumbs/img002-1920.webp');
  }
}

/* —— About (en: b005; other locales: b7) —— */
.page-about .about-hero-bg {
  background-image: url('../image/hero-thumbs/b7-768.webp');
}

@media (min-width: 769px) {
  .page-about .about-hero-bg {
    background-image: url('../image/hero-thumbs/b7-1920.webp');
  }
}

html[lang='en'] .page-about .about-hero-bg {
  background-image: url('../image/hero-thumbs/b005-768.webp');
}

@media (min-width: 769px) {
  html[lang='en'] .page-about .about-hero-bg {
    background-image: url('../image/hero-thumbs/b005-1920.webp');
  }
}

/* —— News (en: b006; other locales: b4) —— */
.page-news .news-hero > .page-header__bg {
  background-image: url('../image/hero-thumbs/b4-768.webp');
}

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

html[lang='en'] .page-news .news-hero > .page-header__bg {
  background-image: url('../image/hero-thumbs/b006-768.webp');
}

@media (min-width: 769px) {
  html[lang='en'] .page-news .news-hero > .page-header__bg {
    background-image: url('../image/hero-thumbs/b006-1920.webp');
  }
}

/* —— Telecom solutions (en: b007; other locales: b3) —— */
.page-telecom-solutions .about-hero-bg {
  background-image: url('../image/hero-thumbs/b3-768.webp');
}

@media (min-width: 769px) {
  .page-telecom-solutions .about-hero-bg {
    background-image: url('../image/hero-thumbs/b3-1920.webp');
  }
}

html[lang='en'] .page-telecom-solutions .about-hero-bg {
  background-image: url('../image/hero-thumbs/b007-768.webp');
}

@media (min-width: 769px) {
  html[lang='en'] .page-telecom-solutions .about-hero-bg {
    background-image: url('../image/hero-thumbs/b007-1920.webp');
  }
}

/* —— Energy storage solutions —— */
.page-energy-storage-solutions .about-hero-bg {
  background-image: url('../image/hero-thumbs/energy-768.webp');
}

@media (min-width: 769px) {
  .page-energy-storage-solutions .about-hero-bg {
    background-image: url('../image/hero-thumbs/energy-1920.webp');
  }
}

/* —— Solutions overview cards —— */
.page-solutions .feature-card--telecom {
  background-image: url('../image/home-thumbs/nav01.webp');
}

.page-solutions .feature-card--energy {
  background-image: url('../image/home-thumbs/nav02.webp');
}