/* Responsive Product Grid Container */
.list-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    animation: fadeInGrid 0.5s;
    width: 100%;
    box-sizing: border-box;
}

/* Responsive Breakpoints */
/* Large screens (> 1200px): 3 columns */
@media (min-width: 1200px) {
	.list-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Medium screens (768px - 900px): 3 columns */
@media (max-width: 900px) and (min-width: 768px) {
	.list-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Small screens (< 768px): 2 columns */
@media (max-width: 668px) {
	.list-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Extra small devices (< 480px): 2 columns */
@media (max-width: 479px) {
	.list-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@keyframes fadeInGrid {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: none; }
}