/* غلاف البنر */
.hero, .banner, .home-hero, .banner-section {
  position: relative;
  overflow: hidden;           /* قصّ الزائد عند التحويل لـ cover */
  width: 100%;
}

/* صورة البنر كعنصر <img> */
.hero img, .banner img, .home-hero img, .banner-section img {
  width: 100%;
  height: auto;
  display: block;
}

/* على الديسكتوب: حوّل الصورة لـ cover مع نسبة عرض/ارتفاع بانورامية */
@media (min-width: 1200px) {
  .hero, .banner, .home-hero, .banner-section {
    aspect-ratio: 16 / 6.5;           /* غيّرها لـ 16/7 أو 16/6 حسب ذوقك */
  }
  .hero img, .banner img, .home-hero img, .banner-section img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;     /* يملأ ويقص الأطراف */
    object-position: center !important;
  }
}

/* على الجوال: خليه طبيعي بدون قص */
@media (max-width: 1199px) {
  .hero img, .banner img, .home-hero img, .banner-section img {
    height: auto !important;
    object-fit: contain !important;
  }
}