.hero-ribbon{
  margin:12px 0; padding:10px 14px; border:1px dashed var(--border); border-radius:12px;
  background:linear-gradient(90deg, rgba(59,130,246,.10), rgba(96,165,250,.10));
  color:var(--text-muted); font-size:14px;
}
/* ===== Mise en forme du bloc bannière Promotions ===== */
.promo-banner{
  display:flex; align-items:center; gap:18px;
  padding:16px; border:1px solid var(--border);
  border-radius:12px; background:rgba(255,255,255,0.02);
  margin-top:10px;
}
.promo-banner__img{ width:88px; height:auto; display:block; flex:0 0 auto; }
.promo-banner__body p{ margin:0; opacity:.9; }
@media (max-width:640px){
  .promo-banner{ gap:12px; }
  .promo-banner__img{ width:72px; }
}
/* Règles globales pour tous les H1 du site */
/* === Headings uniformes (corrige le warning dans <section>) === */
:root{
  --h1-size: clamp(22px, 3vw, 28px);
  --h2-size: clamp(18px, 2.4vw, 22px);
}