${copy.label}

` : ""; modalBody.innerHTML = ` `; document.getElementById("cycClose2")?.addEventListener("click", closeModal); modal.classList.add("open"); modal.setAttribute("aria-hidden","false"); document.documentElement.style.overflow = "hidden"; } closeBtn?.addEventListener("click", closeModal); modal?.addEventListener("click", (e) => { if(e.target === modal) closeModal(); }); window.addEventListener("keydown", (e) => { if(e.key === "Escape") closeModal(); }); async function init(){ const fetched = await Promise.all(PRODUCT_IDS.map(fetchStoreProduct)); list.innerHTML = fetched.map((p, idx) => { const id = PRODUCT_IDS[idx]; const fallbackTitle = (id === 36 ? "CLEARYOURCELLS Hair & Body Oil" : id === 37 ? "CLEARYOURCELLS Medic Oil" : "CLEARYOURCELLS Teeth Paste"); const title = cleanTitle(p?.name || fallbackTitle); const img = imageUrlFromStore(p); const price = priceTextFromStore(p); const short = stripHtml(p?.short_description) || "Click to view details, ingredients, and buy on the same page."; return ` `; }).join(""); const data = fetched.map((p, idx) => { const id = PRODUCT_IDS[idx]; const fallbackTitle = (id === 36 ? "CLEARYOURCELLS Hair & Body Oil" : id === 37 ? "CLEARYOURCELLS Medic Oil" : "CLEARYOURCELLS Teeth Paste"); return { id, title: cleanTitle(p?.name || fallbackTitle), image: imageUrlFromStore(p), priceHtml: priceTextFromStore(p), buyUrl: addToCartUrl(id) }; }); document.addEventListener("click", (e) => { const btn = e.target.closest("[data-open]"); if(!btn) return; const id = Number(btn.getAttribute("data-open")); const product = data.find(x => x.id === id); if(product) openModal(product); }); } init(); })();