/* ==========================================================
   ✅ إصلاح مشاكل Anywhere Slider على Safari و iOS
   - يمنع تمدد الصور
   - يقلل الوميض والفلكرة
   - يثبت نسبة الأبعاد
   ========================================================== */

/* الحاوية الأساسية لكل شريحة */
.safari-ios-fix .anywhere-slick-slider .picture-slide {
  position: relative;
  overflow: hidden;
}

/* الصور داخل الشرائح: قص + تمركز + منع تمدد */
.safari-ios-fix .anywhere-slick-slider .picture-slide img,
.safari-ios-fix .anywhere-slick-slider .picture-slide picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* ملء الإطار مع القص */
  object-position: center; /* تمركز الصورة */
  display: block;
}

/* تثبيت طبقات Slick لمنع الوميض */
.safari-ios-fix .anywhere-slick-slider,
.safari-ios-fix .anywhere-slick-slider .slick-list,
.safari-ios-fix .anywhere-slick-slider .slick-track,
.safari-ios-fix .anywhere-slick-slider .slick-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

/* تمرير ناعم على iOS */
@supports (-webkit-overflow-scrolling: touch) {
  .safari-ios-fix .anywhere-slick-slider .slick-list {
    -webkit-overflow-scrolling: touch;
  }
}

/* تثبيت نسبة أبعاد للسلايدر (16:9) لتفادي قفزات الارتفاع */
.safari-ios-fix .anywhere-slick-slider {
  aspect-ratio: 16 / 9;
}

/* دعم Safari القديم لو ما بيدعمش aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .safari-ios-fix .anywhere-slick-slider { position: relative; }
  .safari-ios-fix .anywhere-slick-slider::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 */
  }
  .safari-ios-fix .anywhere-slick-slider .slick-list,
  .safari-ios-fix .anywhere-slick-slider .slick-track {
    position: absolute;
    inset: 0;
  }
}

/* ==========================================================
   🔚 نهاية كود إصلاح Safari / iOS Slider
   ========================================================== */