@media (max-width: 1080px) { .product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 900px) { .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .shop-grid { grid-template-columns: 1fr; } .product-grid-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .product-grid, .new-arrivals, .product-grid-list, .lens-gallery, .category-grid { grid-template-columns: 1fr; } }