/* Migros Home Manager — griglia loghi partner [mhm_logos] */

.mhm-logos-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 34px 24px;
	align-items: center;
	margin: 0 0 40px;
}

.mhm-logo-item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border: 1px solid #f1f1f1;
    border-radius: 15px;
}

/* Logo mostrato per intero, mai tagliato: max-width/max-height + object-fit:contain
   invece di background-image/cover (stesso principio usato per le immagini
   in [mhm_aperture]/[mhm_consiglio]/[mhm_promo_box]). */
.mhm-logo-item img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

@media (max-width: 1000px) {
	.mhm-logos-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 640px) {
	.mhm-logos-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 16px;
	}

}

/* Schermi molto piccoli: spazio fra i loghi ridotto, così le celle
   restano abbastanza larghe da non rimpicciolire troppo i loghi. */
@media (max-width: 400px) {
	.mhm-logos-grid {
		gap: 14px 12px;
	}
}