@media (min-width: 1280px) {
  /* نحدد الـsection اللي انت أرسلته بالـclasses بتاعته */
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* نتأكد إن السلايدر والـswiper جوّه ياخدوا 100% */
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.container
    .salla-slider,
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.container
    .swiper,
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.container
    .swiper-wrapper,
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.container
    .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* الصور داخل السلايدر تتصرف كويس */
  section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.container img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover; /* أو object-contain لو تحب الصورة كلها تبان */
  }
}


@media (min-width: 1280px) {
  /* نوسع العنصر بالكامل */
  #swiper-wrapper-ca10988e5cc3d7f47 > div > a > img {
    width: 50vw !important;
    max-width: 50vw !important;
    height: auto !important;
    object-fit: cover !important; /* أو object-contain لو تحب الصورة تبان كاملة */
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    transform: translateX(-50%) !important;
  }
}