diff --git a/src/components/product/ProductGrid.vue b/src/components/product/ProductGrid.vue
index 91081ef..7180253 100644
--- a/src/components/product/ProductGrid.vue
+++ b/src/components/product/ProductGrid.vue
@@ -16,7 +16,15 @@ defineProps<{
 <style scoped>
 .product-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  grid-template-columns: repeat(4, 1fr);
   gap: 1.5rem;
 }
+
+@media (max-width: 900px) {
+  .product-grid { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (max-width: 500px) {
+  .product-grid { grid-template-columns: 1fr; }
+}
 </style>