{ const handle = el.dataset.productHandle; const icon = el.querySelector('svg path'); const isWished = wishlist.includes(handle); icon.style.fill = isWished ? '#ffffff' : 'none'; icon.style.stroke = '#ffffff'; el.classList.toggle('active', isWished); el.onclick = (e) => { // Prevent click from bubbling up to parent elements (like product card links) e.preventDefault(); e.stopPropagation(); const wasWished = wishlist.includes(handle); let updated = wasWished ? wishlist.filter((h) => h !== handle) : [...wishlist, handle]; localStorage.setItem('wishlist', JSON.stringify(updated)); updateWishlistHearts(); }; }); } // Initialize on DOMContentLoaded document.addEventListener('DOMContentLoaded', updateWishlistHearts); // Initialize when content is loaded in quick view modal document.addEventListener('quick-add-modal:loaded', updateWishlistHearts);