adding new styles

src/pages/Category/CategoryPage.module.scss

@@ -67,6 +67,16 @@
            color: #000000;
            font-size: 14px;
            cursor: pointer;
+           transition: all 0.2s ease-in-out;
+           padding: 4px 8px;
+           border-radius: 6px;
+ 
+           &:hover {
+             background-color: #f3f4f6;
+             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+             transform: translateX(4px);
+             color: #d32824;
+           }
          }
  
          label {
@@ -282,10 +292,18 @@
     }
   }
 
+  .productGrid::-webkit-scrollbar {
+  display: none !important;             
+  width: 0 !important;
+  height: 0 !important;
+}
+
   .productsContainer {
     flex: 1;
-
     .productGrid {
+      -ms-overflow-style: none !important;  
+        scrollbar-width: none !important;     
+        overflow: hidden !important;
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
       gap: 20px;