/* ===== Projet suivant ("Vous aimerez également…") ===== */
.zpn {
	display: block;
	text-decoration: none;
	color: inherit;
}
.zpn-label { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.zpn-arrow { display: inline-block; }
.zpn-title { margin: 0 0 24px; }

.zpn-media { width: 100%; overflow: hidden; background: #333; line-height: 0; }
.zpn-media img,
.zpn-img { display: block; width: 100%; height: auto; }
/* si un ratio est défini, l'image remplit la zone */
.zpn-media[style*="aspect-ratio"] img { height: 100%; }
.zpn-img-empty { display: block; width: 100%; aspect-ratio: 1344 / 500; background: #333; }