/**
 * Stable first-paint layout for Swiper instances.
 *
 * Each slider provides the same slide size and gap as its JavaScript config
 * through the two custom properties below. Swiper takes over after adding
 * `.swiper-initialized`, so its generated inline sizes remain authoritative.
 */
.tavazo-swiper-preinit {
  --tavazo-swiper-preinit-gap: 0px;
  --tavazo-swiper-preinit-slide-size: 100%;
}

.tavazo-swiper-preinit:not(.swiper-initialized) > .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.tavazo-swiper-preinit:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
  flex: 0 0 var(--tavazo-swiper-preinit-slide-size);
  inline-size: var(--tavazo-swiper-preinit-slide-size);
  min-inline-size: 0;
}

.tavazo-swiper-preinit:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:not(:last-child) {
  margin-inline-end: var(--tavazo-swiper-preinit-gap);
}