CMXX - Updated Products page

custom/css/custom.css

@@ -1826,4 +1826,48 @@ input.banner_deny:hover {
 }
 #banner hr {
   margin: 15px 0;
+}
+
+ /* Main Container */
+ .filtersection {
+  display: flex;
+  margin: 0 auto;
+}
+
+/* Filter Section */
+.filter-section {
+  width: 250px;
+  padding: 20px;
+  border-right: 1px solid #e0e0e0;
+}
+
+.filter-section h2 {
+  margin-bottom: 15px;
+  color: #333;
+}
+
+.filter-group {
+  margin-bottom: 20px;
+}
+
+.filter-group label {
+  margin-bottom: 10px;
+}
+
+.filter-group input[type="checkbox"] {
+  margin-right: 10px;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .filtersection {
+      flex-direction: column;
+      text-align: center;
+  }
+
+  .filter-section {
+      width: 100%;
+      border-right: none;
+      border-bottom: 1px solid #e0e0e0;
+  }
 }