.mm-selection {
	grid-gap: var(--spacing-6);
}
.mm-products-reco-wrapper {
	grid-gap: var(--spacing-3);
	grid-template-columns: repeat(4, 1fr);
}
.mm-product-reco {
	height: 100%;
	width: 100%;
}

@media (max-width: 768px) {
	.mm-products-reco-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.mm-selection-title {
		margin: var(--spacing-none);
		font-size: var(--font-size-x-large);
		font-style: var(--font-normal);
		line-height: var(--font-normal);
	}
}

@media (max-width: 425px) {
	.mm-products-reco-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}