@media screen and (max-width:749px){.sticky-atc-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.08);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.sticky-atc-bar.is-visible{display:block}.sticky-atc-bar button{width:100%}.product .slider-counter,.product .slider-buttons .slider-button{display:none}.product-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.product-dots__dot{width:7px;height:7px;border-radius:50%;background:rgba(var(--color-foreground),.25);border:none;padding:0}.product-dots__dot.is-active{background:rgb(var(--color-foreground))}}@media screen and (min-width:750px){.sticky-atc-bar,.product-dots{display:none!important}}Ja toinen tiedosto mobile-ux-custom.js: document.addEventListener("DOMContentLoaded",function () {// Sticky Add to Cart var originalBtn = document.querySelector('product-form button[type="submit"]'); var stickyBar = document.getElementById("StickyAtcBar"); var stickyBtn = document.getElementById("StickyAtcButton"); if (originalBtn && stickyBar && stickyBtn) {stickyBtn.addEventListener("click",function () {originalBtn.click();}); var observer = new IntersectionObserver(function (entries) {entries.forEach(function (entry) {stickyBar.classList.toggle("is-visible",!entry.isIntersecting);});},{threshold: 0}); observer.observe(originalBtn);} // Dots for gallery document.querySelectorAll('[id^="ProductDots-"]').forEach(function (dotsContainer) {var sectionId = dotsContainer.id.replace("ProductDots-",""); var slider = document.getElementById("Slider-Gallery-" + sectionId); if (!slider) return; var slides = slider.querySelectorAll(".product__media-item"); if (!slides.length) return; slides.forEach(function (_,i) {var dot = document.createElement("button"); dot.type = "button"; dot.className = "product-dots__dot" + (i === 0 ? " is-active" : ""); dot.setAttribute("aria-label","Go to image " + (i + 1)); dot.addEventListener("click",function () {slides[i].scrollIntoView({behavior: "smooth",inline: "start"});}); dotsContainer.appendChild(dot);}); var dots = dotsContainer.querySelectorAll(".product-dots__dot"); var syncActive = function () {var sliderRect = slider.getBoundingClientRect(); var closestIndex = 0,closestDist = Infinity; slides.forEach(function (slide,i) {var dist = Math.abs(slide.getBoundingClientRect().left - sliderRect.left); if (dist < closestDist) {closestDist = dist; closestIndex = i;}}); dots.forEach(function (d,i) {d.classList.toggle("is-active",i === closestIndex);});}; slider.addEventListener("scroll",function () {window.requestAnimationFrame(syncActive);},{passive: true});});});{}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mobile-ux-custom.css.map */