/**
 * Homepage image fixes — scoped under .home-page only
 * Loads after imt-home-refine.css to override conflicting flagship rules.
 */

/* ── Comprehensive diploma (الدبلوم الشامل) ── */
.home-page .comprehensive-diploma-image,
.home-page .home-comprehensive-diploma-image,
.home-page .premium-flagship-diploma__media-frame.home-comprehensive-diploma-image {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: #eef4fc;
  min-height: 360px;
  aspect-ratio: 4 / 3 !important;
  max-height: none !important;
}

.home-page .comprehensive-diploma-image img,
.home-page .home-comprehensive-diploma-image img,
.home-page .premium-flagship-diploma__media-frame.home-comprehensive-diploma-image img,
.home-page .premium-flagship-diploma__img.comprehensive-diploma-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover !important;
  object-position: center 35% !important;
  background: #eef4fc;
}

.home-page .home-comprehensive-diploma-image picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .home-page .comprehensive-diploma-image,
  .home-page .home-comprehensive-diploma-image,
  .home-page .premium-flagship-diploma__media-frame.home-comprehensive-diploma-image {
    min-height: 240px;
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 767px) {
  .home-page .comprehensive-diploma-image,
  .home-page .home-comprehensive-diploma-image,
  .home-page .premium-flagship-diploma__media-frame.home-comprehensive-diploma-image {
    min-height: 240px;
    max-height: 300px !important;
    aspect-ratio: 16 / 10 !important;
  }
}