fix: add overlay

_dev/js/listing.js

@@ -221,7 +221,7 @@ $(document).ready(() => {
         data.rendered_products_header,
       );
     }
-  
+
     $('#show-filters').on('click.offcanvas', () => {
       $('#product-list-top-filters').show();
     });

_dev/js/theme.js

@@ -105,12 +105,18 @@ $(() => {
   });
 
   $('#show-filters').on('click.offcanvas', () => {
-    $('#product-list-top-filters').show();
-    
+    $('#overlay').show();  
+    $('#product-list-top-filters').show();  
   });
-
+  
   $('#hide-filters').on('click.offcanvas', () => {
-    $('#product-list-top-filters').hide();
+    $('#product-list-top-filters').hide(); 
+    $('#overlay').hide();
+  });
+  
+  $('#overlay').on('click', function() {
+    $('#product-list-top-filters').hide();  
+    $('#overlay').hide();  
   });
 
   function ThAccordion() {}