/* ═══════════════════════════════════════════════════════════════════════════
   16 — BANDE DE RÉASSURANCE

   Bande ivoire (`.fmt-section`), servie sur l'accueil et sur la fiche produit,
   juste avant le pied de page pétrole. Quatre colonnes de largeur strictement
   égale : quatre au bureau, deux dès 520 px, une seule en dessous.

   Les pictogrammes fins accompagnent les mentions sans créer de cartes.
   ═══════════════════════════════════════════════════════════════════════════ */

.fmt-reassurance > *,
.fmt-reassurance .wp-block-group > * {
	margin-block: 0;
}

.fmt-reassurance .fmt-reassurance__grille {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-24);
}

@media (min-width: 520px) {
	.fmt-reassurance .fmt-reassurance__grille {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-32);
	}
}

@media (min-width: 900px) {
	.fmt-reassurance .fmt-reassurance__grille {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--space-48);
	}
}

.fmt-reassurance .fmt-reassurance__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-4);
}

.fmt-reassurance .fmt-reassurance__icone {
	width: 28px;
	height: 28px;
	margin-block-end: var(--space-8);
	color: var(--text-heading);
	flex: none;
}

.fmt-reassurance .fmt-reassurance__intitule {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	letter-spacing: var(--track-ui);
	line-height: var(--lh-ui);
	color: var(--text-heading);
}

/* Texte discret sur ivoire : 5,74:1. */
.fmt-reassurance .fmt-reassurance__precision {
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--lh-caption);
	color: var(--text-muted);
	text-wrap: pretty;
	overflow-wrap: anywhere;
}