/* ====================================================================
   CARTES DE CATEGORIE — [lmc_cat]
   Maquette : photo, puis le nom de la categorie EN DESSOUS, en petites
   capitales espacees, aligne a gauche.
   ==================================================================== */

.lmc-cat {
	display: block;
	text-decoration: none !important;
	color: var(--lmc-navy, #0d2232);
}

.lmc-cat__img {
	display: block;
	overflow: hidden;
	/* Proportion relevee sur la maquette : legerement plus haut que large. */
	aspect-ratio: 5 / 6;
	background-color: #ebf2f8;
}

.lmc-cat__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform 0.6s cubic-bezier(0.2, 0.06, 0.05, 0.95);
	/* Force le rendu a la definition de l'ecran des le repos. */
	will-change: transform;
	backface-visibility: hidden;
}

.lmc-cat:hover .lmc-cat__img img {
	transform: scale(1.04);
}

.lmc-cat__nom {
	display: block;
	margin-top: 14px;
	font-family: var(--lmc-font, Georgia, serif);
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--lmc-navy, #0d2232);
	transition: color 0.2s ease;
}

.lmc-cat:hover .lmc-cat__nom {
	color: var(--lmc-blue, #629ac7);
}

@media (max-width: 767px) {
	.lmc-cat__nom {
		margin-top: 10px;
		font-size: 11px;
	}
}