/* ===== Promotions: image héro centrée sous le H1 ===== */
.promo-hero{
  text-align: center;
  margin: 12px 0 16px;
}
.promo-hero img{
  max-width: 300px;   /* largeur max réduite à 300px */
  width: 100%;        /* responsive */
  height: auto;
  display: inline-block;
}
.promo-page h2{
  margin: 0 0 10px;
  font-size: clamp(18px, 2.2vw, 22px);
}
.promo-page p{
  margin: 0 0 8px;
  opacity: .9;
}