/*
 * Sections partagées (home, landings, etc.).
 * Sélecteurs = classes Breakdance settings.advanced.classes (pbt-landing-*),
 * pas les IDs générés bde-*-{postId}-{nodeId} (instables entre environnements).
 */

/*
 * Réassurance : grille 2×2 + 5ᵉ pastille centrée.
 * Breakdance empile les 5 colonnes dès phone_landscape — on rétablit
 * icône au-dessus du texte, 2 colonnes, dernière tuile centrée.
 */
@media (max-width: 767px) {
	.breakdance .pbt-landing-trust .section-container {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.breakdance .pbt-landing-trust .bde-columns {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		column-gap: 1.6rem;
		row-gap: 2.8rem;
	}

	.breakdance .pbt-landing-trust .bde-columns > .bde-column {
		flex: 0 1 calc((100% - 1.6rem) / 2);
		width: calc((100% - 1.6rem) / 2);
		max-width: calc((100% - 1.6rem) / 2);
		align-items: center;
		text-align: center;
	}

	.breakdance .pbt-landing-trust .bde-icon-box {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1.2rem;
		padding: 0;
		height: 100%;
	}

	.breakdance .pbt-landing-trust .ee-iconbox-content,
	.breakdance .pbt-landing-trust .ee-iconbox-title {
		text-align: center;
		margin: 0;
	}

	.breakdance .pbt-landing-trust .ee-iconbox-title {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.breakdance .pbt-landing-trust .ee-iconbox-icon.breakdance-icon-atom {
		flex-shrink: 0;
	}

	.breakdance .pbt-landing-trust .bde-columns > .bde-column:nth-child(3) .ee-iconbox-title {
		word-break: keep-all;
	}
}