/* Section — La marque Brandt Energy (V3). Fond gris ; colonne 340 + piliers 712 (cartes blanches p24/28 g24, gap 16). Mobile : en-tête centré, piliers verticaux p24/20 g16 (titre/texte 16) gap 12, CTA pleine largeur. */
.marque__inner { display: flex; flex-direction: column; gap: var(--space-24); }
.marque__side { display: flex; flex-direction: column; gap: var(--space-24); }
.marque__head { display: flex; flex-direction: column; align-items: center; gap: var(--space-12); text-align: center; }
.marque__logo svg { width: var(--size-logo-brand); height: auto; }
.marque__action--desktop { display: none; }
.marque__pillars { display: flex; flex-direction: column; gap: var(--space-12); }
.marque__pillar { flex-direction: column; gap: var(--space-16); padding: var(--space-24) var(--space-20); background: var(--brandt-white); }
.marque__pillar .marque__icon { width: var(--size-icon-24); height: var(--size-icon-24); }
.marque__text { display: flex; flex-direction: column; gap: var(--space-16); } /* mobile : icône, titre et texte espacés de 16 ; desktop : titre/texte 8 */
@media (min-width: 1024px) {
  .marque__text { gap: var(--space-8); }
  .marque__inner { flex-direction: row; gap: var(--space-48); align-items: flex-start; }
  .marque__side { flex: 0 0 var(--size-column-title); padding-top: var(--space-24); gap: var(--space-32); }
  .marque__head { align-items: flex-start; text-align: left; gap: var(--space-16); }
  .marque__action--desktop { display: block; }
  .marque__action--mobile { display: none; }
  .marque__pillars { flex: 1 1 auto; gap: var(--space-16); }
  .marque__pillar { flex-direction: row; align-items: flex-start; gap: var(--space-24); padding: var(--space-24) var(--space-28); }
  .marque__pillar .marque__icon { width: var(--size-icon-32); height: var(--size-icon-32); }
}