document.addEventListener('DOMContentLoaded', function() {
    // Initialize animations
    const sections = document.querySelectorAll('section');
    sections.forEach((section, index) => {
        section.classList.add('fade-in');
        section.style.animationDelay = `${index * 0.1}s`;
    });

    // Mobile menu toggle functionality will be handled by navbar component
});

// Product interaction functions
function addToCart(productId) {
    console.log(`Product ${productId} added to cart`);
    // In a real app, this would update the cart state
}

function toggleWishlist(productId) {
    console.log(`Product ${productId} toggled in wishlist`);
    // In a real app, this would update the wishlist state
}