{"product_id":"page-stack","title":"page-stack","description":"\u003c!-- ================= MUZE SLIDER ================= --\u003e\n\n\u003cdiv class=\"muze-section-fixed\"\u003e\n  \u003cdiv class=\"muze-wrapper\"\u003e\n\n    \u003cdiv class=\"muze-image-box\"\u003e\n      \u003cimg class=\"muze-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Bass_muze.webp?v=1766992166\"\u003e\n      \u003cimg class=\"muze-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Cinematic_muze.webp?v=1766992166\"\u003e\n      \u003cimg class=\"muze-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Podcast_muze.webp?v=1766992166\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"muze-pill-container\"\u003e\n      \u003cdiv class=\"muze-pill\"\u003e\n        \u003cbutton class=\"muze-btn active\" onclick=\"muzeSlideTo(0, this)\"\u003eBass\u003c\/button\u003e\n        \u003cbutton class=\"muze-btn\" onclick=\"muzeSlideTo(1, this)\"\u003eCinematic\u003c\/button\u003e\n        \u003cbutton class=\"muze-btn\" onclick=\"muzeSlideTo(2, this)\"\u003ePodcast\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ---------- Layout ---------- *\/\n.muze-section-fixed {\n  display: flex;\n  justify-content: center;\n  margin: 40px 0;\n}\n\n.muze-wrapper {\n  width: 95%;\n  max-width: 1100px;\n  text-align: center;\n}\n\n.muze-image-box {\n  position: relative;\n  width: 100%;\n  height: 480px;\n  overflow: hidden;\n  border-radius: 20px;\n  background: #000;\n}\n\n\/* ---------- Images (base) ---------- *\/\n.muze-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n}\n\n\/* ---------- Desktop: Slide ---------- *\/\n@media (min-width: 769px) {\n  .muze-img {\n    transform: translateX(100%);\n    transition: transform 0.6s ease-in-out;\n  }\n\n  .muze-img.active {\n    transform: translateX(0);\n  }\n}\n\n\/* ---------- Mobile: Fade ---------- *\/\n@media (max-width: 768px) {\n  .muze-image-box {\n    height: auto;\n    aspect-ratio: 16 \/ 9;\n    min-height: 260px;\n  }\n\n  .muze-img {\n    opacity: 0;\n    transition: opacity 0.4s ease-in-out;\n  }\n\n  .muze-img.active {\n    opacity: 1;\n  }\n}\n\n\/* ---------- Pills ---------- *\/\n.muze-pill-container {\n  display: flex;\n  justify-content: center;\n  margin-top: 25px;\n}\n\n.muze-pill {\n  background: #CDC1DF;\n  padding: 6px;\n  border-radius: 50px;\n  display: flex;\n  gap: 5px;\n}\n\n.muze-btn {\n  border: none;\n  background: transparent;\n  padding: 12px 30px;\n  border-radius: 40px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 700;\n  color: #4A3E56;\n}\n\n.muze-btn.active {\n  background: #fff;\n  color: #000;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\nlet currentIndex = 0;\n\nfunction muzeSlideTo(index, btn) {\n  if (index === currentIndex) return;\n\n  const images = document.querySelectorAll('.muze-img');\n  const buttons = document.querySelectorAll('.muze-btn');\n  const isDesktop = window.matchMedia('(min-width: 769px)').matches;\n\n  \/\/ Buttons\n  buttons.forEach(b =\u003e b.classList.remove('active'));\n  btn.classList.add('active');\n\n  if (isDesktop) {\n    \/\/ Slide out current\n    images[currentIndex].style.transform = 'translateX(-100%)';\n\n    \/\/ Prepare next\n    images[index].style.transition = 'none';\n    images[index].style.transform = 'translateX(100%)';\n    images[index].offsetHeight;\n\n    \/\/ Slide in next\n    images[index].style.transition = 'transform 0.6s ease-in-out';\n    images[index].style.transform = 'translateX(0)';\n  }\n\n  \/\/ Active state (common)\n  images.forEach(img =\u003e img.classList.remove('active'));\n  images[index].classList.add('active');\n\n  currentIndex = index;\n}\n\u003c\/script\u003e\n","brand":"ACwO","offers":[{"title":"Default Title","offer_id":52329614278974,"sku":null,"price":0.0,"currency_code":"INR","in_stock":false}],"url":"https:\/\/acwo.com\/products\/page-stack","provider":"ACwO","version":"1.0","type":"link"}