${p.title}

`; grid.appendChild(card); }); // Dot click = switch slide, without triggering the product link document.querySelectorAll(".dots span").forEach(dot => { dot.addEventListener("click", (e) => { e.preventDefault(); e.stopPropagation(); const wrapper = dot.closest(".product-image"); const slideIndex = dot.getAttribute("data-slide"); wrapper.querySelectorAll(".slide-img").forEach(img => img.classList.remove("active")); wrapper.querySelector(`.slide-img[data-slide="${slideIndex}"]`)?.classList.add("active"); wrapper.querySelectorAll(".dots span").forEach(d => d.classList.remove("active")); dot.classList.add("active"); }); });