/* ===== HERO SLIDER HEIGHT ===== */
.hero-slider-section {
  height: var(--h-mobile, calc(100dvh - 3rem));
}

@media (min-width: 768px) {
  .hero-slider-section {
    height: var(--h-desktop, calc(100dvh - 4rem));
  }

  /* Banners with text baked into the image must not crop their artwork. */
  .hero-slider-section.has-desktop-artwork {
    height: auto;
    aspect-ratio: var(--ar-desktop, 3 / 1);
  }

  .hero-slider-section.has-desktop-artwork .hero-slide-bg {
    background-size: contain;
    background-position: center !important;
  }
}

.hero-slide-bg {
  background-image: var(--hero-bg-mobile, var(--hero-bg-desktop));
}

@media (min-width: 768px) {
  .hero-slide-bg {
    background-image: var(--hero-bg-desktop);
  }
}

/* Com imagem mobile própria, a altura acompanha a proporção da arte (sem corte). */
@media (max-width: 767px) {
  .hero-slider-section.has-mobile-image {
    height: auto !important;
    aspect-ratio: var(--ar-mobile, 0.8);
  }

  .hero-slider-section.has-mobile-image .hero-slide-bg {
    background-position: center !important;
  }
}