/* =============================================================
   Section Hero Image — Template Solution Single Enfant
   Image de mise en avant pleine largeur avec ombre portée.
   ============================================================= */

.child-hero-image {
  width: 100%;
  height: 340px;
  overflow: hidden;
  position: relative;
}

.child-hero-image__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* =============================================================
   Responsive — ≤ 991px
   ============================================================= */
@media (max-width: 991px) {
  .child-hero-image {
    height: 280px;
  }
}

/* =============================================================
   Responsive — ≤ 575px
   ============================================================= */
@media (max-width: 575px) {
  .child-hero-image {
    height: 220px;
  }
}