/*
 * Section réassurance (bde-section-2-241) – layout liste compacte mobile.
 *
 * Sur mobile, les 5 icon boxes passent de vertical (icône au-dessus du texte)
 * à horizontal (icône à gauche, texte à droite) pour réduire le scroll
 * et améliorer la lisibilité.
 */

@media (max-width: 767px) {

	/* Réduction du padding vertical de la section */
	.breakdance .bde-section-2-241 .section-container {
		padding-top: 4.8rem;
		padding-bottom: 4.8rem;
	}

	/* Réduction du gap entre les colonnes empilées */
	.breakdance .bde-columns-2-243.bde-columns {
		gap: 1.6rem;
	}

	/* Alignement texte à gauche sur chaque colonne */
	.breakdance .bde-columns-2-243.bde-columns > .bde-column {
		align-items: stretch;
		text-align: left;
	}

	/* Icon box : passage en layout horizontal */
	.breakdance .bde-section-2-241 .bde-icon-box {
		flex-direction: row;
		align-items: center;
		gap: 1.6rem;
		text-align: left;
	}

	/* Icône : taille réduite, ne shrink pas */
	.breakdance .bde-section-2-241 .ee-iconbox-icon.breakdance-icon-atom {
		padding: 1.2rem;
		font-size: 2rem;
		flex-shrink: 0;
	}

	/* Contenu texte : aligné à gauche */
	.breakdance .bde-section-2-241 .ee-iconbox-content,
	.breakdance .bde-section-2-241 .ee-iconbox-title {
		text-align: left;
		margin: 0;
	}

	/* Drapeaux : décalés pour s'aligner sous le texte */
	.breakdance .bde-column-2-245 .bde-gallery-2-254 {
		margin-left: 6.4rem;
		max-width: 18rem;
	}
}