overlay js + css правки

assets/js/gp-main.js

@@ -16,6 +16,36 @@ modalClose('.modal__close');
 toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
 // toggle
 
+// overlay
+let products = document.querySelectorAll('.product__item');
+
+products.forEach(productItem => {
+    let button = productItem.querySelector('.open-overlay'),
+        overlay = productItem.querySelector('.product-item__overlay');
+
+    
+    if (button) {
+        button.onclick = function (e) {
+            document.querySelectorAll('.product__item').forEach(e => {
+                if (e.classList.contains('active')) {
+                    e.classList.remove('active');
+                }
+            });
+            document.querySelectorAll('.product-item__overlay').forEach(e => {
+                if (e.classList.contains('active')) {
+                    e.classList.remove('active');
+                }
+            });
+
+            productItem.classList.toggle('active'); 
+            overlay.classList.toggle('active');            
+        }
+    }
+    
+})
+// overlay
+
+
 // select
 toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', true);