/* Section — Comment améliorer / produire (V3). Desktop : titre centré pb 8, cartes photo 500 (p24), bloc « Plusieurs situations » p24 rangée gap 48 ; gap 16. Mobile : cartes 537 (p24/20), bloc p28/20 gap 20 ; gap 24. */
.cap__inner { display: flex; flex-direction: column; gap: var(--space-24); }
.cap__title { text-align: center; }
.cap__card { min-height: var(--min-card-cap); padding: var(--space-24) var(--space-20); justify-content: space-between; }
.cap__card-body { display: flex; flex-direction: column; gap: var(--space-20); }
.cap__card-head { display: flex; flex-direction: column; gap: var(--space-12); }
.cap__more { padding: var(--space-28) var(--space-20); gap: var(--space-20); }
.cap__more-eyebrow { display: flex; align-items: center; gap: var(--space-8); }
.cap__dot { width: var(--space-8); height: var(--space-8); border-radius: 50%; background: var(--brandt-red); }
.cap__more-head { display: flex; flex-direction: column; gap: var(--space-20); }
@media (min-width: 1024px) {
  .cap__inner { gap: var(--space-16); }
  .cap__title { padding-bottom: var(--space-8); }
  .cap__cards { gap: var(--space-20); }
  .cap__card { padding: var(--space-24); }
  .cap__card-body { gap: var(--space-24); }
  .cap__card-head { gap: var(--space-16); }
  .cap__more { flex-direction: row; align-items: center; gap: var(--space-48); padding: var(--space-24); }
  .cap__more-eyebrow { display: none; } /* surtitre « Besoin d'un conseil ? » : mobile uniquement dans la maquette */
  .cap__more-head { flex: 1 1 auto; gap: var(--space-8); }
  .cap__more .cta-group { flex: 0 0 auto; }
}