.grid-container {
	display: grid;
	gap: 1rem;
	padding: 1rem;
	width: 100%;
	grid-template-columns: repeat(var(--numero-max-col-grid, 5), 1fr); /* limite massimo */
}

.product-grid {
	display: grid;
	gap: 30px;
}

.grid-item {
	text-align: center;
	border-radius: 1rem;
	cursor: pointer;
	text-decoration: none;
}

.grid-item img {
	/* IGPA-COPILOT 20260702 NI18 - proporzione corretta per immagini categorie (780×500 px originale) */
	/* PRIMA: aspect-ratio: 1/1; max-width: 18.75rem; */
	/* IGPA-COPILOT 20260718 NI42 - contain al posto di cover: le immagini non vengono più tagliate */
	/* PRIMA: object-fit: cover; */
	width: 100%;
	height: auto;
	object-fit: contain;
	background: #f8f9fa;   /* sfondo neutro per le aree vuote con contain */
	margin-bottom: 0.5rem;
	aspect-ratio: 39 / 25;  /* proporzione originale 780×500 px */
	/* max-width: 18.75rem; RIMOSSO - bloccava la larghezza */
}

.grid-item .title {
	font-size: var(--font-size, 1rem);
	font-weight: bold;
	color: var(--font-color, #000);
}

@media ( max-width : 1600px) {
	.grid-container {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media ( max-width : 1400px) {
	.grid-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media ( max-width : 1200px) {
	.grid-container {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media ( max-width : 992px) {
	.grid-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media ( max-width : 768px) {
	.grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media ( max-width : 576px) {
	.grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}