/* Add custom CSS styles below */ 
/* شريط العروض */
#promo-bar {
  overflow: hidden;
  position: relative;
}
#promo-bar span {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left-to-right 23s linear infinite;
}
@keyframes scroll-left-to-right {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* داخل عرض المحتوى + توسيط */
section.s-block.s-block--photos-slider salla-slider.photos-slider,
section.s-block.s-block--photos-slider #photos-1-slider {
  width: 95%;
  max-width: 1350px;
  margin-inline: auto;
  overflow: hidden;
}
section.s-block.s-block--photos-slider {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
section.s-block.s-block--photos-slider + .s-block {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

/* منع التحريك الجانبي من سويبر */
#photos-1-slider .swiper,
#photos-1-slider .swiper-wrapper,
#photos-1-slider .swiper-slide {
  height: auto !important;
  margin: 0px !important;
  padding: 0px !important;
}
#photos-1-slider .swiper-wrapper {
  transform: none !important;
  left: 0px !important;
  transition: none !important;
  display: grid;
}
#photos-1-slider .swiper-slide {
  grid-area: 1 / 1;
  opacity: 0;
  pointer-events: none;
  animation: fadeSlider 12s infinite;
}
#photos-1-slider .swiper-slide:first-child {
  opacity: 1;
  pointer-events: auto;
}

/* ضبّط الترتيب/التأخير */
#photos-1-slider .swiper-slide:nth-child(1){ animation-delay: 0s; }
#photos-1-slider .swiper-slide:nth-child(2){ animation-delay: 5s; }
/* لو عندك 3 سلايدات فعّل السطر ذا: */
/* #photos-1-slider .swiper-slide:nth-child(3){ animation-delay: 8s; } */

/* صور بدون قص */
#photos-1-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}

/* إخفاء الأسهم/النقاط */
#photos-1-slider .swiper-button-next,
#photos-1-slider .swiper-button-prev,
#photos-1-slider .swiper-notification,
#photos-1-slider .swiper-pagination {
  display: none !important;
  height: 0 !important;
}

/* أنيميشن الوميض */
@keyframes fadeSlider {
  0%, 100% { opacity: 0; pointer-events: none; }
  10%, 40% { opacity: 1; pointer-events: auto; }
}

/* إصلاح الديسكتوب */
@media (min-width: 1024px){
  section.s-block.s-block--photos-slider salla-slider.photos-slider,
  section.s-block.s-block--photos-slider #photos-1-slider {
    width: 83%;
    max-width: 1350px;
    margin-inline: auto;
  }
  #photos-1-slider .swiper,
  #photos-1-slider .swiper-wrapper,
  #photos-1-slider .swiper-slide {
    height: auto !important;
  }
  #photos-1-slider .swiper-wrapper {
    display: grid !important;
    transform: none !important;
    left: 0 !important;
    transition: none !important;
  }
  #photos-1-slider .swiper-slide,
  #photos-1-slider .swiper-slide > *,
  #photos-1-slider .swiper-slide a,
  #photos-1-slider .swiper-slide picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  #photos-1-slider .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}

/* تأكد إن السلايدر فوق أي طبقة ثانية */
#photos-1-slider {
  position: relative;
  z-index: 2;
}