/* --- Utilitaires -------------------------------------------------------------

   Ils remplacent les attributs style= (25/10/2026) : style= est réservé aux
   propriétés personnalisées (--illu, --c, --g), sur les deux sites. Placés en fin de
   feuille, ils l'emportent à spécificité égale. Contre une règle de composant plus
   spécifique, ils perdent : là où l'attribut gagnait ce duel, c'est le composant qui
   porte une variante (.cta-final .cta-title-wide, .steps.cols-2.rows-3). */
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.mt-5 { margin-top: var(--space-5); }
.mt-6 { margin-top: var(--space-6); }
.mt-8 { margin-top: var(--space-8); }
.mt-10 { margin-top: var(--space-10); }
.mt-12 { margin-top: var(--space-12); }
.mb-6 { margin-bottom: var(--space-6); }
.mb-8 { margin-bottom: var(--space-8); }
.mb-10 { margin-bottom: var(--space-10); }
.gap-5 { gap: var(--space-5); }
.d-block { display: block; }
.row-span-2 { grid-row: span 2; }
/* Pastille d'icône réduite, en tête d'une ligne de liste (produit.html). */
.card-icon-sm { width: 38px; height: 38px; border-radius: 11px; margin: 0; }
.card-icon-sm svg { width: 20px; height: 20px; }
/* Le badge garde ses attributs width et height (pas de saut de mise en page) et
   suit la hauteur que lui donne sa largeur. */
.badge-francesaas { height: auto; }