document.addEventListener('DOMContentLoaded', () => {

    const header = document.querySelector('.header');

    window.addEventListener('scroll', () => {

        if (window.scrollY > 40) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }

    });

    const observer = new IntersectionObserver((entries) => {

        entries.forEach(entry => {

            if (entry.isIntersecting) {
                entry.target.classList.add('visible');
            }

        });

    }, {
        threshold: 0.15
    });

    document.querySelectorAll('.hero-title, .store, .intro').forEach(el => {

        el.classList.add('fade-up');
        observer.observe(el);

    });

});