/* ─────────────────────────────────────────────────────────────────────────────
   SWIPER — Photos Slider (Cards Effect)
   ───────────────────────────────────────────────────────────────────────────── */

.swiper.is-photos {
  perspective: 1200px;
  overflow: visible !important;
}

.swiper-slide {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.swiper-slide-shadow-cards {
  display: block !important;
}

.swiper-slide-active {
  z-index: 3 !important;
}

.swiper-slide-next {
  z-index: 2 !important;
}

.swiper-slide-prev {
  z-index: 1 !important;
}

.swiper.is-photos .swiper-slide {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.swiper.is-photos,
.swiper.is-photos .swiper-wrapper,
.swiper.is-photos .swiper-slide {
  overflow: visible !important;
}

/* Fix Webflow CMS animation bug */
.w-dyn-list,
.w-dyn-items {
  opacity: 1 !important;
  visibility: visible !important;
}

.arrow {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   SWIPER — Content Slider (Fade Effect)
   ───────────────────────────────────────────────────────────────────────────── */

.swiper.is-content .swiper-slide {
  opacity: 0 !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.swiper.is-content .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  position: relative;
  pointer-events: auto;
  z-index: 2;
}

/* ─────────────────────────────────────────────────────────────────────────────
   SWIPER — Initial Visibility Fix
   ───────────────────────────────────────────────────────────────────────────── */

.swiper-slide.is-photos {
  display: none;
}

.swiper-slide.is-photos:first-child {
  display: block;
}