/* Vanilla hero slider layout; append after main.css and swiper.min.css */
.antra-slider .swiper-wrapper {
  display: grid !important;
  transform: none !important;
}

.antra-slider .swiper-slide {
  grid-area: 1 / 1;
  width: 100% !important;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1500ms ease, visibility 1500ms ease;
}

.antra-slider .swiper-slide.vanilla-slide-active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

/* Keep the first slide visible if JavaScript is unavailable. */
.antra-slider:not(.vanilla-slider-ready) .swiper-slide:first-child {
  opacity: 1;
  visibility: visible;
}