fixed some bugs: filter, detail

src/components/Navbar/Navbar.module.scss

@@ -27,7 +27,7 @@
     font-weight: bold;
     color: #ffffff;
      margin: 8px 14px 6px;
-     @media screen and (max-width: 426px) {
+     @media screen and (max-width: 500px) {
      font-size: 14px;
      margin: 8px 10px 6px;
     }
@@ -57,7 +57,7 @@
     gap: 10px;
     margin: 0 auto;
     cursor: pointer;
-    @media screen and (max-width: 426px) {
+    @media screen and (max-width: 500px) {
       height: 40px;
       justify-content: flex-start;
       padding: 10px 15px 6px;
@@ -73,11 +73,11 @@
     flex-direction: column;
     img{
       width: 300px;
-      @media screen and (max-width: 426px) {
+      @media screen and (max-width: 500px) {
       width: 100%;
     }
     }
-    @media screen and (max-width: 426px) {
+    @media screen and (max-width: 500px) {
       width: 100%;
     }
 
@@ -207,7 +207,7 @@
   @media screen and (min-width: 1024px) {
     display: none;
   }
-  @media screen and (max-width: 426px) {
+  @media screen and (max-width: 500px) {
     padding: 9px 0;
   }
 }
@@ -276,7 +276,7 @@
    align-items: center;
    gap: 8px;
    margin-left: auto;
-    @media screen and (max-width: 426px) {
+    @media screen and (max-width: 500px) {
       display: none;
     }
   }

src/components/ProductCard/imageCarousel/index.jsx

@@ -29,15 +29,15 @@ const ImageCarousel = ({
       : images[0]?.images_1200x1200 || "";
 
   // Auto-slide functionality
-  useEffect(() => {
-    if (!hasMultipleImages || isModalOpen) return;
+  // useEffect(() => {
+  //   if (!hasMultipleImages || isModalOpen) return;
 
-    const interval = setInterval(() => {
-      setCurrentIndex((prev) => (prev === images.length - 1 ? 0 : prev + 1));
-    }, 9000);
+  //   const interval = setInterval(() => {
+  //     setCurrentIndex((prev) => (prev === images.length - 1 ? 0 : prev + 1));
+  //   }, 9000);
 
-    return () => clearInterval(interval);
-  }, [hasMultipleImages, images, isModalOpen]);
+  //   return () => clearInterval(interval);
+  // }, [hasMultipleImages, images, isModalOpen]);
 
   // Reset zoom/rotation when modal closes or image changes
   useEffect(() => {