/* Скрываем меню по умолчанию */
.menu-catalog{
  position:fixed; left:0; right:0; top:72px; /* подстройте под высоту шапки */
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .2s ease, visibility .2s ease;
  z-index:500;
}
.menu-catalog.is-open{
  opacity:1; visibility:visible; pointer-events:auto;
}
@media (max-width: 980px){
  /* На мобильных лучше по клику, а не по hover */
  .menu-catalog{ top:56px; }
}



document.addEventListener('DOMContentLoaded',function(){
  const btn  = document.querySelector('.js-catalog');
  const menu = document.querySelector('.menu-catalog');
  if(!btn || !menu) return;

  const open  = ()=> menu.classList.add('is-open');
  const close = ()=> menu.classList.remove('is-open');

  // Наведение (десктоп)
  btn.addEventListener('mouseenter', open);
  btn.addEventListener('mouseleave', ()=> setTimeout(()=>{
      if(!menu.matches(':hover')) close();
  }, 120));
  menu.addEventListener('mouseleave', close);

  // Клик (мобилка и запасной вариант на десктопе)
  btn.addEventListener('click', function(e){
    e.preventDefault();
    menu.classList.toggle('is-open');
  });
});