/* =================================================================
   Insta Gallery Slider - Tall Version (High Height)
   ================================================================= */

.insta-gallery-slider-wrapper {
  direction: rtl;
  width: 100%;
  overflow: hidden;
  background: #fff;
  /* پدینگ بالا و پایین برای اینکه اسلایدر نفس بکشد */
  padding: 15px 0; 
  position: relative;
}

/* --- رفع CLS: چیدمان افقی و فیکس --- */
.insta-gallery-slider-wrapper .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap; /* جلوگیری از افتادن عکس‌ها به خط بعد */
  box-sizing: border-box;
}

/* استایل هر اسلاید (باکس عکس) */
.insta-gallery-slider-wrapper .swiper-slide {
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  padding: 0 2px; /* فاصله خیلی کم بین عکس‌ها */
  
  /* --- تغییر اصلی اینجاست: ارتفاع ثابت و بلند --- */
  height: 280px; /* پیش‌فرض موبایل */
}

/* --- تنظیم عرض‌ها (همان منطق قبل برای جلوگیری از پرش) --- */

/* موبایل (2.5 تایی) */
.insta-gallery-slider-wrapper .swiper-slide {
    width: 40%;
}

/* موبایل بزرگ (3.5 تایی) */
@media (min-width: 480px) {
    .insta-gallery-slider-wrapper .swiper-slide {
        width: 28.57%;
        height: 300px; /* در موبایل‌های بزرگ کمی بلندتر */
    }
}

/* تبلت (6 تایی) */
@media (min-width: 600px) {
    .insta-gallery-slider-wrapper .swiper-slide {
        width: 16.666%;
        height: 320px; /* تبلت: ارتفاع بلندتر */
    }
}

/* دسکتاپ (10 تایی) */
@media (min-width: 1024px) {
    .insta-gallery-slider-wrapper .swiper-slide {
        width: 10%;
        height: 340px; /* دسکتاپ: بلندترین حالت (حس نوار فیلم) */
    }
}

/* --- استایل داخلی تصاویر --- */
.insta-gallery-slider-wrapper .image-lightbox {
    display: block;
    width: 100%;
    height: 100%;
}

.insta-gallery-slider-wrapper .img-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.insta-gallery-slider-wrapper .img-inner img {
  width: 100%;
  height: 100%;
  display: block;
  
  /* این خط مهم است: عکس را برش می‌زند تا کل ارتفاع ۳۴۰ پیکسل را پر کند */
  object-fit: cover; 
  
  transition: transform 0.5s ease;
}

/* افکت زوم نرم هنگام هاور */
.insta-gallery-slider-wrapper .swiper-slide:hover .img-inner img {
    transform: scale(1.1);
}