document.addEventListener('DOMContentLoaded', function() {
  const scrollPopup = document.querySelector('.filter-scroll-popup'); 
  if (!scrollPopup) return; 

  let lastScrollTop = 0;
  const scrollOffset = 200; 

  window.addEventListener('scroll', function() {
    let st = window.pageYOffset || document.documentElement.scrollTop;

console.log('Scroll event fired!'); // <<< ADD THIS LINE

    if (st > lastScrollTop && st > scrollOffset) {
      scrollPopup.classList.remove('filter-popup-visible');
    } else if (st < lastScrollTop && st > scrollOffset) {
      scrollPopup.classList.add('filter-popup-visible');
    } else if (st <= scrollOffset) {
      scrollPopup.classList.remove('filter-popup-visible');
    }

    lastScrollTop = st <= 0 ? 0 : st;
  }, false);
});