.hotel-gallery .hotel-swiper {
        width: 100%;
        max-width: 1440px;

        height: 332px;
        
        overflow: hidden;
        position: relative;
        /* Like #div1 — short perspective on a small box; scaled up for full-width carousel */
        perspective: min(100px + 35vw, 900px);
        padding-inline: 20px;
      }

      .hotel-gallery .swiper-wrapper {
        align-items: center;
        transform-style: preserve-3d;
      }

      /*
      فاصلهٔ یکسان بین قاب‌ها: padding یکسان هر طرف اسلاید + spaceBetween ثابت
      → فاصلهٔ دیده‌شده = padding + spaceBetween + padding (همیشه یک عدد).
    */
      .hotel-gallery .swiper-slide {
        box-sizing: border-box;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        transform-style: preserve-3d;
        padding-inline: 12px;
      }

      .hotel-gallery .slide-card {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        transform-style: preserve-3d;
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }

      .hotel-gallery .swiper-slide[data-side="center"] .slide-card {
        transform: rotateY(0deg);
      }

      .hotel-gallery .swiper-slide[data-side="left"] .slide-card {
        transform: rotateY(15deg);
      }

      .hotel-gallery .swiper-slide[data-side="right"] .slide-card {
        transform: rotateY(-20deg);
      }

      .hotel-gallery .swiper-slide[data-side="left2"] .slide-card {
        transform: rotateY(20deg);
      }

      .hotel-gallery .swiper-slide[data-side="right2"] .slide-card {
        transform: rotateY(-40deg);
      }

      .hotel-gallery .slide-card .slide-media {
        width: 100%;
        max-height: min(320px, 50vh);
        aspect-ratio: 4 / 5;
      }

      @media (min-width: 1024px) {
        .hotel-gallery .slide-card .slide-media {
          max-height: 320px;
        }
      }

      @media (min-width: 768px) and (max-width: 1023px) {
        .hotel-gallery .swiper-slide {
          width: min(220px, 28vw);
          flex-shrink: 0;
        }
      }


      @media (min-width: 1024px) {
        .hotel-gallery .swiper-slide {
          width: 300px;
          flex-shrink: 0;
        }
      }

      @media (max-width: 767px) {
        .hotel-gallery .swiper-slide {
          width: min(210px, 72vw);
          flex-shrink: 0;
        }
      }
.gardenSwiper .swiper-slide {
  opacity: 0.6 !important; 
}

.gardenSwiper .swiper-slide-active {
  opacity: 1 !important;
}

.gardenSwiper .swiper-slide-next {
  opacity: 0.4 !important;
}
.facilitiesSwiper .swiper-pagination {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.facilitiesSwiper .swiper-pagination-bullet {
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  transition: all 0.3s ease;
}

.facilitiesSwiper .swiper-pagination-bullet-active {
  background: #ffffff;
  width: 80px;
}

@media (max-width: 768px) {
  .facilitiesSwiper .swiper-pagination-bullet {
    width: 40px;
    height: 3px;
  }
  
  .facilitiesSwiper .swiper-pagination-bullet-active {
    width: 60px;
  }
}