/* content-section.css — Golden Play France
   Bloc répétable : H2 -> (image, optionnelle) -> intro -> structure H3.
   L'image (si présente) suit toujours le H2 dans le DOM : sur mobile elle apparaît donc
   au-dessus du texte (juste après le H2) ; sur desktop l'ordre visuel reste identique. */

.content-section {
  padding-block: var(--space-xl);
  border-top: 1px solid var(--color-border);
}
.content-section:first-of-type { border-top: none; }

.content-section__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: var(--radius-card);
  margin-bottom: var(--space-md);
}

.content-section__body h3 {
  margin-top: var(--space-lg);
}

.content-section__cta { margin-top: var(--space-md); }

/* Cartes de bonus (grille 4 colonnes, réutilisée sur la page Bonus) */
.bonus-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
.bonus-card__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: var(--radius-input);
  margin-bottom: var(--space-2xs);
}
.bonus-card h3 { margin-bottom: 0; }
.bonus-card p { flex-grow: 1; margin-bottom: var(--space-sm); }