/* Dolly Face homepage hero only. Slider uses stock Viasun main.css + main.js unchanged. */

.section-home .section-hero__bg {
  background-color: #d4a800;
}

.section-home .section-hero__bg img {
  object-fit: cover;
  object-position: center 22%;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.section-home .section-hero__content {
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.28);
}

.section-home .section-hero__subtitle {
  text-transform: none;
}

/* Product slider collage: slightly smaller so it sits cleaner on the hero */
.section-home .section-slider {
  height: 9.5vw;
  max-height: 190px;
}

.section-home .section-slider .slider-first-screen {
  transform: translateY(-50%) scale(0.92);
  transform-origin: center center;
}

.section-home .section-slider-item {
  padding: 6px 8px;
}

.section-home .section-slider-item img {
  max-height: 168px;
  width: auto;
  max-width: 92%;
  object-fit: contain;
}

.section-about__media .img-animate img {
  object-fit: cover;
  object-position: center 22%;
}

@media (min-width: 1600px) {
  .section-home .section-hero__bg img {
    object-position: center 30%;
  }
}

@media (max-width: 767px) {
  .section-home .section-hero__bg img {
    object-position: center 24%;
  }

  .section-home .section-slider {
    height: 20vw;
    max-height: 150px;
  }

  .section-home .section-slider-item img {
    max-height: 128px;
    max-width: 90%;
  }
}