//Header

  openCatalog(); // кнопка каталог

  concatcUs(); // кнопка Заказать звонок
  chooseCity(); // выбрать город
  modalAuth(); // авторизация
  modalRestorePass(); // восстановить пароль
  modalRestorePassSuccess(); //восстановить пароль - успешно
  modalRestoreError(); // восстановить пароль - ошибка
  modalReg(); // регистрация

  searchResult(); // focus input
  searchResultMob(); // поиск мобилки

  
  //Footer
  footerSpoiler(); // спойлер моб версия
  
  //Главная страница
  swiperMain(); // swiper главная страница первый экран

  swiperMainMob(); // swiper первый экран до 780px

  swiperCatalog(); // swiper главная страница каталог
  catalogTabsHandler(); // переключатель табов каталога
  catalogButtonsHandler(); // в разделе каталог добавление в избранное и сравнить
  swiperMachines(); // swiper раздел Machines
  swiperPartners(); // swiper раздел Нам доверяют
  cookiePopup(); // показ Куки
  
  //Страница Карточка товара
  productPageSwiper(); // swiper первый экран

  productPageMobSwiper(); // swiper первый экран мобилки

  productTabs(); // табы с описанием товара
  offerSwiper(); // swiper Выгодное предложение
  swiperProjects(); // swiper Реализованные проекты
  swiperViewed(); // swiper Недавно просматривали
  swiperModels(); // swiper Образцы изделей таб-3

  fancyboxSliderProduct(); // образцы изделей

  telMask(); // Imask

  swiperTab5(); // swiper Аксуссуары таб-5
  swiperTab6(); // swiper Оснастка таб-6
  swiperTab7(); // swiper Похожая техника таб-7

  addToCart(); // модальное окно Товар добален в корзину
  getConsult(); // модальное окно - Заказать консультацию

  tableHover(); // таблица Характеристики выделение цветом
  
  //Модальное окно - Карточка товара кратко
  modalProductTabs(); // переключение табов
  modalViewed(); // раздел Недавно просматривали
  
  //Модальные окна
  orderParts(); // Модальное окно - Заказать запчасти

  addedToCompare(); // Товар добавлен в сравнение

  addedToCart(); // настройка модального окна - Товар добавлен в корзину

  modalSubs(); // Поп-ап - успешная подписка на рассылку

  
  //Страница каталог
  toggleList(); // выподающий список
  toogleSorting(); // сортировка
  swiperArticles(); // swiper раздел Статьи по разделу
  swiperReviews(); // swiper  Отзывы партнеров

  infoShowMore(); // мобильный верстка раздел полезная информация

  
  //Страница о компании
  swiperHistory(); // swiper история развития
  
  //Личный кабинет
  accountProfile(); // таб мой профиль
  accountOrders(); // мои заказы

  compareTable(); // переключение табов раздел сравнение
  contactsSwiper(); // раздел контакты
  // contactsMap(); // карта раздел контакты
  exitAccount(); // Выйти из аккаунта
  
  // Страница каталог подфильтры
  catalogFilters();
  
  //страница Новости - новость
  swiperNewsItem();
  
  //корзина
  cartCounter(); // счетчик количества в корзине
  modalCartOrder(); // Оформление заказа
  modalCartOrderSucc(); // заказ оформлен успешно
  
  //статьи
  swiperArticlesPage(); // swiper Последние статьи
  
  //Лицензии и сертификаты
  fancyboxSlider(); // поп-ап галерея
  
  //Вакансии
  openForm(); // кнопка откликнуться в вакансиии
  
  //Контакты
  contactsPageSwiper();
  contactspageMap();
  
  //демозал
  swiperDemohall();
  
  // Корпоративная жизнь - мероприятие
  fancyboxSliderCorp();

  
  //Header
  function openCatalog() {

      const catalogBtn = document.querySelector('.js_catalog_btn');
      const modal = document.querySelector('.js_modal_catalog');
      let clicked = false;
  
      const openModal = function () {
          modal.classList.add('active');
          document.body.style.overflow = 'hidden';
          catalogBtn.classList.add('catalog-open');
          clicked = true;
      };
  
      const closeModal = function () {
          modal.classList.remove('active');
          document.body.style.overflow = null;
          catalogBtn.classList.remove('catalog-open');
      };
  
      function toggleModal() {
          if (!modal.classList.contains('active')) {
              openModal();
          } else {
              closeModal();
          }
      }

  
      if (catalogBtn) {

          catalogBtn.addEventListener('click', toggleModal);
      }
  
      if (modal) {
          document.addEventListener('click', (e) => {
              e.stopPropagation();
              const clickBtn = e.composedPath().includes(catalogBtn);
              const click = e.composedPath().includes(modal);
  
              if (!click && !clickBtn && modal.classList.contains('active') && clicked) {
                  closeModal();
              }

          });
      }
  }
  
  function concatcUs() {
      const openModalLink = document.querySelector('.js_header_button_call');

      const openModalLinkMob = document.querySelector('.js_modal_call_mob');

      const closeModalBtn = document.querySelector('.js_modal_contact_close');

      const closeModalBtnMob = document.querySelector('.js_modal_contact_close_mob');

      const modal = document.querySelector('.js_modal_contact');

  
      const openModal = function () {

          modal.classList.add('active');

          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {

          modal.classList.remove('active');

          document.body.style.overflow = null;
      };
  
      if (openModalLink) {
          openModalLink.addEventListener('click', openModal);
      }

      if (openModalLinkMob) {
          openModalLinkMob.addEventListener('click', openModal);
      }

      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }

  
      if (closeModalBtnMob) {
          closeModalBtnMob.addEventListener('click', closeModal);
      }

  }
  
  function chooseCity() {
      const openModalBtn = document.querySelector('.js_city_choose');
      const closeModalBtn = document.querySelector('.js_modal_city_close');
      const modal = document.querySelector('.js_modal_city');
      const overlay = document.querySelector('.js_modal_city_overlay');
      let cities = document.querySelectorAll('.js_city_item');
  
      const openModal = function () {
          modal.classList.remove('modal-city--hidden');
          overlay.classList.remove('modal-city-overlay--hidden');
          // document.body.style.overflow = 'hidden';
          openModalBtn.classList.add('header-up-left__city--active');
      };
  
      const closeModal = function () {
          modal.classList.add('modal-city--hidden');
          overlay.classList.add('modal-city-overlay--hidden');
          // document.body.style.overflow = null;
          openModalBtn.classList.remove('header-up-left__city--active');
      };
  
      cities.forEach((city) => {
          city.addEventListener('click', (e) => {
              e.preventDefault();
              let currentCity = city;
              if (!currentCity.classList.contains('city-main__item--active')) {
                  cities.forEach((city) => {
                      city.classList.remove('city-main__item--active');
                  });
  
                  currentCity.classList.add('city-main__item--active');
                  openModalBtn.innerHTML = currentCity.innerText;
                  closeModal();
              }
          });
      });
  
      if (openModalBtn) {
          openModalBtn.addEventListener('click', openModal);
      }
  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }
  
      document.addEventListener('keydown', function (event) {
          if (event.code === 'Escape' && !modal.classList.contains('modal-city--hidden')) {
              closeModal();
          }
      });
  }
  
  function modalAuth() {

      // const openModalLink = document.querySelector('.js_header_entry');

      const closeModalBtn = document.querySelector('.js_modal_auth_close');
      const modal = document.querySelector('.js_modal_auth');
      const overlay = document.querySelector('.js_modal_auth_overlay');
      const passwordField = document.querySelector('.js_auth_pass');
      const showPasswordBtn = document.querySelector('.js_auth_show_pass');
      const openRestoreLink = document.querySelector('.js_restore_pass');
  
      const openModal = function () {

          modal.classList.add('active');

          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {

          modal.classList.remove('active');

          document.body.style.overflow = null;
      };

      // if (openModalLink) {
      //     openModalLink.addEventListener('click', openModal);
      // }

  
      if (closeModalBtn || openRestoreLink) {
          closeModalBtn.addEventListener('click', closeModal);
          openRestoreLink.addEventListener('click', closeModal);
      }
  
      document.addEventListener('keydown', function (event) {

          if (event.code === 'Escape' && modal.classList.contains('active')) {

              closeModal();
          }
      });
  
      if (showPasswordBtn) {
          showPasswordBtn.addEventListener('click', function () {
              if (passwordField.type === 'password') {
                  passwordField.type = 'text';
              } else {
                  passwordField.type = 'password';
              }
          });
      }
  }
  
  function modalRestorePass() {
      const openModalLink = document.querySelector('.js_restore_pass');
      const closeModalBtn = document.querySelector('.js_modal_restore_close');
      const closeModalInner = document.querySelector('.js_restore_back');
      const modal = document.querySelector('.js_modal_restore');

  
      const openModal = function () {

          document.body.style.overflow = 'hidden';

          modal.classList.add('active');

      };
  
      const closeModal = function () {

          modal.classList.remove('active');

          document.body.style.overflow = null;
      };
  
      if (openModalLink) {
          openModalLink.addEventListener('click', openModal);
      }
  
      if (closeModalBtn || closeModalInner) {
          closeModalBtn.addEventListener('click', closeModal);
          closeModalInner.addEventListener('click', closeModal);
      }
  
      document.addEventListener('keydown', function (event) {

          if (event.code === 'Escape' && modal.classList.contains('active')) {

              closeModal();
          }
      });
  }
  
  function modalRestorePassSuccess() {

      // const openModalLink = document.querySelector('.js_test');

      const closeModalBtn = document.querySelector('.js_modal_restore_succ_close');
      const closeModalInner = document.querySelector('.js_res_succ_ok');
      const closeModalInnerBack = document.querySelector('.js_res_succ_back');
      const modal = document.querySelector('.js_modal_restore_succ');

  
      const openModal = function () {

          modal.classList.add('active');

          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {

          modal.classList.remove('active');

          document.body.style.overflow = null;
      };
  
      // if (openModalLink) {
      //     openModalLink.addEventListener('click', openModal);
      // }
  
      if (closeModalBtn || closeModalInner || closeModalInnerBack) {
          closeModalBtn.addEventListener('click', closeModal);
          closeModalInner.addEventListener('click', closeModal);
          closeModalInnerBack.addEventListener('click', closeModal);
      }
  
      document.addEventListener('keydown', function (event) {

          if (event.code === 'Escape' && modal.classList.contains('active')) {

              closeModal();
          }
      });
  }
  
  function modalRestoreError() {
      // const openModalLink = document.querySelector('.js_test');
      const closeModalBtn = document.querySelector('.js_modal_restore_error_close');
      const closeModalInnerBack = document.querySelector('.js_restore_error_back');
      const modal = document.querySelector('.js_modal_restore_error');

  
      const openModal = function () {

          modal.classList.add('active');

          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {

          modal.classList.remove('active');

          document.body.style.overflow = null;
      };
  
      // if (openModalLink) {
      //     openModalLink.addEventListener('click', openModal);
      // }
  
      if (closeModalBtn || closeModalInnerBack) {
          closeModalBtn.addEventListener('click', closeModal);
          closeModalInnerBack.addEventListener('click', closeModal);
      }

  }
  
  function modalReg() {

      const openModalLink = document.querySelector('.js_header_entry');

      const closeModalBtn = document.querySelector('.js_modal_reg_close');
      const closeModalInner = document.querySelector('.js_back_inner');
      const modal = document.querySelector('.js_modal_reg');

      const passwordField = document.querySelector('.js_reg_pass');
      const showPasswordBtn = document.querySelector('.js_reg_show_pass');
      const passwordFieldConfirm = document.querySelector('.js_pass_conf');
      const showPasswordConfirmBtn = document.querySelector('.js_reg_show_pass_conf');
  
      const openRestoreLink = document.querySelector('.js_restore_pass');
  
      const openModal = function () {

          modal.classList.add('active');
          document.body.style.overflow = 'hidden';

      };
  
      const closeModal = function () {

          modal.classList.remove('active');
          document.body.style.overflow = null;

      };

      if (openModalLink) {
          openModalLink.addEventListener('click', openModal);
      }

  
      if (closeModalBtn || closeModalInner) {
          closeModalBtn.addEventListener('click', closeModal);
          closeModalInner.addEventListener('click', closeModal);
      }
  
      if (openRestoreLink) {

          openRestoreLink.addEventListener('click', () => {
              modal.classList.remove('active');
          });

      }

      if (showPasswordBtn) {
          showPasswordBtn.addEventListener('click', function () {
              if (passwordField.type === 'password') {
                  passwordField.type = 'text';
              } else {
                  passwordField.type = 'password';
              }
          });
      }
  
      if (showPasswordConfirmBtn) {
          showPasswordConfirmBtn.addEventListener('click', function () {
              if (passwordFieldConfirm.type === 'password') {
                  passwordFieldConfirm.type = 'text';
              } else {
                  passwordFieldConfirm.type = 'password';
              }
          });
      }
  }

  function searchResult() {
      const searchInput = document.querySelector('.js_search_input');
      const results = document.querySelector('.js_search_result');
  
      if (searchInput) {
          searchInput.addEventListener('focus', function () {
              searchInput.classList.add('infocus');
              results.classList.add('active');
          });
  
          document.addEventListener('click', (e) => {
              const clickInput = e.composedPath().includes(searchInput);
              const clickResults = e.composedPath().includes(results);
  
              if (!clickInput && !clickResults && results.classList.contains('active')) {
                  results.classList.remove('active');
                  searchInput.classList.remove('infocus');
              }
          });
      }
  }
  
  function searchResultMob() {
      const openModalLink = document.querySelector('.js_search_btn_mob');
      const modal = document.querySelector('.js_modal_search_mobile');
      const closeModalBtn = document.querySelector('.js_modal_search_mobile_close');
  
      const openModal = function () {
          modal.classList.add('active');
          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {
          modal.classList.remove('active');
          document.body.style.overflow = null;
      };
  
      if (openModalLink && modal) {
          openModalLink.addEventListener('click', openModal);
      }
  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }
  }

  //Footer
  function footerSpoiler() {
      const spoilerButtons = document.querySelectorAll('.js_comp_btn');
      let i;
  
      if (window.innerWidth < 481) {
          for (i = 0; i < spoilerButtons.length; i++) {
              spoilerButtons[i].addEventListener('click', function () {
                  this.classList.toggle('footer-spoiler-button--active');
                  let panel = this.nextElementSibling;
                  if (panel.style.maxHeight) {
                      panel.style.maxHeight = null;
                  } else {
                      panel.style.maxHeight = panel.scrollHeight + 'px';
                  }
              });
          }
      } else return;
  }
  
  //Главная страница
  function swiperMain() {
      var swiper = new Swiper('.mySwiper', {
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          },
          allowSlidePrev: true,
          allowSlideNext: true,
          observer: true,
          observeParents: true,
          pagination: {
              el: '.swiper-pagination',
              paginationClickable: true,
              dynamicBullets: true,
              clickable: true,
          },

          breakpoints: {},
          mousewheel: true,
          keyboard: true,
      });
  }
  
  function swiperMainMob() {
      var swiper = new Swiper('.swiper-mob', {
          slidesPerView: 1.15,
          centeredSlides: true,
          spaceBetween: 15,
          pagination: {
              el: '.mob-pagination',
              paginationClickable: true,
              // dynamicBullets: true,
              clickable: true,
          },
          breakpoints: {},

          mousewheel: true,
          keyboard: true,
      });
  }
  
  function swiperCatalog() {
      var swiper = new Swiper('.swiperCatalog', {
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
          },
      });
  }
  
  function swiperMachines() {
      var swiper = new Swiper('.swiper-machine', {

          slidesPerView: 1,
          spaceBetween: 20,
          allowTouchMove: true,
          breakpoints: {
              780: {
                  slidesPerView: 3,
                  spaceBetween: 3,
              },
              1200: {
                  allowTouchMove: false,
                  spaceBetween: 3,
              },

          },

      });
  }
  
  function swiperPartners() {
      var swiper = new Swiper('.swiper-partners', {

          slidesPerView: 2.3,

          spaceBetween: 30,
          navigation: {
              nextEl: '.swiper-button-next_partner',
              prevEl: '.swiper-button-prev_partner',
          },

          breakpoints: {
              950: {
                  slidesPerView: 3,
              },
          },

      });
  }
  
  function catalogButtonsHandler() {
      const addToFavorite = document.querySelectorAll('.js_favorite');
      const addToCompare = document.querySelectorAll('.js_compare');
  
      addToFavorite.forEach((btn) => {
          btn.addEventListener('click', (e) => {
              e.preventDefault();
              btn.classList.toggle('swiper-icons-right__favorite_active');
          });
      });
  
      addToCompare.forEach((btn) => {
          btn.addEventListener('click', (e) => {
              e.preventDefault();
              btn.classList.toggle('swiper-icons-right__compare_active');
          });
      });
  }
  
  function catalogTabsHandler() {
      const tabs = document.querySelectorAll('.tab');
      const tabsItems = document.querySelectorAll('.tabs__item');
  
      tabs.forEach((tab) => {
          tab.addEventListener('click', function () {
              let currentBtn = tab;
              let tabId = currentBtn.getAttribute('data-tab');

              //let currentTab = document.querySelector(tabId);

  
              if (!currentBtn.classList.contains('active')) {
                  tabs.forEach((tab) => {
                      tab.classList.remove('active');
                  });
  
                  tabsItems.forEach((tab) => {
                      tab.classList.remove('tabs__item-active');
                  });
  
                  currentBtn.classList.add('active');

                  //currentTab.classList.add('tabs__item-active');

              }
          });
      });
  }
  
  function cookiePopup() {
      const cookiePopup = document.querySelector('.js_cookie_popup');
      const cookieButton = document.querySelector('.js_cookie_popup_btn');
      let cookieName = 'cookie-vekprom=accepted';
  
      if (cookiePopup) {
          if (document.cookie.includes(cookieName)) {
              return;
          } else {
              cookiePopup.style.display = 'block';
  
              cookieButton.addEventListener('click', () => {
                  document.cookie = 'cookie-vekprom=accepted; max-age=31536000; path=/';
                  cookiePopup.style.display = 'none';
              });
          }
      }
  }
  
  // страница Карточка товара
  function productPageSwiper() {
      var galleryTop = new Swiper('.gallery', {
          spaceBetween: 10,
          grabCursor: true,
          loop: true,
          loopedSlides: 4,
          keyboard: {
              enabled: true,
              onlyInViewport: false,
          },
      });
      /* thumbs */
      var galleryThumbs = new Swiper('.gallery-thumbs', {
          spaceBetween: 10,
          centeredSlides: true,
          slidesPerView: 'auto',
          touchRatio: 0.4,
          slideToClickedSlide: true,
  
          keyboard: {
              enabled: true,
              onlyInViewport: false,
          },
      });
      /* set conteoller  */
      galleryTop.controller.control = galleryThumbs;
      galleryThumbs.controller.control = galleryTop;
  }

  function productPageMobSwiper() {
      var swiper = new Swiper('.swiper-product-mobile', {
          pagination: {
              el: '.product-mob-pag',
              paginationClickable: true,
              clickable: true,
          },
      });
  }

  function productTabs() {
      const tabs = document.querySelectorAll('.js-specification__tab');
      const tabsItems = document.querySelectorAll('.specification__tabs-item');
  
      tabs.forEach((tab) => {
          tab.addEventListener('click', function () {
              let currentBtn = tab;
              let tabId = currentBtn.getAttribute('data-tab');
              let currentTab = document.querySelector(tabId);
  
              if (!currentBtn.classList.contains('active')) {
                  tabs.forEach((tab) => {
                      tab.classList.remove('active');
                  });
  
                  tabsItems.forEach((tab) => {
                      tab.classList.remove('specification__tabs-item_active');
                  });
  
                  currentBtn.classList.add('active');
                  currentTab.classList.add('specification__tabs-item_active');
              }
          });
      });
  }

  function fancyboxSliderProduct() {
      const corpLife = document.querySelector('.specification');
      if (corpLife) {
          Fancybox.bind('[data-fancybox="gallery"]', {
              contentClick: 'iterateZoom',
              Images: {
                  Panzoom: {
                      maxScale: 2,
                  },
              },
          });
      }
  }

  function telMask() {
      const phoneMaskSelector = '.js_input_phone';
      const phoneMaskInputs = document.querySelectorAll(phoneMaskSelector);
  
      const masksOptions = {
          phone: {
              mask: '+{7} (000) 000-00-00',
          },
      };
  
      for (const item of phoneMaskInputs) {
          new IMask(item, masksOptions.phone);
      }
  }

  function offerSwiper() {
      var swiper = new Swiper('.swiper-catalog-item', {
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
          },
      });
  }
  
  function swiperProjects() {
      var swiper = new Swiper('.swiper-projects', {

          slidesPerView: 2,

          spaceBetween: 30,
          navigation: {
              nextEl: '.swiper-button-next_projects',
              prevEl: '.swiper-button-prev_projects',
          },

          breakpoints: {
              1024: {
                  slidesPerView: 3,
              },
          },

      });
  }
  
  function swiperModels() {
      var swiper = new Swiper('.swiper-models', {

          slidesPerView: 1.2,

          spaceBetween: 20,
          navigation: {
              nextEl: '.swiper-button-next_models',
              prevEl: '.swiper-button-prev_models',
          },
          scrollbar: {
              el: '.spec-scrollbar',
              hide: false,
              draggable: true,
          },

          breakpoints: {
              1024: {
                  slidesPerView: 3,
              },
          },

      });
  }
  
  function swiperViewed() {
      var swiper = new Swiper('.swiper-viewed', {

          slidesPerView: 1,

          spaceBetween: 20,

          breakpoints: {
              375: {
                  slidesPerView: 2,
              },
              640: {
                  slidesPerView: 3,
              },
              1200: {
                  slidesPerView: 4,
              },
          },

          navigation: {
              nextEl: '.swiper-button-next_viewed',
              prevEl: '.swiper-button-prev_viewed',
          },
      });
  }
  
  function swiperTab5() {
      var swiper = new Swiper('.swiper-tab-5', {
          slidesPerView: 1,
          navigation: {
              nextEl: '.swiper-button-next_tab-5',
              prevEl: '.swiper-button-prev_tab-5',
          },
      });
  }
  
  function swiperTab6() {
      var swiper = new Swiper('.swiper-tab-6', {
          slidesPerView: 1,
          navigation: {
              nextEl: '.swiper-button-next_tab-6',
              prevEl: '.swiper-button-prev_tab-6',
          },
      });
  }
  
  function swiperTab7() {
      var swiper = new Swiper('.swiper-tab-7', {
          slidesPerView: 4,
          navigation: {
              nextEl: '.swiper-button-next_tab-7',
              prevEl: '.swiper-button-prev_tab-7',
          },
      });
  }
  
  function addToCart() {
      const openModalLink = document.querySelector('.js_buy');

      const openModalLinkMob = document.querySelector('.js_buy_mob');

      const closeModalBtn = document.querySelector('.js_modal_added_close');
      const closeInModalBtn = document.querySelector('.js_modal_added_button');
      const modal = document.querySelector('.js_modal_added');

  
      const openModal = function () {

          modal.classList.add('active');
          document.body.style.overflow = 'hidden';

      };
  
      const closeModal = function () {

          modal.classList.remove('active');
          document.body.style.overflow = null;

      };
  
      if (openModalLink) {
          openModalLink.addEventListener('click', openModal);
      }

      if (openModalLinkMob) {
          openModalLinkMob.addEventListener('click', () => {
              console.log('hi');
          });
      }

      if (closeModalBtn || closeInModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
          closeInModalBtn.addEventListener('click', closeModal);
      }

  
      document.addEventListener('keydown', function (event) {
          if (event.code === 'Escape' && modal.classList.contains('active')) {
              closeModal();
          }
      });
  }
  
  function addedToCompare() {
      // const openModalLink = document.querySelectorAll('.js_compare');
      const closeModalBtn = document.querySelector('.js_modal_compare_close');
      const modal = document.querySelector('.js_modal_compare');
  
      const openModal = function () {
          modal.classList.add('active');
          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {
          modal.classList.remove('active');
          document.body.style.overflow = null;
      };
  
      // if (openModalLink) {
      //     openModalLink.forEach((item) => {
      //         item.addEventListener('click', function (e) {
      //             e.preventDefault();
  
      //             openModal();
      //         });
      //     });
      // }
  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }

  }
  
  function getConsult() {
      const openModalLink = document.querySelector('.js-cart__info-links-consult');

      const openModalLinkMob = document.querySelector('.js_product_mob_consult');

      const closeModalBtn = document.querySelector('.js_modal_parts_close');

      const closeModalBtnMob = document.querySelector('.js_modal_contact_close_mob');

      const modal = document.querySelector('.js_modal_consult');

  
      const openModal = function () {

          modal.classList.add('active');

          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {

          modal.classList.remove('active');

          document.body.style.overflow = null;
      };
  
      if (openModalLink) {
          openModalLink.addEventListener('click', openModal);
      }

      if (openModalLinkMob) {
          openModalLinkMob.addEventListener('click', openModal);
      }

  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }

  
      if (closeModalBtnMob) {
          closeModalBtnMob.addEventListener('click', closeModal);
      }

  }
  
  // Карточка товара кратко (модальное окно)
  function modalProductTabs() {
      const tabs = document.querySelectorAll('.js-modal-spec__tab');
      const tabsItems = document.querySelectorAll('.js-modal-spec__tabs-item');
  
      tabs.forEach((tab) => {
          tab.addEventListener('click', function () {
              let currentBtn = tab;
              let tabId = currentBtn.getAttribute('data-tab');
              let currentTab = document.querySelector(tabId);
  
              if (!currentBtn.classList.contains('active')) {
                  tabs.forEach((tab) => {
                      tab.classList.remove('active');
                  });
  
                  tabsItems.forEach((tab) => {
                      tab.classList.remove('modal-spec__tabs-item_active');
                  });
  
                  currentBtn.classList.add('active');
                  currentTab.classList.add('modal-spec__tabs-item_active');
              }
          });
      });
  }
  
  function tableHover() {
      window.addEventListener('DOMContentLoaded', () => {
          const table = document.querySelector('.js_table_product');
          const titles = document.querySelectorAll('.js_table_title');
          const rows = document.querySelectorAll('.js_tr');
  
          titles.forEach((title, i) => {
              title.addEventListener('mouseenter', () => {
                  title.classList.add('active');
  
                  rows.forEach((row) => {
                      if (row.querySelector('td')) {
                          row.querySelectorAll('td')[i].classList.add('active');
                      }
                  });
              });
  
              title.addEventListener('mouseleave', () => {
                  title.classList.remove('active');
  
                  rows.forEach((row) => {
                      if (row.querySelector('td')) {
                          row.querySelectorAll('td')[i].classList.remove('active');
                      }
                  });
              });
          });
      });
  }
  
  function modalViewed() {
      var swiper = new Swiper('.swiper-modal-viewed', {
          slidesPerView: 4,
          spaceBetween: 20,
          navigation: {
              nextEl: '.swiper-button-next_modal-viewed',
              prevEl: '.swiper-button-prev_modal-viewed',
          },
      });
  }
  
  // модальные окна
  // модальные окна - Заказать запчасти
  function orderParts() {
      const openModalLink = document.querySelector('.js-cart__info-links-parts');

      const openModalLinkMob = document.querySelector('.js_product_mob_parts');

      const closeModalBtn = document.querySelector('.js-modal-parts__close');

      const closeModalBtnMob = document.querySelector('.js_modal_parts_close_mob');

      const modal = document.querySelector('.js_modal-parts');

      const openModal = function () {
          modal.classList.add('active');

          document.body.style.overflow = 'hidden';
      };

      const closeModal = function () {
          modal.classList.remove('active');

          document.body.style.overflow = null;
      };
  
      if (openModalLink) {

          openModalLink.addEventListener('click', openModal);
      }
      if (openModalLinkMob) {
          openModalLinkMob.addEventListener('click', openModal);

      }
  
      if (closeModalBtn) {

          closeModalBtn.addEventListener('click', closeModal);
      }
  
      if (closeModalBtnMob) {
          closeModalBtnMob.addEventListener('click', closeModal);

      }
  }
  
  // модальное окно - Заказать консультацию
  
  // модальное окно - Товар добавлен в корзину
  function addedToCart() {
      var swiper = new Swiper('.swiper-modal-added', {
          slidesPerView: 3,
          spaceBetween: 20,
          navigation: {
              nextEl: '.modal-added-bottom__btn-next',
              prevEl: '.modal-added-bottom__btn-prev',
          },
          scrollbar: {
              el: '.modal-added-scrollbar',
              hide: false,
              draggable: true,
          },
      });
  }

  function modalSubs() {
      // const openModalLink = document.querySelector('.js_test');
      const closeModalBtn = document.querySelector('.js_modal_subscription_close');
      const modal = document.querySelector('.js_modal_subscription');
  
      const openModalParts = function () {
          modal.classList.add('active');
          document.body.style.overflow = 'hidden';
      };
  
      const closeModalParts = function () {
          modal.classList.remove('active');
          document.body.style.overflow = null;
      };
  
      // if (openModalLink) {
      //     openModalLink.addEventListener('click', openModalParts);
      // }
  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModalParts);
      }
  
      document.addEventListener('keydown', function (event) {
          if (event.code === 'Escape' && modal.classList.contains('active')) {
              closeModal();
          }
      });

  }
  
  // каталог
  function toggleList() {
      const acc = document.getElementsByClassName('js_catalog_accordion');

      // const titleTwo = document.querySelector('.js_cat_acc_two');
      // const titleThree = document.querySelector('.js_cat_acc_three');
      // const titleFive = document.querySelector('.js_cat_acc_five');
      // const titleSix = document.querySelector('.js_cat_acc_six');
      // const titleSeven = document.querySelector('.js_cat_acc_seven');
      // const titleEight = document.querySelector('.js_cat_acc_eight');

      let i;
  
      for (i = 0; i < acc.length; i++) {
          acc[i].addEventListener('click', function () {
              this.classList.toggle('catalog-accordion--active');

  
              if (this.classList.contains('catalog-filters-acc__button')) {
                  this.classList.toggle('active');
              }

              let panel = this.nextElementSibling;
              if (panel.style.maxHeight) {
                  panel.style.maxHeight = null;
              } else {
                  panel.style.maxHeight = panel.scrollHeight + 'px';
              }
          });
      }

      // if (titleTwo) {
      //     titleTwo.addEventListener('click', function () {
      //         titleTwo.classList.toggle('cat-acc-two--active');
      //     });
      // }

      // if (titleThree) {
      //     titleThree.addEventListener('click', function () {
      //         titleThree.classList.toggle('cat-acc-three--active');
      //     });
      // }

      // if (titleFive) {
      //     titleFive.addEventListener('click', function () {
      //         titleFive.classList.toggle('cat-acc-five--active');
      //     });
      // }

      // if (titleSix) {
      //     titleSix.addEventListener('click', function () {
      //         titleSix.classList.toggle('cat-acc-six--active');
      //     });
      // }

      // if (titleSeven) {
      //     titleSeven.addEventListener('click', function () {
      //         titleSeven.classList.toggle('cat-acc-seven--active');
      //     });
      // }

      // if (titleEight) {
      //     titleEight.addEventListener('click', function () {
      //         titleEight.classList.toggle('cat-acc-eight--active');
      //     });
      // }

  }
  
  function toogleSorting() {
      const sortingItems = document.querySelectorAll('.js_result_sorting_item');
  
      sortingItems.forEach((item) => {
          item.addEventListener('click', () => {
              if (!item.classList.contains('result-sorting__item--active')) {
                  sortingItems.forEach((item) => {
                      item.classList.remove('result-sorting__item--active');
                  });
  
                  item.classList.add('result-sorting__item--active');
              }
          });
      });
  }
  
  function swiperArticles() {
      var swiper = new Swiper('.swiper-catalog-articles', {

          slidesPerView: 2,

          spaceBetween: 20,
          navigation: {
              nextEl: '.swiper-button-next__catalog-articles',
              prevEl: '.swiper-button-prev__catalog-articles',
          },

          breakpoints: {
              780: {
                  slidesPerView: 3,
              },
              1280: {
                  slidesPerView: 4,
              },
          },

      });
  }
  
  function swiperReviews() {
      var swiper = new Swiper('.swiper-catalog-reviews', {

          slidesPerView: 1.5,

          spaceBetween: 20,

          breakpoints: {
              870: {
                  slidesPerView: 2,
              },
              1300: {
                  slidesPerView: 3,
              },
          },

          navigation: {
              nextEl: '.swiper-button-next__catalog-reviews',
              prevEl: '.swiper-button-prev__catalog-reviews',
          },
      });
  }

  function infoShowMore() {
      const catalogInfo = document.querySelector('.js_catalog_info');
      const showMoreBtn = document.querySelector('.js_catalog_info_more');
  
      if (showMoreBtn) {
          showMoreBtn.addEventListener('click', () => {
              catalogInfo.style.height = 'auto';
              showMoreBtn.style.display = 'none';
          });
      }
  }

  // о компании
  function swiperHistory() {
      var swiper = new Swiper('.swiper-about-history', {
          direction: 'vertical',
          slidesPerView: 1,
          loopFillGroupWithBlank: true,
          centeredSlides: true,
          spaceBetween: 40,
          navigation: {
              nextEl: '.swiper-button-next__about-history',
              prevEl: '.swiper-button-prev__about-history',
          },
      });
  }
  
  // Личный кабинет
  function accountProfile() {
      const changePassLink = document.querySelector('.js_profile_pass');
      const profileData = document.querySelector('.js_profile_data');
      const profileChangePass = document.querySelector('.js_change_pass');
      const snowPassNew = document.querySelector('.js_prof_pass_new');
      const passwordField = document.querySelector('.js_prof_show_pass');
      const myProfileTab = document.querySelector('.js_my_profile');
  
      if (changePassLink) {
          changePassLink.addEventListener('click', () => {
              profileData.classList.add('profile-block-wrapper--hidden');
              profileChangePass.classList.remove('change-pass-wrapper--hidden');
          });
      }
  
      if (snowPassNew) {
          snowPassNew.addEventListener('click', function () {
              console.log(passwordField.type);
              if (passwordField.type === 'password') {
                  passwordField.type = 'text';
              } else {
                  passwordField.type = 'password';
              }
          });
      }

      if (profileChangePass) {

          myProfileTab.addEventListener('click', () => {
              if (!profileChangePass.classList.contains('change-pass-wrapper--hidden')) {
                  profileChangePass.classList.add('change-pass-wrapper--hidden');
                  profileData.classList.remove('profile-block-wrapper--hidden');
              }
          });
      }
  }
  
  function accountOrders() {
      const acc = document.querySelectorAll('.js_open_accordion');
      let i;
  
      for (i = 0; i < acc.length; i++) {
          acc[i].addEventListener('click', function () {
              this.classList.toggle('orders-acc__btn--active');
              if (this.classList.contains('orders-acc__btn--active')) {
                  this.textContent = 'Свернуть';
              } else {
                  this.textContent = 'Посмотреть заказ';
              }
  
              let panel = this.nextElementSibling;
              panel.style.display = 'block';
  
              if (panel.style.maxHeight) {
                  panel.style.display = 'none';
                  panel.style.maxHeight = null;
              } else {
                  panel.style.maxHeight = panel.scrollHeight + 'px';
              }
          });
      }
  }

  
  function contactsSwiper() {
      var swiper = new Swiper('.swiper-acc-contacts', {
          slidesPerView: 3,
          spaceBetween: 20,
          scrollbar: {
              el: '.spec-scrollbar',
              hide: false,
              draggable: true,
          },
      });
  }
  
  function compareTable() {
      const tabs = document.querySelectorAll('.compare-tab');
      const tabsItems = document.querySelectorAll('.compare-tabs__item');
  
      tabs.forEach((tab) => {
          tab.addEventListener('click', function () {
              let currentBtn = tab;
              let tabId = currentBtn.getAttribute('data-t');
              console.log('tabid', tabId);
              let currentTab = document.querySelector(tabId);
              console.log('currentTab', currentTab);
  
              if (!currentBtn.classList.contains('active')) {
                  tabs.forEach((tab) => {
                      tab.classList.remove('active');
                  });
  
                  tabsItems.forEach((tab) => {
                      tab.classList.remove('compare-tabs__item--active');
                  });
  
                  currentBtn.classList.add('active');
                  currentTab.classList.add('compare-tabs__item--active');
              }
          });
      });
  }
  
  const accMaps = document.querySelector('.acc-maps-wrapper');
  if (accMaps) {
      ymaps.ready(function () {
          let center = [55.607504069131686, 38.11306499999998];
          let map = new ymaps.Map('acc-page-one', {
              center: center,
              zoom: 16,
          });
  
          let placemark = new ymaps.Placemark(
              center,
              {},
              {
                  iconLayout: 'default#image',
                  iconImageHref: './img/svg/map-placemark.svg',
                  iconImageSize: [69, 87],
                  iconImageOffset: [-20, -70],
              },
          );
  
          map.controls.remove('geolocationControl'); // удаляем геолокацию
          map.controls.remove('searchControl'); // удаляем поиск
          map.controls.remove('trafficControl'); // удаляем контроль трафика
          map.controls.remove('typeSelector'); // удаляем тип
          map.controls.remove('fullscreenControl'); // удаляем кнопку перехода в полноэкранный режим
          map.controls.remove('zoomControl'); // удаляем контрол зуммирования
          map.controls.remove('rulerControl'); // удаляем контрол правил
  
          map.geoObjects.add(placemark);
      });
  }
  
  function exitAccount() {
      const openModalLink = document.querySelector('.js_exit_acc');
      const closeModalBtn = document.querySelector('.js_acc_exit_cancel');
      const modal = document.querySelector('.js_modal_acc_exit');
      const tabs = document.querySelectorAll('.tab');
      const firstItemList = document.querySelector('.account-tabs li:first-child');
      const accTabs = document.querySelectorAll('.tabs__item');
      const openModal = function () {
          document.body.style.overflow = 'hidden';
          modal.classList.add('active');
      };
      const closeInside = function () {
          accTabs.forEach((item) => {
              if (item.classList.contains('tabs__item-active')) {
                  item.classList.remove('tabs__item-active');
              }
          });
          modal.classList.remove('active');
          document.body.style.overflow = null;
          openModalLink.classList.remove('active');
          firstItemList.click();
      };
      if (openModalLink) {
          openModalLink.addEventListener('click', () => {
              tabs.forEach((tab) => {
                  tab.classList.remove('active');
              });
              openModalLink.classList.add('active');
          });
          openModalLink.addEventListener('click', openModal);
      }
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeInside);
      }
  }
  
  // каталог подфильтры
  function catalogFilters() {
      priceRange();
      powerRange();
      diametrRange();
      deepRange();
      runRange();
  
      function priceRange() {
          let rangeMin = 100;
          const range = document.querySelector('.range-selected');
          const rangeInput = document.querySelectorAll('.range-input input');
          const rangePrice = document.querySelectorAll('.range-price input');
  
          rangeInput.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minRange = parseInt(rangeInput[0].value);
                  let maxRange = parseInt(rangeInput[1].value);
                  if (maxRange - minRange < rangeMin) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = maxRange - rangeMin;
                      } else {
                          rangeInput[1].value = minRange + rangeMin;
                      }
                  } else {
                      rangePrice[0].value = minRange;
                      rangePrice[1].value = maxRange;
                      range.style.left = (minRange / rangeInput[0].max) * 100 + '%';
                      range.style.right = 100 - (maxRange / rangeInput[1].max) * 100 + '%';
                  }
              });
          });
  
          rangePrice.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minPrice = rangePrice[0].value;
                  let maxPrice = rangePrice[1].value;
                  if (maxPrice - minPrice >= rangeMin && maxPrice <= rangeInput[1].max) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = minPrice;
                          range.style.left = (minPrice / rangeInput[0].max) * 100 + '%';
                      } else {
                          rangeInput[1].value = maxPrice;
                          range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + '%';
                      }
                  }
              });
          });
      }
  
      function powerRange() {
          let rangeMin = 100;
          const range = document.querySelector('.js_range_selected_power');
          const rangeInput = document.querySelectorAll('.js_range_input_power input');
          const rangePrice = document.querySelectorAll('.js_range_price_power input');
  
          rangeInput.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minRange = parseInt(rangeInput[0].value);
                  let maxRange = parseInt(rangeInput[1].value);
                  if (maxRange - minRange < rangeMin) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = maxRange - rangeMin;
                      } else {
                          rangeInput[1].value = minRange + rangeMin;
                      }
                  } else {
                      rangePrice[0].value = minRange;
                      rangePrice[1].value = maxRange;
                      range.style.left = (minRange / rangeInput[0].max) * 100 + '%';
                      range.style.right = 100 - (maxRange / rangeInput[1].max) * 100 + '%';
                  }
              });
          });
  
          rangePrice.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minPrice = rangePrice[0].value;
                  let maxPrice = rangePrice[1].value;
                  if (maxPrice - minPrice >= rangeMin && maxPrice <= rangeInput[1].max) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = minPrice;
                          range.style.left = (minPrice / rangeInput[0].max) * 100 + '%';
                      } else {
                          rangeInput[1].value = maxPrice;
                          range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + '%';
                      }
                  }
              });
          });
      }
  
      function diametrRange() {
          let rangeMin = 1;
          const range = document.querySelector('.js_range_selected_dia');
          const rangeInput = document.querySelectorAll('.js_range_input_dia input');
          const rangePrice = document.querySelectorAll('.js_range_price_dia input');
  
          rangeInput.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minRange = parseInt(rangeInput[0].value);
                  let maxRange = parseInt(rangeInput[1].value);
                  if (maxRange - minRange < rangeMin) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = maxRange - rangeMin;
                      } else {
                          rangeInput[1].value = minRange + rangeMin;
                      }
                  } else {
                      rangePrice[0].value = minRange;
                      rangePrice[1].value = maxRange;
                      range.style.left = (minRange / rangeInput[0].max) * 100 + '%';
                      range.style.right = 100 - (maxRange / rangeInput[1].max) * 100 + '%';
                  }
              });
          });
  
          rangePrice.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minPrice = rangePrice[0].value;
                  let maxPrice = rangePrice[1].value;
                  if (maxPrice - minPrice >= rangeMin && maxPrice <= rangeInput[1].max) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = minPrice;
                          range.style.left = (minPrice / rangeInput[0].max) * 100 + '%';
                      } else {
                          rangeInput[1].value = maxPrice;
                          range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + '%';
                      }
                  }
              });
          });
      }
  
      function deepRange() {
          let rangeMin = 1;
          const range = document.querySelector('.js_range_selected_deep');
          const rangeInput = document.querySelectorAll('.js_range_input_deep input');
          const rangePrice = document.querySelectorAll('.js_range_price_deep input');
  
          rangeInput.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minRange = parseInt(rangeInput[0].value);
                  let maxRange = parseInt(rangeInput[1].value);
                  if (maxRange - minRange < rangeMin) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = maxRange - rangeMin;
                      } else {
                          rangeInput[1].value = minRange + rangeMin;
                      }
                  } else {
                      rangePrice[0].value = minRange;
                      rangePrice[1].value = maxRange;
                      range.style.left = (minRange / rangeInput[0].max) * 100 + '%';
                      range.style.right = 100 - (maxRange / rangeInput[1].max) * 100 + '%';
                  }
              });
          });
  
          rangePrice.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minPrice = rangePrice[0].value;
                  let maxPrice = rangePrice[1].value;
                  if (maxPrice - minPrice >= rangeMin && maxPrice <= rangeInput[1].max) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = minPrice;
                          range.style.left = (minPrice / rangeInput[0].max) * 100 + '%';
                      } else {
                          rangeInput[1].value = maxPrice;
                          range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + '%';
                      }
                  }
              });
          });
      }
  
      function runRange() {
          let rangeMin = 1;
          const range = document.querySelector('.js_range_selected_run');
          const rangeInput = document.querySelectorAll('.js_range_input_run input');
          const rangePrice = document.querySelectorAll('.js_range_price_run input');
  
          rangeInput.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minRange = parseInt(rangeInput[0].value);
                  let maxRange = parseInt(rangeInput[1].value);
                  if (maxRange - minRange < rangeMin) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = maxRange - rangeMin;
                      } else {
                          rangeInput[1].value = minRange + rangeMin;
                      }
                  } else {
                      rangePrice[0].value = minRange;
                      rangePrice[1].value = maxRange;
                      range.style.left = (minRange / rangeInput[0].max) * 100 + '%';
                      range.style.right = 100 - (maxRange / rangeInput[1].max) * 100 + '%';
                  }
              });
          });
  
          rangePrice.forEach((input) => {
              input.addEventListener('input', (e) => {
                  let minPrice = rangePrice[0].value;
                  let maxPrice = rangePrice[1].value;
                  if (maxPrice - minPrice >= rangeMin && maxPrice <= rangeInput[1].max) {
                      if (e.target.className === 'min') {
                          rangeInput[0].value = minPrice;
                          range.style.left = (minPrice / rangeInput[0].max) * 100 + '%';
                      } else {
                          rangeInput[1].value = maxPrice;
                          range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + '%';
                      }
                  }
              });
          });
      }
  }
  
  // страница Новости - новость
  function swiperNewsItem() {
      var swiper = new Swiper('.news-item-swiper', {
          slidesPerView: 3,
          spaceBetween: 50,
          navigation: {
              nextEl: '.swiper-button-next__news-item',
              prevEl: '.swiper-button-prev__news-item',
          },
      });
  }
  
  // страница Корзина
  function cartCounter() {
      const buttons = document.querySelectorAll('.js_btn_counter');
  
      buttons.forEach((button) => {
          button.addEventListener('click', () => {
              const targetId = button.dataset.target;
              const targetInput = document.querySelector(targetId);
              const action = button.dataset.action;
  
              if (action === 'increment') {
                  targetInput.value = parseInt(targetInput.value) + 1;
              } else if (action === 'decrement') {
                  targetInput.value = parseInt(targetInput.value) - 1;
              }
          });
      });
  }
  
  function modalCartOrder() {
      const openModalLink = document.querySelector('.js_order_link');
      const closeModalBtn = document.querySelector('.js-modal-parts__close');
      const modal = document.querySelector('.js_modal_order');
  
      const openModal = function () {
          modal.classList.add('active');
          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {
          modal.classList.remove('active');
          document.body.style.overflow = null;
      };
  
      if (openModalLink) {
          openModalLink.addEventListener('click', openModal);
      }
  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }
  
      document.addEventListener('keydown', function (event) {
          if (event.code === 'Escape' && modal.classList.contains('active')) {
              closeModal();
          }
      });
  }
  
  function modalCartOrderSucc() {
      // const openModalLink = document.querySelector('.js_test');
      const closeModalBtn = document.querySelector('.js_modal_order_succ_close');
      const modal = document.querySelector('.js_modal_order_succ');
  
      const openModal = function () {
          modal.classList.add('active');
          document.body.style.overflow = 'hidden';
      };
  
      const closeModal = function () {
          modal.classList.remove('active');
          document.body.style.overflow = null;
      };
  
      // if (openModalLink) {
      //     openModalLink.addEventListener('click', openModal);
      // }
  
      if (closeModalBtn) {
          closeModalBtn.addEventListener('click', closeModal);
      }
  
      document.addEventListener('keydown', function (event) {
          if (event.code === 'Escape' && modal.classList.contains('active')) {
              closeModal();
          }
      });
  }
  
  function swiperArticlesPage() {
      var swiper = new Swiper('.swiper-articles', {
          slidesPerView: 4,
          spaceBetween: 20,
          navigation: {
              nextEl: '.swiper-button-next__catalog-reviews',
              prevEl: '.swiper-button-prev__catalog-reviews',
          },
      });
  }
  
  // Лицензии и сертификаты
  function fancyboxSlider() {
      const certificates = document.querySelector('.js_certificates');
      if (certificates) {
          Fancybox.bind('[data-fancybox="gallery"]', {});
      }
  }
  
  //Вакансии
  function openForm() {
      const openFormLink = document.querySelectorAll('.js_job_open');
      const formBlock = document.querySelectorAll('.vacancies-item-bottom');
  
      openFormLink.forEach((item) => {
          item.addEventListener('click', () => {
              let currentLink = item;
              let formBlockId = currentLink.getAttribute('data-link');
              let currentBlock = document.querySelector(formBlockId);
  
              currentBlock.style.display = 'block';
              currentLink.style.display = 'none';
          });
      });
  }
  
  // страница контакты
  function contactsPageSwiper() {
      var swiper = new Swiper('.swiper-contacts-page', {
          slidesPerView: 4,
          spaceBetween: 20,
          scrollbar: {
              el: '.spec-scrollbar',
              hide: false,
              draggable: true,
          },
          navigation: {
              nextEl: '.swiper-button-next__catalog-reviews',
              prevEl: '.swiper-button-prev__catalog-reviews',
          },
      });
  }
  
  const contactPage = document.querySelector('.js_cnt_map_wrapper');
  if (contactPage) {
      ymaps.ready(function () {
          let center = [55.60358306912159, 38.129899499999965];
          let map = new ymaps.Map('contacts-page-map-one', {
              center: center,
              zoom: 17,
          });
  
          let placemark = new ymaps.Placemark(
              center,
              {},
              {
                  iconLayout: 'default#image',
                  iconImageHref: './img/svg/map-placemark.svg',
                  iconImageSize: [69, 87],
                  iconImageOffset: [-40, -90],
              },
          );
  
          // map.controls.remove('geolocationControl'); // удаляем геолокацию
          map.controls.remove('searchControl'); // удаляем поиск
          map.controls.remove('trafficControl'); // удаляем контроль трафика
          map.controls.remove('typeSelector'); // удаляем тип
          map.controls.remove('fullscreenControl'); // удаляем кнопку перехода в полноэкранный режим
          // map.controls.remove('zoomControl'); // удаляем контрол зуммирования
          map.controls.remove('rulerControl'); // удаляем контрол правил
  
          map.geoObjects.add(placemark);
      });
  }
  
  if (contactPage) {
      ymaps.ready(function () {
          let center = [55.607504069131686, 38.11306499999998];
          let map = new ymaps.Map('contacts-page-map-two', {
              center: center,
              zoom: 16,
          });
  
          let placemark = new ymaps.Placemark(
              center,
              {},
              {
                  iconLayout: 'default#image',
                  iconImageHref: './img/svg/map-placemark.svg',
                  iconImageSize: [69, 87],
                  iconImageOffset: [-40, -90],
              },
          );
  
          // map.controls.remove('geolocationControl'); // удаляем геолокацию
          map.controls.remove('searchControl'); // удаляем поиск
          map.controls.remove('trafficControl'); // удаляем контроль трафика
          map.controls.remove('typeSelector'); // удаляем тип
          map.controls.remove('fullscreenControl'); // удаляем кнопку перехода в полноэкранный режим
          // map.controls.remove('zoomControl'); // удаляем контрол зуммирования
          map.controls.remove('rulerControl'); // удаляем контрол правил
  
          map.geoObjects.add(placemark);
      });
  }
  
  if (contactPage) {
      ymaps.ready(function () {
          let center = [55.77317006896182, 37.6776425];
          let map = new ymaps.Map('contacts-page-map-three', {
              center: center,
              zoom: 17,
          });
  
          let placemark = new ymaps.Placemark(
              center,
              {},
              {
                  iconLayout: 'default#image',
                  iconImageHref: './img/svg/map-placemark.svg',
                  iconImageSize: [69, 87],
                  iconImageOffset: [-40, -90],
              },
          );
  
          // map.controls.remove('geolocationControl'); // удаляем геолокацию
          map.controls.remove('searchControl'); // удаляем поиск
          map.controls.remove('trafficControl'); // удаляем контроль трафика
          map.controls.remove('typeSelector'); // удаляем тип
          map.controls.remove('fullscreenControl'); // удаляем кнопку перехода в полноэкранный режим
          // map.controls.remove('zoomControl'); // удаляем контрол зуммирования
          map.controls.remove('rulerControl'); // удаляем контрол правил
  
          map.geoObjects.add(placemark);
      });
  }
  
  if (contactPage) {
      ymaps.ready(function () {
          let center = [51.55085957238009, 46.01793399999996];
          let map = new ymaps.Map('contacts-page-map-four', {
              center: center,
              zoom: 17,
          });
  
          let placemark = new ymaps.Placemark(
              center,
              {},
              {
                  iconLayout: 'default#image',
                  iconImageHref: './img/svg/map-placemark.svg',
                  iconImageSize: [69, 87],
                  iconImageOffset: [-40, -90],
              },
          );
  
          // map.controls.remove('geolocationControl'); // удаляем геолокацию
          map.controls.remove('searchControl'); // удаляем поиск
          map.controls.remove('trafficControl'); // удаляем контроль трафика
          map.controls.remove('typeSelector'); // удаляем тип
          map.controls.remove('fullscreenControl'); // удаляем кнопку перехода в полноэкранный режим
          // map.controls.remove('zoomControl'); // удаляем контрол зуммирования
          map.controls.remove('rulerControl'); // удаляем контрол правил
  
          map.geoObjects.add(placemark);
      });
  }
  
  function contactspageMap() {
      const blocks = document.querySelectorAll('.js_cnt_block');
      const maps = document.querySelectorAll('.js_cnt_map');
  
      blocks.forEach((block) => {
          block.addEventListener('click', () => {
              let currentBlock = block;
              let blockId = currentBlock.getAttribute('data-tab');
              let currentMap = document.querySelector(blockId);
  
              if (!currentBlock.classList.contains('contacts-page-block--active')) {
                  blocks.forEach((block) => {
                      block.classList.remove('contacts-page-block--active');
                  });
  
                  maps.forEach((map) => {
                      map.classList.remove('active');
                  });
  
                  currentBlock.classList.add('contacts-page-block--active');
                  currentMap.classList.add('active');
              }
          });
      });
  }
  
  function swiperDemohall() {
      var swiper = new Swiper('.swiper-demohall', {
          slidesPerView: 4,
          spaceBetween: 20,
          navigation: {
              nextEl: '.swiper-button-next__catalog-reviews',
              prevEl: '.swiper-button-prev__catalog-reviews',
          },
      });
  }
  
  //Корпоративгая жизнь
  function fancyboxSliderCorp() {
      const corpLife = document.querySelector('.js_corp_life');
      if (corpLife) {
          Fancybox.bind('[data-fancybox="gallery"]', {});
      }
  }