{"product_id":"acwo-flow-2","title":"ACwO Flow 2","description":"\n\u003csection class=\"videomobileview\"\u003e\n\u003cstyle\u003e\n  .dw-mob-wrap {\n    position: relative;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .dw-mob-card {\n    position: sticky;\n    top: 100px;\n    height: 500px;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    \/* margin-bottom: 50px; *\/\n    border-radius: 12px;\n    overflow: hidden;\n    opacity: 0;\n    transform: scale(1.05);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n    z-index: 1;\n  }\n\n  .dw-mob-card.dw-mob-visible {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .dw-mob-card.dw-mob-active {\n    z-index: 10;\n  }\n\n  .dw-card-overlay {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    padding: 15px 20px;\n    border-radius: 8px;\n    color: #fff;\n  }\n\n  .dw-mob-card h2 {\n    margin: 0 0 8px 0;\n    font-size: 30px;\n    color: #fcf1ea;\n  }\n\n  .dw-mob-card p {\n    margin: 0;\n    font-size: 28px;\n    color: #fcf1ea;\n  }\n\n  .dw-mob-active,\n  .accordion:hover {\n    background-color: unset !important;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"dw-mob-wrap\"\u003e\n\n  \u003cdiv class=\"dw-mob-card\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-a-1.webp?v=1778577644');\"\u003e\n    \u003cdiv class=\"dw-card-overlay\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"dw-mob-card\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-a-2.webp?v=1778577646');\"\u003e\n    \u003cdiv class=\"dw-card-overlay\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const dwMobCards = document.querySelectorAll(\".dw-mob-card\");\n\n    const dwMobAppearObserver = new IntersectionObserver(entries =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"dw-mob-visible\");\n        }\n      });\n    }, { threshold: 0.3 });\n\n    dwMobCards.forEach(card =\u003e dwMobAppearObserver.observe(card));\n\n    const dwMobStickObserver = new IntersectionObserver(entries =\u003e {\n      entries.forEach(entry =\u003e {\n        const card = entry.target;\n        const nextCard = card.nextElementSibling;\n\n        if (nextCard \u0026\u0026 entry.boundingClientRect.top \u003c -50) {\n          card.classList.remove(\"dw-mob-active\");\n          nextCard.classList.add(\"dw-mob-active\");\n        } else if (entry.isIntersecting) {\n          card.classList.add(\"dw-mob-active\");\n        }\n      });\n    }, { threshold: 0, rootMargin: \"0px 0px -90% 0px\" });\n\n    dwMobCards.forEach(card =\u003e dwMobStickObserver.observe(card.querySelector(\"h2\")));\n  });\n\u003c\/script\u003e\n\u003c\/section\u003e\n                 \n\n\n\n\u003csection class=\"hidemobile\"\u003e\u003c!-- slider code --\u003e\n\u003csection style=\"padding: 0px 35px;\"\u003e\n\u003csection class=\"get-highlights py-2 md:py-2\"\u003e\n\u003cdiv class=\"max-w-[100%] mx-auto px-4\"\u003e\n\u003c!-- Swiper --\u003e\n\u003cdiv class=\"swiper get-highlights-slider relative\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/bling-quad-web.webp?v=1761299524\" alt=\"Highlight 4\"\u003e\u003c\/div\u003e\n\u003c!-- Slide 1 --\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/bling-x-fi-web.webp?v=1761299525\" alt=\"Highlight 1\"\u003e\u003c\/div\u003e\n\u003c!-- Slide 2 --\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/bling-40hrs-web.webp?v=1761299524\" alt=\"Highlight 2\"\u003e\u003c\/div\u003e\n\u003c!-- Slide 3 --\u003e \u003c!-- Slide 4 --\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/bling-bass-boomx-web.webp?v=1762323130\" alt=\"Highlight 4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/bling-freedom-web.webp?v=1761299524\" alt=\"Highlight 3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination mt-6\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c!-- Swiper CSS --\u003e \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003c!-- Swiper JS --\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n   \n    .get-highlights {\n      position: relative;\n      overflow: hidden;\n      background-color: #281907;\n      padding: 0 10px;\n    }\n  \n    .get-highlights-slider .swiper-slide {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 16px;\n      overflow: hidden;\n    }\n  \n    .get-highlights-slider .swiper-slide img {\n      width: 100%;\n      height: auto;\n      object-fit: contain;\n      border-radius: 16px;\n      background-color: #281907;\n      transition: transform 0.4s ease;\n    }\n  \n    .get-highlights-slider .swiper-slide-active img {\n  transform: scale(1.03);\n}\n  \n    .swiper-pagination-bullet {\n      background: #ffffff !important;\n      opacity: 0.5;\n      height: 8px !important;\n      width: 8px !important;\n    }\n  \n    .swiper-pagination-bullet-active {\n      opacity: 1 !important;\n      background: #b6ee15 !important;\n    }\n    \/* ADD THIS BELOW YOUR EXISTING CSS *\/\n\n.get-highlights-slider .swiper-slide {\n  opacity: 0.25;\n  transform: scale(0.92);\n  transition: all 0.5s ease;\n}\n\n.get-highlights-slider .swiper-slide-active {\n  opacity: 1;\n  transform: scale(1);\n  z-index: 2;\n}\n\n.get-highlights-slider .swiper-slide-prev,\n.get-highlights-slider .swiper-slide-next {\n  opacity: 0.45;\n  transform: scale(0.95);\n}\n  \u003c\/style\u003e\n\u003csection class=\"hidemobile\"\u003e\u003c!-- Swiper JS Logic --\u003e \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n    \n      new Swiper(\".get-highlights-slider\", {\n    \n        \/* Infinite Loop *\/\n        loop: true,\n    \n        \/* Active slide stays center *\/\n        centeredSlides: true,\n    \n        \/* \n          1 full center slide\n          0.7 left visible\n          0.7 right visible\n        *\/\n        slidesPerView: 2.4,\n    \n        \/* Gap between slides *\/\n        spaceBetween: 20,\n    \n        \/* Smooth animation speed *\/\n        speed: 800,\n    \n        \/* Auto slide *\/\n        autoplay: {\n          delay: 3000,\n          disableOnInteraction: false,\n        },\n    \n        \/* Bottom dots *\/\n        pagination: {\n          el: \".swiper-pagination\",\n          clickable: true,\n        },\n    \n        \/* Responsive *\/\n        breakpoints: {\n    \n          \/* Mobile *\/\n          320: {\n            slidesPerView: 1.2,\n            spaceBetween: 12,\n          },\n    \n          \/* Large Mobile *\/\n          480: {\n            slidesPerView: 1.5,\n            spaceBetween: 15,\n          },\n    \n          \/* Tablet *\/\n          768: {\n            slidesPerView: 2,\n            spaceBetween: 20,\n          },\n    \n          \/* Desktop *\/\n          1024: {\n            slidesPerView: 2.4,\n            spaceBetween: 20,\n          },\n    \n          \/* Large Desktop *\/\n          1400: {\n            slidesPerView: 2.6,\n            spaceBetween: 25,\n          }\n        }\n      });\n    \n    });\n    \u003c\/script\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n   .scroll-wrap {\n     position: relative;\n     max-width: 100% !important;\n     \/* margin: 0 auto; *\/\n   }\n   \n   .scroll-frame {\n  position: sticky;\n  top: 20px;\n  aspect-ratio: 16 \/ 9;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  margin-bottom: 50px;\n  border-radius: 12px;\n  overflow: hidden;\n     \/* width:1880px; *\/\n}\n   \n   .scroll-frame.show {\n     opacity: 1;\n     transform: scale(1);\n   }\n   \n   .scroll-frame.focus {\n     z-index: 10;\n   }\n   \n   \/* Overlay styling *\/\n   .frame-overlay {\n     position: absolute;\n     top: 20px;\n     left: 20px;\n     padding: 15px 20px;\n     border-radius: 8px;\n     color: #fff;\n   }\n   \n   .scroll-frame h2 {\n     margin: 0 0 8px 0;\n     font-size: 30px;\n     color: #fcf1ea;\n   }\n   \n   .scroll-frame p {\n     margin: 0;\n     font-size: 28px;\n     color: #fcf1ea;\n   }\n   \n   .focus, .accordion:hover {\n     background-color: unset !important;\n   }\n \u003c\/style\u003e\n\u003cstyle\u003e\n.image-wrapperxyz {\n  margin: 0 -15px;\n}\n\n.image-wrapperxyz img {\n  width: 100%;\n  display: block;\n}\n  \u003c\/style\u003e\n\u003cstyle\u003e\n  .scroll-container {\n    position: relative;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .scroll-card {\n    position: sticky;\n    top: 100px;\n    height: 500px;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    \/* margin-bottom: 50px; *\/\n    \/* border-radius: 12px; *\/\n    overflow: hidden;\n    opacity: 0;\n    transform: scale(1.05);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n    z-index: 1;\n  }\n\n  .scroll-card.visible {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .scroll-card.active {\n    z-index: 10;\n  }\n\n  \/* Overlay styling *\/\n  .card-overlay {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    padding: 15px 20px;\n    border-radius: 8px;\n    color: #fff;\n  }\n\n  .scroll-card h2 {\n    margin: 0 0 8px 0;\n    font-size: 30px;\n    color: #fcf1ea;\n  }\n\n  .scroll-card p {\n    margin: 0;\n    font-size: 28px;\n    color: #fcf1ea;\n  }\n\n  .active,\n  .accordion:hover {\n    background-color: unset !important;\n  }\n\u003c\/style\u003e\n\u003c!-- color change part  --\u003e\n\u003cstyle\u003e\n        .color-section {\n            position: relative;\n            width: 100%;\n            background-color: #000;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 0;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n    \n        .color-section img {\n            width: 100%;\n            height: auto;\n            object-fit: contain;\n            transition: opacity 0.5s ease-in-out; \n            display: block;\n            opacity: 1;\n        }\n    \n        .button-group {\n            position: absolute;\n            bottom: 80px; \n            left: 80px; \n            display: flex;\n            flex-direction: row;\n            gap: 12px;\n            z-index: 2;\n            flex-wrap: wrap;\n            justify-content: flex-start;\n        }\n    \n        .color-btn {\n            background-color: white;\n            color: #000000;\n            border: 2px solid transparent;\n            padding: 12px 24px;\n            cursor: pointer;\n            font-size: 16px;\n            border-radius: 30px;\n            transition: all 0.3s ease;\n            font-weight: bold;\n            min-width: 150px;\n            text-align: center;\n        }\n    \n        .color-btn.active {\n            background-color: #B4F019;\n            color: #000;\n            border-color: #B4F019;\n        }\n    \n      \n        @media(max-width: 768px) {\n            .button-group {\n            bottom: 30px;\n            left: 20px;\n            gap: 8px;\n            }\n    \n            .color-btn {\n            font-size: 12px;\n            padding: 8px 16px;\n            min-width: auto;\n            }\n        }\n        \u003c\/style\u003e\n\u003c!-- \u003csection class=\"videomobileview\"\u003e\n\u003csection class=\"slider-padding-section\"\u003e\n\u003csection class=\"feature-slider-section\"\u003e\n\u003cdiv class=\"container-wrapper\"\u003e\n\n\u003cdiv class=\"swiper feature-swiper-container relative\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\n\u003cdiv class=\"swiper-slide feature-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-scroll-1.webp?v=1778245536\" alt=\"Slide Image 1\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide feature-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-2.gif?v=1778245547\" alt=\"Slide Image 2\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide feature-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-scroll-3.webp?v=1778245546\" alt=\"Slide Image 3\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide feature-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-scroll-4.webp?v=1778245549\" alt=\"Slide Image 4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide feature-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-scroll-5.webp?v=1778245554\" alt=\"Slide Image 4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-pagination mt-6\" style=\"margin-top: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n  \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n    .active{\n      background-color:#fff !important;\n    }\n    .feature-slider-section {\n      position: relative;\n      overflow: hidden;\n      background-color: #fff;\n    \n    }\n\n    .feature-swiper-container .swiper-slide {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 16px;\n      overflow: hidden;\n    }\n\n    .feature-swiper-container .swiper-slide img {\n     width: 100%;\n    height: 70vh;\n    object-fit: cover;\n    border-radius: 16px;\n    background-color: #fff;\n    transition: transform 0.4s ease;\n    }\n\n   \n\n    .feature-pagination .swiper-pagination-bullet {\n      background: #6f6f6f !important;\n      opacity: 0.5;\n      height: 12px !important;\n      width: 12px !important;\n    }\n\n    .feature-pagination .swiper-pagination-bullet-active {\n      opacity: 1 !important;\n      background: #563928 !important;\n    }\n\n    .container-wrapper {\n      max-width: 1600px;\n      margin: 0 auto;\n     \n    }\n\n  \u003c\/style\u003e\n\u003csection class=\"videomobileview\"\u003e\n  \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      new Swiper(\".feature-swiper-container\", {\n        loop: true,\n        centeredSlides: true,\n        slidesPerView: 1,\n        spaceBetween: 10,\n        speed: 700,\n\n        pagination: {\n          el: \".feature-pagination\",\n          clickable: true,\n        },\n\n        autoplay: {\n          delay: 7000,\n          disableOnInteraction: false,\n        },\n\n        breakpoints: {\n          480: { slidesPerView: 1 },\n          768: { slidesPerView: 1 },\n          1024: { slidesPerView: 1 }\n        }\n      });\n    });\n  \u003c\/script\u003e\u003c\/section\u003e --\u003e\n\u003csection class=\"hidemobile\"\u003e\n\u003csection style=\"padding: 0px 35px;\"\u003e\n\u003csection class=\"get-highlights py-2 md:py-2\"\u003e\n\u003cdiv class=\"max-w-[1600px] mx-auto px-4\"\u003e\n\n\u003cdiv class=\"swiper get-highlights-slider relative\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/web-loop-scroll-1.webp?v=1777965470\" alt=\"Highlight 4\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/web-loop-scroll-2.webp?v=1777965471\" alt=\"Highlight 1\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/web-loop-scroll-3.webp?v=1777965472\" alt=\"Highlight 2\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/web-loop-scroll-4.webp?v=1777965472\" alt=\"Highlight 4\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/loop-web-Scorll-5.webp?v=1777981896\" alt=\"Highlight 3\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination mt-6\" style=\"bottom: 0px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \n  \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n \n  .get-highlights {\n    position: relative;\n    overflow: hidden;\n    background-color: #ffffff;\n    padding: 0 10px;\n  }\n\n  .get-highlights-slider .swiper-slide {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n\n  .get-highlights-slider .swiper-slide img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n    border-radius: 16px;\n    background-color: #ffffff;\n    transition: transform 0.4s ease;\n  }\n\n  .swiper-slide-active img {\n    transform: scale(1.03);\n  }\n\n  .swiper-pagination-bullet {\n    background: #000 !important;\n    opacity: 0.5;\n    height: 8px !important;\n    width: 8px !important;\n  }\n\n  .swiper-pagination-bullet-active {\n    opacity: 1 !important;\n    background: #b6ee15 !important;\n  }\n\u003c\/style\u003e\n\u003csection class=\"hidemobile\"\u003e\n  \u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const wrapper = document.querySelector(\".get-highlights-slider .swiper-wrapper\");\n    const slides = Array.from(wrapper.children);\n    const minSlides = 10; \n    if (slides.length \u003c minSlides) {\n      let i = 0;\n      while (wrapper.children.length \u003c minSlides) {\n        const clone = slides[i % slides.length].cloneNode(true);\n        wrapper.appendChild(clone);\n        i++;\n      }\n    }\n\n    new Swiper(\".get-highlights-slider\", {\n      loop: true,\n      centeredSlides: true,\n      slidesPerView: 1.6,\n      spaceBetween: 20,\n      speed: 800,\n      pagination: {\n        el: \".swiper-pagination\",\n        clickable: true,\n      },\n      autoplay: {\n        delay: 3000,\n        disableOnInteraction: false,\n      },\n      breakpoints: {\n        480: { slidesPerView: 1.6, spaceBetween: 20 },\n        768: { slidesPerView: 1.8, spaceBetween: 25 },\n        1024: { slidesPerView: 1.6, spaceBetween: 40 }\n      }\n    });\n  });\n\u003c\/script\u003e\u003c\/section\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n\u003c!-- \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow_2_04.webp?v=1778491939\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-a-3.webp?v=1778577649\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-mob-a-4.webp?v=1778577651\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n \n \n  \n\n                 \u003c!-- SWIPER CSS --\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003ccenter\u003e\n\u003cdiv class=\"fs-wrapper\"\u003e\n\n  \u003c!-- ================= DESKTOP ================= --\u003e\n  \u003cdiv class=\"fs-desktop-wrap\"\u003e\n\n    \u003cdiv class=\"fs-left\"\u003e\n\n      \u003cdiv class=\"fs-item active\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif.webp?v=1773060156\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Aluminium unibody\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Optimised for performance and battery.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-item\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif_option_black.webp?v=1773060156\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Vapour chamber\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Advanced cooling architecture for better performance.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-item\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif_option_brown.webp?v=1773060156\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Ceramic Shield\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Better durability and scratch protection.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-item\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif_green.webp?v=1773059857\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Immersive display\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Vibrant colours and ultra smooth experience.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fs-right\"\u003e\n      \u003cimg class=\"fs-main-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif.webp?v=1773060156\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ================= MOBILE ================= --\u003e\n  \u003cdiv class=\"fs-mobile-wrap image-wrapperxyz\"\u003e\n\n    \u003cdiv class=\"swiper fs-swiper\"\u003e\n\n      \u003cdiv class=\"swiper-wrapper\"\u003e\n\n        \u003c!-- SLIDE 1 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"mobile-card\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif.webp?v=1773060156\"\u003e\n\n            \u003cdiv class=\"mobile-content\"\u003e\n              \u003ch3\u003eAluminium unibody\u003c\/h3\u003e\n              \u003cp\u003eOptimised for performance and battery.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- SLIDE 2 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"mobile-card\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif_option_black.webp?v=1773060156\"\u003e\n\n            \u003cdiv class=\"mobile-content\"\u003e\n              \u003ch3\u003eVapour chamber\u003c\/h3\u003e\n              \u003cp\u003eAdvanced cooling architecture for better performance.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- SLIDE 3 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"mobile-card\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif_option_brown.webp?v=1773060156\"\u003e\n\n            \u003cdiv class=\"mobile-content\"\u003e\n              \u003ch3\u003eCeramic Shield\u003c\/h3\u003e\n              \u003cp\u003eBetter durability and scratch protection.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- SLIDE 4 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"mobile-card\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS_MUZE_TF_CARD_Gif_green.webp?v=1773059857\"\u003e\n\n            \u003cdiv class=\"mobile-content\"\u003e\n              \u003ch3\u003eImmersive display\u003c\/h3\u003e\n              \u003cp\u003eVibrant colours and ultra smooth experience.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003c!-- DOTS --\u003e\n      \u003cdiv class=\"fs-pagination\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/center\u003e\n\n\u003c!-- GOOGLE FONT --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n.mobile-content h3,\n.mobile-content p{\n  font-family: 'Space Grotesk', sans-serif;\n  font-weight: 500; \/* Medium *\/\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n\n\/* ================= COMMON ================= *\/\n\n.fs-wrapper{\n  width:100%;\n  display:flex;\n  justify-content:center;\n  background:#fff;\n}\n\n\n\/* ================= DESKTOP ================= *\/\n\n.fs-desktop-wrap{\n  width:1000px;\n  background:#000;\n  border-radius:28px;\n  padding:30px;\n  display:flex;\n  gap:40px;\n}\n.active:after {\n    content: \"\";\n  }\n.fs-left{\n  width:35%;\n  display:flex;\n  flex-direction:column;\n  gap:14px;\n}\n\n.fs-item{\n  background:#767575;\n  border-radius:999px;\n  overflow:hidden;\n  cursor:pointer;\n  transition:.35s ease;\n}\n\n.fs-item.active{\n  background:#fff;\n  border-radius:24px;\n}\n\n.fs-head{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  padding:18px;\n  color:#fff !important;\n  font-weight:600;\n}\n\n.fs-item.active .fs-head{\n  color:#000;\n}\n\n.fs-icon{\n  width:26px;\n  height:26px;\n  border-radius:50%;\n  border:1px solid #fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transition:.3s;\n}\n\n.fs-item.active .fs-icon{\n  border-color:#fff;\n  color:#fff;\n  transform:rotate(45deg);\n}\n\n.fs-content{\n  max-height:0;\n  opacity:0;\n  overflow:hidden;\n  color:#fff;\n  padding:0 18px;\n  transition:.35s ease;\n}\n\n.fs-item.active .fs-content{\n  max-height:200px;\n  opacity:1;\n  padding:0 18px 18px;\n}\n\n.fs-right{\n  width:65%;\n}\n\n.fs-right img{\n  width:100%;\n  min-height:420px;\n  object-fit:cover;\n  border-radius:24px;\n  transition:opacity .3s ease;\n}\n\n.fs-main-img.fade{\n  opacity:0;\n}\n\n\n\/* ================= MOBILE ================= *\/\n.fs-mobile-wrap{\n  display:none;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  padding:0;\n  background:#fff;\n}\n\n.mobile-card{\n  overflow:hidden;\n  border-radius:22px;\n  background:#111;\n  width:100%;\n}\n\n.mobile-card img{\n  width:100%;\n  display:block;\n}\n\n.mobile-content{\n  padding:16px 16px 10px;\n  background:#170e0a;\n}\n\n.mobile-content h3{\n  color:#fff;\n  font-size:17px;\n  margin-bottom:6px;\n}\n\n.mobile-content p{\n  color:#c9c9c9;\n  font-size:14px;\n  line-height:1.5;\n  margin:0;\n}\n\n\/* DOTS *\/\n\n.fs-pagination{\n  margin-top:14px;\n  text-align:center;\n  position:relative !important;\n}\n\n.fs-pagination .swiper-pagination-bullet{\n  width:8px !important;\n  height:8px !important;\n  background:#000 !important;\n  opacity:1 !important;\n}\n\n.fs-pagination .swiper-pagination-bullet-active{\n  width:24px !important;\n  border-radius:20px !important;\n  background:#563928 !important;\n}\n\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:768px){\n\n  .fs-desktop-wrap{\n    display:none;\n  }\n\n  .fs-mobile-wrap{\n    display:block;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- SWIPER JS --\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  \/* DESKTOP TAB *\/\n  document.addEventListener(\"click\", function(e){\n\n    const item = e.target.closest(\".fs-item\");\n    if(!item) return;\n\n    const wrapper = item.closest(\".fs-desktop-wrap\");\n    const image = wrapper.querySelector(\".fs-main-img\");\n\n    wrapper.querySelectorAll(\".fs-item\").forEach(i=\u003e{\n      i.classList.remove(\"active\");\n    });\n\n    item.classList.add(\"active\");\n\n    image.classList.add(\"fade\");\n\n    setTimeout(()=\u003e{\n\n      image.src = item.getAttribute(\"data-image\");\n      image.classList.remove(\"fade\");\n\n    },200);\n\n  });\n\n\n  \/* MOBILE SWIPER *\/\n  const swiper = new Swiper(\".fs-swiper\",{\n\n    slidesPerView:1,\n    spaceBetween:15,\n    loop:true,\n    observer:true,\n    observeParents:true,\n\n    pagination:{\n      el:\".fs-pagination\",\n      clickable:true\n    }\n\n  });\n\n  \n  \/* FIX FOR INSPECT MODE *\/\n  window.addEventListener(\"resize\", ()=\u003e{\n    swiper.update();\n  });\n\n});\n\n\u003c\/script\u003e\n\n\u003csection class=\"hidemobile\" style=\"background:black;\"\u003e\n\u003cstyle\u003e\n  .dw-scroll-wrap {\n    position: relative;\n    max-width: 1920px !important;\n  }\n\n  .dw-scroll-frame {\n    position: sticky;\n    top: 20px;\n    aspect-ratio: 16 \/ 9;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    margin-bottom: 50px;\n    border-radius: 12px;\n    overflow: hidden;\n  }\n\n  .dw-scroll-frame.dw-show {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .dw-scroll-frame.dw-focus {\n    z-index: 10;\n  }\n\n  .dw-frame-overlay {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    padding: 15px 20px;\n    border-radius: 8px;\n    color: #fff;\n  }\n\n  .dw-scroll-frame h2 {\n    margin: 0 0 8px 0;\n    font-size: 30px;\n    color: #fcf1ea;\n  }\n\n  .dw-scroll-frame p {\n    margin: 0;\n    font-size: 28px;\n    color: #fcf1ea;\n  }\n\n  .dw-focus,\n  .accordion:hover {\n    background-color: unset !important;\n  }\n\u003c\/style\u003e\n\n\u003ccenter\u003e\n  \u003cdiv class=\"dw-scroll-wrap\"\u003e\n\n    \u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Rock-web-717sc.webp?v=1766728124');\" class=\"dw-scroll-frame\"\u003e\n      \u003cdiv class=\"dw-frame-overlay\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Partyweb-717sc.webp?v=1766728124');\" class=\"dw-scroll-frame\"\u003e\n      \u003cdiv class=\"dw-frame-overlay\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/CInematic-web-717sc.webp?v=1766728124');\" class=\"dw-scroll-frame\"\u003e\n      \u003cdiv class=\"dw-frame-overlay\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/center\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const dwFrames = document.querySelectorAll(\".dw-scroll-frame\");\n\n    const dwAppearObserver = new IntersectionObserver(entries =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"dw-show\");\n        }\n      });\n    }, { threshold: 0.3 });\n\n    dwFrames.forEach(frame =\u003e dwAppearObserver.observe(frame));\n\n    const dwStickObserver = new IntersectionObserver(entries =\u003e {\n      entries.forEach(entry =\u003e {\n        const frame = entry.target;\n        const nextFrame = frame.nextElementSibling;\n\n        if (nextFrame \u0026\u0026 entry.boundingClientRect.top \u003c -50) {\n          frame.classList.remove(\"dw-focus\");\n          nextFrame.classList.add(\"dw-focus\");\n        } else if (entry.isIntersecting) {\n          frame.classList.add(\"dw-focus\");\n        }\n      });\n    }, { threshold: 0, rootMargin: \"0px 0px -90% 0px\" });\n\n    dwFrames.forEach(frame =\u003e dwStickObserver.observe(frame.querySelector(\"h2\")));\n  });\n\u003c\/script\u003e\n\u003c\/section\u003e\n\n\n \n","brand":"ACwO","offers":[{"title":"Default Title","offer_id":53450329588030,"sku":null,"price":0.0,"currency_code":"INR","in_stock":false}],"url":"https:\/\/acwo.com\/products\/acwo-flow-2","provider":"ACwO","version":"1.0","type":"link"}