правки 11

assets/css/gp-style-mobile.css

@@ -48,7 +48,7 @@
 }
 .modal-basket__item--return{
     flex-direction: column;
-    align-items: end;
+    align-items: start;
 }
 .modal-basket__item--return .modal-basket-item__title{
     margin-right: auto;

assets/js/gp-main.js

@@ -6,12 +6,31 @@ toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'whi
 toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white');
 // header 
 
-// media
+// modal
 modalOpen('.button--filter', '.modal__filter');
 modalOpen('.basket-open', '.modal__basket');
 modalOpen('.open-to-know', '.modal__to-know');
 modalClose('.modal__close');
-// media
+
+let modal = document.querySelector('.modal');
+
+modal.onclick = function (event) {
+    let target = event.target;
+
+    if (target.classList.contains('modal')) {
+        let aside = target.querySelector('.modal__aside'),
+            modalItem = target.querySelector('.modal__item.active');
+
+            aside.style.width = '0px';
+            setTimeout(() => {
+                modalItem.style.cssText = '';
+                modalItem.classList.remove('active');
+                target.classList.remove('active');
+            }, 300);
+    }
+}
+
+// modal
 
 // toggle
 toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
@@ -270,46 +289,14 @@ function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
             thisContent.classList .remove('open');
 
             if (removeBlock) {
-                thisRemoveBlock.classList.add(removeClass);
+                if (window.scrollY <= 25) {
+                    thisRemoveBlock.classList.add(removeClass);
+                }
             }
         }
     }
 }
 
-function createGalleryPhone(swiper, wrapper, slide, width) {
-    if (window.screen.width <= width) {
-        let thisSwiper = document.querySelector(swiper),
-            thisWrapper = document.querySelector(wrapper),
-            thisSlides = document.querySelectorAll(slide);
-
-        
-        
-        thisSwiper.classList.add('swiper');
-        thisWrapper.classList.add('swiper-wrapper'); 
-        thisSlides.forEach(e => {
-            e.classList.add('swiper-slide'); 
-        })
-
-        const t = new Swiper('.detail__images', {
-            spaceBetween: 100,
-          
-            pagination: {
-              el: '.swiper-pagination',
-            },
-          
-            navigation: {
-              nextEl: '.swiper-button-next',
-              prevEl: '.swiper-button-prev',
-            },
-          
-            scrollbar: {
-              el: '.swiper-scrollbar',
-            },
-        });
-         
-    }
-}
-
 
 // resize
 window.addEventListener('resize', (e) => {