document.addEventListener("DOMContentLoaded",function () {const findRealAtc = () => (document.querySelector('button[name="add"]') || document.querySelector(".product-form__cart-submit") || document.querySelector('form[action*="/cart/add"] button[type="submit"]')); const realAtcBtn = findRealAtc(); if (!realAtcBtn) return; const sticky = document.createElement("div"); sticky.className = "sticky-atc"; sticky.innerHTML = ` <div class="sticky-atc__inner"> <div class="sticky-atc__title">${document.querySelector("h1")?.innerText || ""}</div> <button class="${realAtcBtn.className} sticky-atc__btn" type="button"> Add to cart </button> </div> `; document.body.appendChild(sticky); const stickyBtn = sticky.querySelector("button"); const observer = new IntersectionObserver(([entry]) => {sticky.style.display = entry.isIntersecting ? "none" : "block"; document.body.classList.toggle("has-sticky-atc",!entry.isIntersecting);},{threshold: .05}); observer.observe(realAtcBtn); stickyBtn.addEventListener("click",function () {const latestBtn = findRealAtc(); (latestBtn || realAtcBtn).click();});});{}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sticky-atc.css.map */