/* Elenco ricette: griglia a colonne con celle max 150px; padding = gap per margini laterali uguali ai passi */
.frontend-content-pagina-items-list {
	--grid-columns: 5;
	--grid-gap: 3rem;
	--cell-max-width: 150px;

	.frontend-content-list__items {
		display: grid;
		grid-template-columns: repeat(var(--grid-columns), minmax(0, var(--cell-max-width)));
		gap: var(--grid-gap);
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		justify-content: center;

		.ricetta-card {
			--color-title: #000;
			--card-width: 100%;
			--card-image-width: 100%;
			width: 100%;
			max-width: var(--cell-max-width);
			justify-self: center;

			.card__body,
			.card__link {
				width: 100%;
			}

			.card__image-wrapper {
				width: 100%;
				height: auto;
				aspect-ratio: 1 / 1;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
	}
}

/* Responsive */
@media (max-width: 1199.98px) {
	.frontend-content-pagina-items-list .frontend-content-list__items {
		--grid-gap: 2rem;
		--grid-columns: 4;
	}
}

@media (max-width: 991.98px) {
	.frontend-content-pagina-items-list .frontend-content-list__items {
		--grid-gap: 1.5rem;
		--grid-columns: 3;
	}
}

@media (max-width: 767.98px) {
	.frontend-content-pagina-items-list .frontend-content-list__items {
		--grid-gap: 1rem;
		--grid-columns: 2;
	}
}

@media (max-width: 479.98px) {
	.frontend-content-pagina-items-list .frontend-content-list__items {
		--grid-columns: 1;
	}
}