/* When Swiper is NOT initialized */
.carousel-teaser-component .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}

/* Slides should grow and fill the available space */
.carousel-teaser-component .swiper:not(.swiper-initialized) .swiper-slide {
  flex: 1 1 0;
  min-width: 0;
  /* Prevents overflowing when content is too wide */
}

/* Ensure anchor fills full slide width */
.carousel-teaser-component .swiper:not(.swiper-initialized) .swiper-slide>a {
  width: 100%;
  display: block;
  /* Ensures width is respected */
}

/* Breakpoint: ≥ 1085px */
@media (min-width: 1085px) {
  .carousel-teaser-component .swiper:not(.swiper-initialized) {
    padding-right: 90px;
  }
}

/* Breakpoint: ≥ 1440px */
@media (min-width: 1440px) {
  .carousel-teaser-component .swiper:not(.swiper-initialized) {
    padding-right: 120px;
  }
}

/* Breakpoint: ≥ 2000px */
@media (min-width: 2000px) {
  .carousel-teaser-component .swiper:not(.swiper-initialized) {
    padding-right: 312px;
  }

  .carousel-teaser-component .swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 40px;
  }
}