/* dotShirt 1.5.11 — viewport hero zonder herhaling (desktop/laptop/tablet) */
@media (min-width: 992px) {
  .hero-slider,
  .hero-slide,
  .hero-slide-content,
  .hero-section,
  .hero-section .hero-content {
    min-height: max(680px, 100svh) !important;
  }

  .hero-slider,
  .hero-section {
    width: 100%;
    overflow: hidden;
    background-color: #111318;
  }

  .hero-slide.hero-media-contain,
  .hero-section.hero-media-contain {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* 1.5.10 gebruikte een tweede contain-laag boven de cover-afbeelding.
     Die dubbele laag veroorzaakte de zichtbare herhaling aan de rechterzijde. */
  .hero-slide.hero-media-contain::before,
  .hero-section.hero-media-contain::before {
    content: none !important;
    display: none !important;
    background-image: none !important;
  }

  .hero-slide.hero-media-contain {
    background-image: var(--hero-desktop) !important;
  }

  .hero-section.hero-media-contain {
    background-image: var(--hero-image) !important;
  }

  .hero-slide-content,
  .hero-section .hero-content {
    box-sizing: border-box;
    padding-top: clamp(7.5rem, 13vh, 10rem);
    padding-bottom: clamp(3.5rem, 8vh, 6rem);
  }

  /* De meldingsbalk begint pas na het volledige eerste scherm. */
  .announcement-after_hero {
    position: relative;
    z-index: 10;
    margin-top: 0;
  }
}