/* Force collection products to equal size grid */
.collection .grid__item {
flex: 1 1 25% !important; /* 4 products per row (25% width each) */
max-width: 25% !important;
}
@media (max-width: 768px) {
.collection .grid__item {
flex: 1 1 50% !important; /* 2 per row on mobile */
max-width: 50% !important;
}
}
@media (max-width: 480px) {
.collection .grid__item {
flex: 1 1 100% !important; /* 1 per row on small screens */
max-width: 100% !important;
}
}
