document.addEventListener('DOMContentLoaded', () => {
  const section = document.querySelector('.scroll-section');
  let lastScrollTop = 0;
  const scrollThreshold = 50; // Amount of pixels to scroll before triggering

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

    // Check if user scrolled past the threshold
    if (Math.abs(lastScrollTop - scrollTop) <= scrollThreshold) return;

    if (scrollTop > lastScrollTop && scrollTop > 100) {
      // Scrolling down - hide section
      section.classList.add('is-hidden');
    } else {
      // Scrolling up - show section
      section.classList.remove('is-hidden');
    }
    
    lastScrollTop = scrollTop;
  });
});