/**
 * Section : Répéteur image + texte.
 * D'après le design Figma "Certification List Container".
 */

@layer sections {
	/* Conteneur plus étroit que les autres sections (design : 74,4rem / 1190px). */
	.mm-media-list__inner {
		--mm-container-max: 74.4rem;
		display: flex;
		flex-direction: column;
		gap: var(--mm-space-page); /* 56px */
	}

	.mm-media-list__heading {
		margin: 0;
		font-size: var(--mm-fs-400); /* → 49px */
		line-height: 1.2;
		color: var(--mm-feuille-800);
	}

	.mm-media-list__items {
		display: flex;
		flex-direction: column;
		gap: var(--mm-space-page);
	}

	/* --- Ligne : icône (colonne fixe) + texte --- */
	.mm-media-list__item {
		display: grid;
		grid-template-columns: 12.5rem 1fr; /* 200px + reste */
		gap: var(--mm-space-page);
		align-items: center;
	}
	@media (max-width: 48rem) {
		.mm-media-list__item {
			grid-template-columns: 1fr;
			gap: var(--mm-space-md);
			justify-items: start;
		}
	}

	.mm-media-list__icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mm-media-list__img {
		max-width: 100%;
		max-height: 9rem; /* ~143px */
		width: auto;
		height: auto;
		object-fit: contain;
	}

	/* --- Texte --- */
	.mm-media-list__text {
		display: flex;
		flex-direction: column;
		gap: var(--mm-space-list); /* 24px */
	}
	.mm-media-list__title {
		margin: 0;
		font-weight: 400; /* Barlow Regular (cf. maquette) */
		font-size: clamp(1.5rem, 1.6vw, 1.9375rem); /* → 31px */
		line-height: 1.2;
		color: var(--mm-feuille-800);
	}
	.mm-media-list__body { color: var(--mm-color-text); }
	.mm-media-list__body p { line-height: 1.5; }
	.mm-media-list__body > * + * { margin-block-start: var(--mm-paragraph-gap); }
}