{"product_id":"dwots-flow-2-clip-on-earbuds","title":"ACwO DwOTS Flow 2","description":"\u003csection class=\"hidemobile\" style=\"background:#fff;\"\u003e\n\u003cstyle\u003e\n  .px-scroll-wrap {\n    position: relative;\n    max-width: 1920px !important;\n  }\n\n  .px-scroll-frame {\n    position: sticky;\n    top: 20px;\n    aspect-ratio: 12 \/ 6;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    overflow: hidden;\n  }\n\n  .px-scroll-frame.px-show {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .px-scroll-frame.px-focus {\n    z-index: 10;\n  }\n\n  .px-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  .px-scroll-frame h2 {\n    margin: 0 0 8px 0;\n    font-size: 30px;\n    color: #fcf1ea;\n  }\n\n  .px-scroll-frame p {\n    margin: 0;\n    font-size: 28px;\n    color: #fcf1ea;\n  }\n\n  .px-focus,\n  .accordion:hover {\n    background-color: unset !important;\n  }\n\u003c\/style\u003e\n\n\u003ccenter\u003e\n  \u003cdiv class=\"px-scroll-wrap\"\u003e\n\n    \u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-web-1.webp?v=1779364935');\" class=\"px-scroll-frame\"\u003e\n      \u003cdiv class=\"px-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\/flow-web-6.webp?v=1779364940');\" class=\"px-scroll-frame\"\u003e\n      \u003cdiv class=\"px-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 pxFrames = document.querySelectorAll(\".px-scroll-frame\");\n\n    const pxAppearObserver = new IntersectionObserver(entries =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"px-show\");\n        }\n      });\n    }, { threshold: 0.3 });\n\n    pxFrames.forEach(frame =\u003e pxAppearObserver.observe(frame));\n\n    const pxStickObserver = 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(\"px-focus\");\n          nextFrame.classList.add(\"px-focus\");\n        } else if (entry.isIntersecting) {\n          frame.classList.add(\"px-focus\");\n        }\n      });\n    }, { threshold: 0, rootMargin: \"0px 0px -90% 0px\" });\n\n    pxFrames.forEach(frame =\u003e pxStickObserver.observe(frame.querySelector(\"h2\")));\n  });\n\u003c\/script\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"hidemobile\" style=\"margin-top:-10px;\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow-web-7.webp?v=1779684740\" alt=\"\" width=\"100%\" height=\"100%\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"hidemobile\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-web-2.webp?v=1779362026\" alt=\"\" width=\"100%\" height=\"100%\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"hidemobile\" style=\"background-color:black;\"\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=\"nt-wrapper\" style=\"background-color:black;\"\u003e\n\n  \u003cdiv class=\"nt-desktop-wrap\"\u003e\n\n    \u003cdiv class=\"nt-left\"\u003e\n\n      \u003cdiv class=\"nt-item nt-active\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ba921386cf574fcaa2d7df80284b5435.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n          Play\/Pause\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n          Tap once on the Play pause control button on the case. \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b1c6694950f84ea98fff486b47e1ce9b.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n          Next Track\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n          Double Tap on the forward button on the case \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/59533213c5e74d61aba1c4127a135113.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n          Previous Track\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n          Double Tap on the rewind button on the case\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f843465e05354a13a7bb6f18efd0d728.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n          Increase Volume\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n          Triple Tap on the forward button on the case \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \n\n      \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/004f8becc2584fff89fe098be49d1f42.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n       Decrease Volume\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n         Triple Tap on the rewind button on the case.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ba921386cf574fcaa2d7df80284b5435.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n         Answer Call\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n        Single tap on the Play\/Pause button on the case.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ba921386cf574fcaa2d7df80284b5435.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n         End Call\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n        Single tap on the Play\/Pause button during an active call.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d173644a7f8047bd90e9a541b3df7311.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n       Reject Call\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n        Press and hold the Play\/Pause button on the case.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n           \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/91b1c8d659444a428d4684fa00fa14a9.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n      Like Reel \n\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n   Triple tap the Play\/Pause button to like a reel.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n \u003cdiv class=\"nt-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f02299e4bd824fbdb400357c9b598586.mp4\"\u003e\n        \u003cdiv class=\"nt-head\"\u003e\n          \u003cspan class=\"nt-icon\"\u003e+\u003c\/span\u003e\n     Play \/ Pause Reels \n\n        \u003c\/div\u003e\n        \u003cdiv class=\"nt-content\"\u003e\n Double tap the Play\/Pause button to instantly pause or resume reels.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n  \n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"nt-right\"\u003e\n      \u003cvideo class=\"nt-main-video\" autoplay loop muted playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2b29941eabaf4be0b29a900fd2b26a8e.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/center\u003e\n\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.nt-mobile-content h3,\n.nt-mobile-content p {\n  font-family: 'Space Grotesk', sans-serif;\n  font-weight: 500;\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.nt-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  background: #fff;\n}\n\n.nt-desktop-wrap {\n  width: 1200px;\n  background: #000;\n  border-radius: 28px;\n  padding: 30px 5px;\n  display: flex;\n  gap: 40px;\n}\n\n.nt-active:after {\n  content: \"\";\n}\n\n.nt-left {\n  width: 35%;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.nt-item {\n  background: #2c2c2c;\n  border-radius: 999px;\n  overflow: hidden;\n  cursor: pointer;\n  transition: .35s ease;\n}\n\n.nt-item.nt-active {\n  background: #cdcdcd !important;\n  border-radius: 14px;\n}\n\n.nt-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.nt-item.nt-active .nt-head {\n  color: #000 !important;\n}\n\n.nt-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.nt-item.nt-active .nt-icon {\n  border-color: #000;\n  color: #000;\n  transform: rotate(45deg);\n}\n\n.nt-content {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  color: #000;\n  padding: 0 18px;\n  transition: .35s ease;\n}\n\n.nt-item.nt-active .nt-content {\n  max-height: 200px;\n  opacity: 1;\n  padding: 0 0px 0px;\n}\n\n.nt-right {\n  width: 80%;\n}\n\n.nt-right video {\n  width: 100%;\n  min-height: 500px;\n  object-fit: cover;\n  border-radius: 24px;\n  transition: opacity .3s ease;\n}\n\n.nt-main-video.nt-fade {\n  opacity: 0;\n}\n\n.nt-mobile-wrap {\n  display: none;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  padding: 0;\n  background: #fff;\n}\n\n.nt-mobile-card {\n  overflow: hidden;\n  border-radius: 22px;\n  background: #111;\n  width: 100%;\n}\n\n.nt-mobile-card img {\n  width: 100%;\n  display: block;\n}\n\n.nt-mobile-content {\n  padding: 16px 16px 10px;\n  background: #170e0a;\n}\n\n.nt-mobile-content h3 {\n  color: #fff;\n  font-size: 17px;\n  margin-bottom: 6px;\n}\n\n.nt-mobile-content p {\n  color: #c9c9c9;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n}\n\n.nt-pagination {\n  margin-top: 14px;\n  text-align: center;\n  position: relative !important;\n}\n\n.nt-pagination .swiper-pagination-bullet {\n  width: 8px !important;\n  height: 8px !important;\n  background: #000 !important;\n  opacity: 1 !important;\n}\n\n.nt-pagination .swiper-pagination-bullet-active {\n  width: 24px !important;\n  border-radius: 20px !important;\n  background: #563928 !important;\n}\n\n@media(max-width:768px) {\n  .nt-desktop-wrap { display: none; }\n  .nt-mobile-wrap { display: block; }\n}\n\u003c\/style\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  document.addEventListener(\"click\", function (e) {\n    const item = e.target.closest(\".nt-item\");\n    if (!item) return;\n\n    const wrapper = item.closest(\".nt-desktop-wrap\");\n    const video = wrapper.querySelector(\".nt-main-video\");\n\n    wrapper.querySelectorAll(\".nt-item\").forEach(i =\u003e i.classList.remove(\"nt-active\"));\n    item.classList.add(\"nt-active\");\n\n    const newSrc = item.getAttribute(\"data-video\");\n    video.classList.add(\"nt-fade\");\n\n    setTimeout(() =\u003e {\n      const source = video.querySelector(\"source\");\n      source.src = newSrc;\n      video.load();\n      video.play();\n      video.classList.remove(\"nt-fade\");\n    }, 200);\n  });\n\n  const ntSwiper = new Swiper(\".nt-swiper\", {\n    slidesPerView: 1,\n    spaceBetween: 15,\n    loop: true,\n    observer: true,\n    observeParents: true,\n    pagination: { el: \".nt-pagination\", clickable: true }\n  });\n\n  window.addEventListener(\"resize\", () =\u003e { ntSwiper.update(); });\n});\n\u003c\/script\u003e\n\n\u003cdiv\u003e\n  \u003cdiv class=\"hidemobile\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-web-3.webp?v=1779362094\" alt=\"\" width=\"100%\" height=\"100%\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"hidemobile\"\u003e\n    \u003csection class=\"hl-wrapper\"\u003e\n      \u003csection class=\"hl-section py-2 md:py-2\"\u003e\n        \u003cdiv class=\"max-w-[1600px] mx-auto px-4\"\u003e\n          \u003cdiv class=\"swiper hl-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\/Features01-flow2-mob.webp?v=1779685306\" alt=\"Highlight 1\"\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\/Features02-flow2-mob.webp?v=1779685310\" alt=\"Highlight 2\"\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\/Features03-flow2-mob.webp?v=1779685315\" alt=\"Highlight 3\"\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\/Features04-flow2-mob.webp?v=1779685320\" 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\/Features05-flow2-mob.webp?v=1779685324\" alt=\"Highlight 5\"\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\/Features06-flow2-mob.webp?v=1779685328\" alt=\"Highlight 6\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/section\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hidemobile\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-web-4.webp?v=1779363985\" alt=\"\" width=\"100%\" height=\"100%\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ANC \/ Voice Animation --\u003e\n  \u003cdiv class=\"hidemobile\" style=\"background-color:black;\"\u003e\n\n    \u003cstyle\u003e\n    .vx-active:after { content: \"\"; }\n\n    .vx-image-box {\n      position: relative;\n      width: 100%;\n      max-width: 1200px;\n      height: 660px;\n      overflow: hidden;\n      background: #000;\n      border-radius: 24px;\n      margin: auto;\n    }\n\n    .vx-image-box img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: .3s ease;\n    }\n\n    .vx-controls {\n      position: absolute;\n      left: 50%;\n      bottom: 55px;\n      transform: translateX(-50%);\n      display: flex;\n      align-items: center;\n      gap: 22px;\n      padding: 10px 14px;\n      border-radius: 999px;\n      z-index: 20;\n    }\n\n    .vx-toggle-group {\n      display: flex;\n      align-items: center;\n      padding: 8px;\n      border-radius: 999px;\n      background: linear-gradient(180deg, #4b2716, #2b130c);\n      box-shadow: 0 0 24px rgba(255,145,77,.28);\n    }\n\n    .vx-toggle {\n      border: none;\n      background: transparent;\n      color: #f6d0b3;\n      padding: 14px 26px;\n      border-radius: 999px;\n      font-size: 16px;\n      font-weight: 700;\n      cursor: pointer;\n      transition: .3s ease;\n      white-space: nowrap;\n    }\n\n    .vx-toggle.vx-active {\n      background: #f7a45d;\n      color: #000;\n      box-shadow: 0 0 18px rgba(255,170,100,.9);\n    }\n\n    .vx-icons {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 18px;\n    }\n\n    .vx-icon-btn {\n      width: 58px;\n      height: 58px;\n      border: none;\n      border-radius: 50%;\n      background: radial-gradient(circle at top, #4f2a18, #1c0f09);\n      color: #fff;\n      font-size: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: .3s ease;\n      box-shadow: inset 0 1px 2px rgba(255,255,255,.08), 0 0 15px rgba(255,120,60,.12);\n    }\n\n    .vx-icon-btn.vx-active {\n      background: #f7a45d;\n      color: #000;\n      box-shadow: 0 0 24px rgba(255,170,100,.95);\n    }\n\n    .vx-power {\n      background: #f7a45d;\n      color: #000;\n      font-size: 22px;\n    }\n\n    .vx-disabled {\n      opacity: .35;\n      pointer-events: none;\n      filter: grayscale(1);\n    }\n\n    .vx-note {\n      position: absolute;\n      bottom: 15px;\n      left: 50%;\n      transform: translateX(-50%);\n      color: #fff;\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .vx-icon-btn:hover,\n    .vx-toggle:hover {\n      transform: translateY(-1px);\n    }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"vx-wrapper\"\u003e\n      \u003cdiv class=\"vx-image-box\"\u003e\n        \u003cimg id=\"vxMainGif\" alt=\"ANC Demo\"\u003e\n\n        \u003cdiv class=\"vx-controls\"\u003e\n          \u003cdiv class=\"vx-toggle-group\" id=\"vxToggleGroup\"\u003e\n            \u003cbutton class=\"vx-toggle vx-active\" data-mode=\"hear\"\u003eWHAT YOU HEAR\u003c\/button\u003e\n            \u003cbutton class=\"vx-toggle\" data-mode=\"they\"\u003eWHAT THEY HEAR\u003c\/button\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vx-icons\" id=\"vxIconGroup\"\u003e\n            \u003cbutton class=\"vx-icon-btn vx-active\" data-icon=\"lock\"\u003e✂️\u003c\/button\u003e\n            \u003cbutton class=\"vx-icon-btn\" data-icon=\"yoga\"\u003e🧘\u003c\/button\u003e\n            \u003cbutton class=\"vx-icon-btn\" data-icon=\"plane\"\u003e✈️\u003c\/button\u003e\n          \u003c\/div\u003e\n\n          \u003cbutton id=\"vxPlayPauseBtn\" class=\"vx-icon-btn vx-power\"\u003e⏸\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cp class=\"vx-note\"\u003eActual performance may vary based on surroundings and usage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003cscript\u003e\nconst vxMediaData = {\n  plane: {\n    hear: {\n      gif: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-we-hear_-flow2.gif?v=1779433768\",\n      sound: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-we-hear_-flow2.mp3?v=1779434620\"\n    },\n    they: {\n      gif: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-they-hear_-flow2.gif?v=1779433769\",\n      sound: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-they-hear_-flow2.mp3?v=1779434620\"\n    }\n  },\n\n  yoga: {\n    hear: {\n      gif: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-we-hear_-flow2.gif?v=1779433768\",\n      sound: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-we-hear_-flow2.mp3?v=1779434620\"\n    },\n    they: {\n      gif: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-they-hear_-flow2.gif?v=1779433768\",\n      sound: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-they-hear_-flow2.mp3?v=1779434620\"\n    }\n  },\n\n  lock: {\n    hear: {\n      gif: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-we-hear_-flow2.gif?v=1779433768\",\n      sound: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-we-hear_-flow2.mp3?v=1779434620\"\n    },\n    they: {\n      gif: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-they-hear_-flow2.gif?v=1779433768\",\n      sound: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-they-hear_-flow2.mp3?v=1779434620\"\n    }\n  }\n};\n\nlet vxCurrentMode = \"hear\";\nlet vxCurrentIcon = \"lock\";\nlet vxIsPaused = true;\n\nconst vxGif = document.getElementById(\"vxMainGif\");\n\nconst vxAudio = new Audio();\nvxAudio.loop = true;\n\nconst vxPlayPauseBtn = document.getElementById(\"vxPlayPauseBtn\");\nconst vxToggleGroup = document.getElementById(\"vxToggleGroup\");\nconst vxIconGroup = document.getElementById(\"vxIconGroup\");\n\nvxPlayPauseBtn.innerHTML = \"▶\";\n\nfunction vxUpdateMedia() {\n  const selected = vxMediaData[vxCurrentIcon][vxCurrentMode];\n\n  vxGif.src = selected.gif;\n\n  vxAudio.pause();\n  vxAudio.currentTime = 0;\n  vxAudio.src = selected.sound;\n\n  if (!vxIsPaused) {\n    vxAudio.play().catch(() =\u003e {});\n    vxGif.style.opacity = \"1\";\n\n    vxToggleGroup.classList.remove(\"vx-disabled\");\n    vxIconGroup.classList.remove(\"vx-disabled\");\n\n  } else {\n    vxGif.style.opacity = \".35\";\n\n    vxToggleGroup.classList.add(\"vx-disabled\");\n    vxIconGroup.classList.add(\"vx-disabled\");\n  }\n}\n\ndocument.querySelectorAll(\".vx-toggle\").forEach(btn =\u003e {\n  btn.addEventListener(\"click\", function () {\n\n    if (vxIsPaused) return;\n\n    document.querySelectorAll(\".vx-toggle\").forEach(b =\u003e\n      b.classList.remove(\"vx-active\")\n    );\n\n    this.classList.add(\"vx-active\");\n\n    vxCurrentMode = this.dataset.mode;\n\n    vxUpdateMedia();\n  });\n});\n\ndocument.querySelectorAll(\".vx-icon-btn[data-icon]\").forEach(btn =\u003e {\n  btn.addEventListener(\"click\", function () {\n\n    if (vxIsPaused) return;\n\n    document.querySelectorAll(\".vx-icon-btn[data-icon]\").forEach(b =\u003e\n      b.classList.remove(\"vx-active\")\n    );\n\n    this.classList.add(\"vx-active\");\n\n    vxCurrentIcon = this.dataset.icon;\n\n    vxUpdateMedia();\n  });\n});\n\nvxPlayPauseBtn.addEventListener(\"click\", function () {\n\n  if (!vxIsPaused) {\n\n    vxAudio.pause();\n\n    vxGif.style.opacity = \".35\";\n\n    vxToggleGroup.classList.add(\"vx-disabled\");\n    vxIconGroup.classList.add(\"vx-disabled\");\n\n    vxPlayPauseBtn.innerHTML = \"▶\";\n\n    vxIsPaused = true;\n\n  } else {\n\n    vxIsPaused = false;\n\n    vxAudio.play().catch(() =\u003e {});\n\n    vxGif.style.opacity = \"1\";\n\n    vxToggleGroup.classList.remove(\"vx-disabled\");\n    vxIconGroup.classList.remove(\"vx-disabled\");\n\n    vxPlayPauseBtn.innerHTML = \"⏸\";\n  }\n});\n\nvxUpdateMedia();\n\u003c\/script\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hidemobile\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Connect-flow2-web.webp?v=1779362206\" alt=\"\" width=\"100%\" height=\"100%\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Slider 2 --\u003e\n  \u003csection class=\"hl-wrapper\"\u003e\n    \u003csection class=\"hl-section py-2 md:py-2\"\u003e\n      \u003cdiv class=\"max-w-[1600px] mx-auto px-4\"\u003e\n        \u003cdiv class=\"swiper hl-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\/How-to-Connect01-flow2.webp?v=1779860774\" alt=\"Highlight 1\"\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\/How-to-Connect02-flow2.webp?v=1779860794\" alt=\"Highlight 2\"\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\/How-to-Connect03-flow2.webp?v=1779860786\" alt=\"Highlight 3\"\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\/How-to-Connect04-flow2.webp?v=1779860781\" 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\/How-to-Connect05-flow2.webp?v=1779860751\" alt=\"Highlight 5\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hidemobile\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-web-5.webp?v=1779684789\" alt=\"\" width=\"100%\" height=\"100%\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Swiper CSS\/JS (shared) --\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n  \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n  \u003cstyle\u003e\n  .hl-wrapper {\n    padding: 0 35px;\n    background: #000;\n  }\n\n  @media screen and (max-width: 767px) {\n    .hl-wrapper { padding: 0 10px; }\n  }\n\n  .hl-section {\n    position: relative;\n    overflow: hidden;\n    background-color: #000;\n    padding: 0;\n  }\n\n  .hl-slider .swiper-slide {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 16px;\n    overflow: hidden;\n    opacity: 0.25;\n    transform: scale(0.92);\n    transition: all 0.5s ease;\n  }\n\n  .hl-slider .swiper-slide-active {\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  .hl-slider .swiper-slide-prev,\n  .hl-slider .swiper-slide-next {\n    opacity: 0.45;\n    transform: scale(0.95);\n  }\n\n  .hl-slider .swiper-slide img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: contain;\n    border-radius: 16px;\n    background-color: #000;\n  }\n\n  .swiper-pagination {\n    margin-top: 18px;\n    position: relative;\n  }\n\n  .swiper-pagination-bullet {\n    background: #4e4949 !important;\n    opacity: 0.5;\n    width: 8px !important;\n    height: 8px !important;\n  }\n\n  .swiper-pagination-bullet-active {\n    opacity: 1 !important;\n    background: #fff !important;\n  }\n\n  @media screen and (max-width: 767px) {\n    .hl-slider .swiper-slide { opacity: 0.45; transform: scale(0.92); }\n    .hl-slider .swiper-slide-active { opacity: 1; transform: scale(1); }\n    .hl-slider .swiper-slide img { border-radius: 14px; }\n  }\n\n  .swiper-wrapper { width: 90%; }\n  \u003c\/style\u003e\n\n  \u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    new Swiper(\".hl-slider\", {\n      loop: true,\n      centeredSlides: true,\n      speed: 800,\n      spaceBetween: 20,\n      autoplay: { delay: 3000, disableOnInteraction: false },\n      pagination: { el: \".swiper-pagination\", clickable: true },\n      breakpoints: {\n        320:  { slidesPerView: 1.08, spaceBetween: 10 },\n        480:  { slidesPerView: 1.15, spaceBetween: 12 },\n        768:  { slidesPerView: 2,    spaceBetween: 20 },\n        1024: { slidesPerView: 2.4,  spaceBetween: 20 },\n        1400: { slidesPerView: 2.6,  spaceBetween: 25 }\n      }\n    });\n  });\n  \u003c\/script\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Color Switcher --\u003e\n\u003cstyle\u003e\n.cl-section {\n  position: relative;\n  width: 100%;\n  background-color: #000;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n}\n\n.cl-section img {\n  width: 70%;\n  height: auto;\n  object-fit: contain;\n  transition: opacity 0.5s ease-in-out;\n  display: block;\n  opacity: 1;\n}\n\n.cl-btn-group {\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 16px;\n  z-index: 2;\n}\n\n.cl-btn {\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  border: 2px solid #ffffff;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  padding: 0;\n  outline: none;\n}\n\n.cl-btn.cl-active {\n  transform: scale(1.15);\n  box-shadow: 0 0 0 3px #B4F019;\n}\n\n.cl-grey  { background: #8b8b8b; }\n.cl-purple { background: #7b4dff; }\n.cl-brown  { background: #7a4d2a; }\n\n@media(max-width:768px) {\n  .cl-btn-group { bottom: 30px; gap: 12px; }\n  .cl-btn { width: 24px; height: 24px; }\n  .cl-section img { width: 100%; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"hidemobile\"\u003e\n  \u003cdiv id=\"clSection\" class=\"cl-section\"\u003e\n    \u003cimg alt=\"Product Color Image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/ColorGrey-flow2-web.webp?v=1779367647\" id=\"clImage\" loading=\"lazy\"\u003e\n    \u003cdiv class=\"cl-btn-group\"\u003e\n      \u003cbutton data-img=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/ColorGrey-flow2-web.webp?v=1779367647\" class=\"cl-btn cl-grey cl-active\"\u003e\u003c\/button\u003e\n      \u003cbutton data-img=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/ColorPurple-flow2-web.webp\" class=\"cl-btn cl-purple\"\u003e\u003c\/button\u003e\n      \u003cbutton data-img=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/ColorBrown-flow2-web.webp\" class=\"cl-btn cl-brown\"\u003e\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nconst clImage = document.getElementById('clImage');\nconst clButtons = document.querySelectorAll('.cl-btn');\n\nclButtons.forEach((btn) =\u003e {\n  btn.addEventListener('click', () =\u003e {\n    clButtons.forEach((b) =\u003e b.classList.remove('cl-active'));\n    btn.classList.add('cl-active');\n\n    const newImg = new Image();\n    newImg.src = btn.getAttribute('data-img');\n\n    newImg.onload = () =\u003e {\n      clImage.style.opacity = 0;\n      setTimeout(() =\u003e {\n        clImage.src = newImg.src;\n        clImage.style.opacity = 1;\n      }, 300);\n    };\n  });\n});\n\u003c\/script\u003e\n\n\n \u003c!-- --------------mobile view start from --------- --\u003e\n\u003cdiv class=\"videomobileview\"\u003e\n\n\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\n  .fs-head{\n  font-family: 'Space Grotesk', sans-serif;\n  font-weight: 500;\n  font-size: 18px;\n}\n\n.fs-content{\n  font-family: 'Space Grotesk', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n.allblacklayout .videomobileview {\n  background-color:black;\n}\n  \u003c\/style\u003e\n\u003cdiv class=\"allblacklayout\"\u003e\n\u003csection class=\"videomobileview image-wrapperxyz\"\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\/mview-flow2-1.webp?v=1779263661');\"\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-1.webp?v=1779263721');\"\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\u003cdiv class=\"videomobileview image-wrapperxyz\" style=\"background-color:#563928;\"\u003e     \n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-a-1.webp?v=1779685043\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\u003c!-- BUTTON --\u003e\n\u003cdiv class=\"howwear-wrapper\"\u003e\n\n  \u003cbutton type=\"button\" class=\"howwear-btn\"\u003e\n    How to Wear \u0026gt;\n  \u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- POPUP --\u003e\n\u003cdiv class=\"popup-overlay\"\u003e\n\n  \u003cdiv class=\"popup-box\"\u003e\n\n    \u003c!-- CLOSE --\u003e\n    \u003cbutton type=\"button\" class=\"close-btn\"\u003e\n      ×\n    \u003c\/button\u003e\n\n    \u003c!-- IMAGE --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/how-to-wear-flow2.webp?v=1779271022\" alt=\"How To Wear\" class=\"popup-image\"\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.howwear-btn{\n    background:#f5ede6;\n    color:#3c3634;\n    border:none;\n\n    padding:8px 22px;\n    border-radius:40px;\n\n    font-size:13px;\n    font-weight:400;\n\n   \n\n    letter-spacing:-0.2px;\n    line-height:1;\n\n    cursor:pointer;\n\n    transform-style:preserve-3d;\n\n    animation:depthPush 2.5s ease-in-out infinite;\n\n    box-shadow:\n      0 6px 14px rgba(0,0,0,0.18);\n\n    transition:0.3s ease;\n}\n\n\/* HOVER *\/\n\n.howwear-btn:hover{\n    animation-play-state:paused;\n    transform:scale(1.06);\n}\n\n\/* DEPTH EFFECT *\/\n\n@keyframes depthPush{\n\n    0%{\n        transform:perspective(500px) translateZ(0px) scale(1);\n        opacity:1;\n    }\n\n    25%{\n        transform:perspective(500px) translateZ(35px) scale(1.08);\n        opacity:1;\n    }\n\n    50%{\n        transform:perspective(500px) translateZ(55px) scale(1.12);\n        opacity:1;\n    }\n\n    75%{\n        transform:perspective(500px) translateZ(20px) scale(1.04);\n        opacity:1;\n    }\n\n    100%{\n        transform:perspective(500px) translateZ(0px) scale(1);\n        opacity:1;\n    }\n\n}\n  \/* POPUP *\/\n\n  .popup-overlay{\n    position:fixed;\n    inset:0;\n\n    background:rgba(0,0,0,0.75);\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:20px;\n\n    opacity:0;\n    visibility:hidden;\n\n    transition:0.3s ease;\n\n    z-index:999999;\n  }\n\n  .popup-overlay.active{\n    opacity:1;\n    visibility:visible;\n  }\n\n  \/* BOX *\/\n\n  .popup-box{\n    position:relative;\n    width:100%;\n    max-width:900px;\n  }\n\n  \/* IMAGE *\/\n\n  .popup-image{\n    width:100%;\n    display:block;\n    border-radius:12px;\n  }\n\n  \/* CLOSE BUTTON *\/\n\n  .close-btn{\n    position:absolute;\n    top:12px;\n    right:12px;\n\n    width:42px;\n    height:42px;\n\n    border:none;\n    border-radius:50%;\n\n    background:#fff;\n    color:#000;\n\n    font-size:30px;\n    cursor:pointer;\n\n    z-index:9999999;\n  }\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\n  \/\/ WAIT UNTIL PAGE LOADS\n\n  document.addEventListener(\"DOMContentLoaded\", function(){\n\n    const popup = document.querySelector(\".popup-overlay\");\n    const openBtn = document.querySelector(\".howwear-btn\");\n    const closeBtn = document.querySelector(\".close-btn\");\n\n    \/\/ OPEN POPUP\n\n    openBtn.addEventListener(\"click\", function(){\n\n      popup.classList.add(\"active\");\n\n    });\n\n    \/\/ CLOSE POPUP\n\n    closeBtn.addEventListener(\"click\", function(){\n\n      popup.classList.remove(\"active\");\n\n    });\n\n    \/\/ CLICK OUTSIDE CLOSE\n\n    popup.addEventListener(\"click\", function(e){\n\n      if(e.target === popup){\n\n        popup.classList.remove(\"active\");\n\n      }\n\n    });\n\n  });\n\n\u003c\/script\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-a-2.webp?v=1779263958\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n     \u003c\/div\u003e \n\n  \n\u003cdiv class=\"videomobileview\"\u003e\n\u003c!-- ===================== UPDATED UNIQUE CLASS NAMES ===================== --\u003e\n\n\u003cdiv class=\"ak-video-mobile-section\"\u003e\n  \n  \u003c!-- ================= MOBILE ================= --\u003e\n  \u003cdiv class=\"ak-mobile-slider-wrap ak-image-wrapper\"\u003e\n\n    \u003cdiv class=\"swiper ak-mobile-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=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ba921386cf574fcaa2d7df80284b5435.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003ePlay\/Pause\u003c\/h3\u003e\n              \u003cp\u003eTap once on the Play pause control button on the case. \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=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b1c6694950f84ea98fff486b47e1ce9b.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eNext Track\u003c\/h3\u003e\n              \u003cp\u003eDouble Tap on the forward button on the case \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=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/59533213c5e74d61aba1c4127a135113.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003ePrevious Track\u003c\/h3\u003e\n              \u003cp\u003eDouble Tap on the rewind button on the case\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=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f843465e05354a13a7bb6f18efd0d728.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eIncrease Volume\u003c\/h3\u003e\n              \u003cp\u003eTriple Tap on the forward button on the case \n\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- SLIDE 5 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/004f8becc2584fff89fe098be49d1f42.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eDecrease Volume\u003c\/h3\u003e\n              \u003cp\u003eTriple Tap on the rewind button on the case.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n   \u003c!-- SLIDE 6 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ba921386cf574fcaa2d7df80284b5435.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eAnswer Call\u003c\/h3\u003e\n              \u003cp\u003eSingle tap on the Play\/Pause button on the case.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n       \u003c!-- SLIDE 6 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ba921386cf574fcaa2d7df80284b5435.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eEnd Call\u003c\/h3\u003e\n              \u003cp\u003eSingle tap on the Play\/Pause button during an active call.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- SLIDE 7 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d173644a7f8047bd90e9a541b3df7311.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eReject Call\u003c\/h3\u003e\n              \u003cp\u003ePress and hold the Play\/Pause button on the case.\n\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n \n\n          \u003c!-- SLIDE 9 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/91b1c8d659444a428d4684fa00fa14a9.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003eLike Reel\u003c\/h3\u003e\n              \u003cp\u003eTriple tap the Play\/Pause button to like a reel.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n          \u003c!-- SLIDE 10 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cvideo autoplay loop muted playsinline\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f02299e4bd824fbdb400357c9b598586.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n            \u003cdiv class=\"ak-mobile-content\"\u003e\n              \u003ch3\u003ePlay \/ Pause Reels \u003c\/h3\u003e\n              \u003cp\u003eDouble tap the Play\/Pause button to instantly pause or resume reels.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n       \n      \n\n      \u003c\/div\u003e\n\n      \u003c!-- PAGINATION --\u003e\n      \u003cdiv class=\"ak-mobile-pagination\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\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\u003c!-- SWIPER JS --\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n\n\/* ================= WRAPPER ================= *\/\n\n.ak-video-mobile-section{\n  width:100%;\n  background:#000;\n}\n\n\/* ================= IMAGE WRAPPER ================= *\/\n\n.ak-image-wrapper{\n  margin:0 -15px;\n}\n\n.ak-image-wrapper img{\n  width:100%;\n  display:block;\n}\n\n\/* ================= MOBILE WRAP ================= *\/\n\n.ak-mobile-slider-wrap{\n  display:block;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  padding:0;\n  background:#000;\n}\n\n\/* ================= CARD ================= *\/\n\n.ak-mobile-card{\n  overflow:hidden;\n  background:#111;\n  width:100%;\n}\n\n.ak-mobile-card video{\n  width:100%;\n  display:block;\n  object-fit:cover;\n}\n\n\/* ================= CONTENT ================= *\/\n\n.ak-mobile-content{\n  padding:8px 16px 14px;\n  background:#000;\n}\n\n.ak-mobile-content h3{\n  color:#fff;\n  font-size:17px;\n  margin:0 0 4px;\n}\n\n.ak-mobile-content p{\n  color:#c9c9c9;\n  font-size:14px;\n  line-height:1.5;\n  margin:0;\n}\n\n\/* ================= PAGINATION ================= *\/\n\n.ak-mobile-pagination{\n  margin-top:14px;\n  text-align:center;\n  position:relative !important;\n}\n\n.ak-mobile-pagination .swiper-pagination-bullet{\n  width:8px !important;\n  height:8px !important;\n  background:#4e4949 !important;\n  opacity:1 !important;\n}\n\n.ak-mobile-pagination .swiper-pagination-bullet-active{\n  width:24px !important;\n  border-radius:20px !important;\n  background:#fff !important;\n}\n\n\/* ================= DESKTOP SECTION ================= *\/\n\n.ak-desktop-layout{\n  width:1000px;\n  background:#000;\n  border-radius:28px;\n  padding:30px;\n  display:flex;\n  gap:40px;\n}\n\n.ak-left-panel{\n  width:35%;\n  display:flex;\n  flex-direction:column;\n  gap:14px;\n}\n\n.ak-accordion-item{\n  background:#2c2c2c;\n  border-radius:999px;\n  overflow:hidden;\n  cursor:pointer;\n  transition:.35s ease;\n}\n\n.ak-accordion-item.active{\n  background:#cdcdcd !important;\n  border-radius:14px;\n}\n\n.ak-accordion-header{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  padding:18px;\n  color:#fff;\n  font-weight:600;\n}\n\n.ak-accordion-item.active .ak-accordion-header{\n  color:#000;\n}\n\n.ak-accordion-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.ak-accordion-item.active .ak-accordion-icon{\n  border-color:#000;\n  color:#000;\n  transform:rotate(45deg);\n}\n\n.ak-accordion-content{\n  max-height:0;\n  opacity:0;\n  overflow:hidden;\n  color:#000;\n  transition:.35s ease;\n}\n\n.ak-accordion-item.active .ak-accordion-content{\n  max-height:200px;\n  opacity:1;\n  padding:0 0 20px;\n}\n\n.ak-right-panel{\n  width:65%;\n}\n\n.ak-right-panel video{\n  width:100%;\n  min-height:420px;\n  object-fit:cover;\n  border-radius:24px;\n  transition:opacity .3s ease;\n}\n\n.ak-main-video.fade{\n  opacity:0;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media(max-width:768px){\n\n  .ak-desktop-layout{\n    display:none;\n  }\n\n  .ak-mobile-slider-wrap{\n    display:block;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  \/* ================= MOBILE SWIPER ================= *\/\n\n  const akMobileSwiper = new Swiper(\".ak-mobile-swiper\",{\n\n    slidesPerView:1,\n    spaceBetween:15,\n    loop:true,\n\n    pagination:{\n      el:\".ak-mobile-pagination\",\n      clickable:true\n    }\n\n  });\n\n  window.addEventListener(\"resize\", ()=\u003e{\n    akMobileSwiper.update();\n  });\n\n});\n\n\u003c\/script\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/mview-flow2-3.webp?v=1779264022\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- ---------------slider 1------ --\u003e\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\u003c!-- Swiper JS --\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cstyle\u003e\n\n  \/* OUTER WRAPPER *\/\n  .highlights-wrapper{\n    padding: 0 35px;\n    background: #000;\n  }\n\n  \/* MOBILE PADDING FIX *\/\n  @media screen and (max-width: 767px){\n    .highlights-wrapper{\n      padding: 0 10px;\n    }\n  }\n\n  \/* MAIN SECTION *\/\n  .get-highlights{\n    position: relative;\n    overflow: hidden;\n    background-color: #000;\n    padding: 0;\n  }\n\n  \/* SLIDE *\/\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    opacity: 0.25;\n    transform: scale(0.92);\n    transition: all 0.5s ease;\n  }\n\n  \/* ACTIVE SLIDE *\/\n  .get-highlights-slider .swiper-slide-active{\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n  }\n\n  \/* SIDE SLIDES *\/\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\n  \/* IMAGE *\/\n  .get-highlights-slider .swiper-slide img{\n    width: 100%;\n    height: 500px;\n    display: block;\n    object-fit: contain;\n    border-radius: 16px;\n    background-color: #000;\n  }\n\n  \/* PAGINATION *\/\n  .swiper-pagination{\n    margin-top: 18px;\n    position: relative;\n  }\n\n  .swiper-pagination-bullet{\n    background: #4e4949 !important;\n    opacity: 0.5;\n    width: 8px !important;\n    height: 8px !important;\n  }\n\n  .swiper-pagination-bullet-active{\n    opacity: 1 !important;\n    background: #fff !important;\n  }\n\n  \/* MOBILE OPTIMIZATION *\/\n  @media screen and (max-width: 767px){\n\n    .get-highlights-slider .swiper-slide{\n      opacity: 0.45;\n      transform: scale(0.92);\n    }\n\n    .get-highlights-slider .swiper-slide-active{\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    .get-highlights-slider .swiper-slide img{\n      border-radius: 14px;\n    }\n\n  }\n.swiper-wrapper{\n  width:90%;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  new Swiper(\".get-highlights-slider\", {\n\n    \/* Infinite Loop *\/\n    loop: true,\n\n    \/* Center Active Slide *\/\n    centeredSlides: true,\n\n    \/* Animation *\/\n    speed: 800,\n\n    \/* Gap *\/\n    spaceBetween: 20,\n\n    \/* Auto Play *\/\n    autoplay: {\n      delay: 3000,\n      disableOnInteraction: false,\n    },\n\n    \/* Pagination *\/\n    pagination: {\n      el: \".swiper-pagination\",\n      clickable: true,\n    },\n\n    \/* Responsive *\/\n    breakpoints: {\n\n      \/* Small Mobile *\/\n      320: {\n        slidesPerView: 1.08,\n        spaceBetween: 10,\n      },\n\n      \/* Large Mobile *\/\n      480: {\n        slidesPerView: 1.15,\n        spaceBetween: 12,\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\n});\n\n\u003c\/script\u003e\n\u003c!-- --------------second slider --\u003e\n\n\u003c!-- slider code --\u003e\n\u003csection class=\"highlights-wrapper image-wrapperxyz\"\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      \u003c!-- Swiper --\u003e\n      \u003cdiv class=\"swiper get-highlights-slider relative\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003c!-- Slide 1 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Features01-mob-flow2.webp?v=1779685620\" alt=\"Highlight 1\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 2 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Features02-mob-flow2.webp?v=1779685620\" alt=\"Highlight 2\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 3 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Features03-mob-flow2.webp?v=1779685619\" alt=\"Highlight 3\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 4 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Features04-mob-flow2.webp?v=1779685619\" alt=\"Highlight 4\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 5 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Features05-mob-flow2.webp?v=1779685619\" alt=\"Highlight 5\"\u003e\n          \u003c\/div\u003e\n\n  \u003c!-- Slide 6 --\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Features06-mob-flow2.webp?v=1779685619\" alt=\"Highlight 5\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- Pagination --\u003e\n        \u003cdiv class=\"swiper-pagination\" style=\"bottom:20px;\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/section\u003e\n\n\u003c!-- ---------------slider 1------ --\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n     \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/mview-flow2-4.webp?v=1779264190\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- --------------voice animation---------- --\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n\u003cstyle\u003e\n\n.active:after{\n  content:\"\";\n}\n\n\/* WRAPPER *\/\n\n.audio-demo-wrap{\n  width:100%;\n  max-width:950px;\n  margin:auto;\n\n  background:#000;\n\n  border-radius:28px;\n  overflow:hidden;\n\n  box-shadow:\n  0 0 40px rgba(52,31,20,.35);\n}\n\n\/* IMAGE *\/\n\n.audio-demo-display{\n  width:100%;\n  height:520px;\n\n  overflow:hidden;\n  background:#000;\n\n  position:relative;\n}\n\n.audio-demo-display img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n\n\/* CONTROLS *\/\n\n.audio-demo-controls{\n  background:#000;\n\n  padding:22px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n\n  border-top:\n  1px solid rgba(255,255,255,.05);\n}\n\n\/* TOGGLE *\/\n\n.audio-demo-toggle{\n\n  width:100%;\n  max-width:450px;\n\n  display:flex;\n  gap:8px;\n\n  padding:6px;\n\n  border-radius:60px;\n\n  background:\n  linear-gradient(\n    180deg,\n    #4b2d1f 0%,\n    #341f14 100%\n  );\n\n  box-shadow:\n  inset 0 1px 4px rgba(255,255,255,.05),\n  0 0 22px rgba(255,140,80,.12);\n}\n\n.audio-demo-toggle button{\n\n  flex:1;\n\n  border:none;\n  background:transparent;\n\n  color:#e6cdbd;\n\n  padding:15px 14px;\n\n  border-radius:50px;\n\n  font-size:14px;\n  font-weight:700;\n  letter-spacing:.5px;\n\n  cursor:pointer;\n\n  transition:.35s ease;\n}\n\n.audio-demo-toggle button:hover{\n  color:#fff;\n}\n\n\/* ACTIVE TOGGLE *\/\n\n.audio-demo-toggle button.active{\n\n  background:\n  radial-gradient(circle at top,\n  #ffcfaa 0%,\n  #ffb37a 60%,\n  #f89d58 100%);\n\n  color:#000;\n\n  box-shadow:\n  0 0 10px rgba(255,179,122,.75),\n  0 0 22px rgba(255,179,122,.45),\n  0 0 40px rgba(255,179,122,.18);\n}\n\n\/* ICON ROW *\/\n\n.audio-demo-icons{\n  display:flex;\n  align-items:center;\n  gap:14px;\n}\n\n\/* ICON BUTTONS *\/\n\n.audio-demo-icons button{\n\n  width:60px;\n  height:60px;\n\n  border:none;\n  border-radius:50%;\n\n  background:\n  radial-gradient(circle at top,\n  #4b2d1f 0%,\n  #1d120c 78%);\n\n  color:#fff;\n\n  font-size:22px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  cursor:pointer;\n\n  transition:.35s ease;\n\n  box-shadow:\n  inset 0 1px 3px rgba(255,255,255,.06),\n  0 0 12px rgba(255,140,80,.08);\n}\n\n\/* HOVER *\/\n\n.audio-demo-icons button:hover{\n\n  transform:\n  translateY(-3px)\n  scale(1.03);\n\n  box-shadow:\n  0 0 14px rgba(255,179,122,.22),\n  0 0 30px rgba(255,179,122,.12);\n}\n\n\/* ACTIVE ICON *\/\n\n.audio-demo-icons button.active{\n\n  background:\n  radial-gradient(circle at top,\n  #ffcfaa 0%,\n  #ffb37a 55%,\n  #f89d58 100%);\n\n  color:#000;\n\n  transform:scale(1.08);\n\n  box-shadow:\n  0 0 10px rgba(255,179,122,.85),\n  0 0 22px rgba(255,179,122,.55),\n  0 0 45px rgba(255,179,122,.28);\n}\n\n\/* PLAY BUTTON *\/\n\n.audio-play-btn{\n  font-size:22px;\n  font-weight:700;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n  .audio-demo-display{\n    height:280px;\n  }\n\n  .audio-demo-controls{\n    flex-direction:column;\n    align-items:stretch;\n\n    padding:18px;\n  }\n\n  .audio-demo-toggle{\n    max-width:100%;\n  }\n\n  .audio-demo-toggle button{\n    font-size:12px;\n    padding:13px 8px;\n  }\n\n  .audio-demo-icons{\n    justify-content:center;\n    flex-wrap:wrap;\n  }\n\n}\n\n@media(max-width:480px){\n\n  .audio-demo-display{\n    height:230px;\n  }\n\n  .audio-demo-toggle button{\n    font-size:11px;\n    padding:12px 4px;\n  }\n\n  .audio-demo-icons button{\n    width:54px;\n    height:54px;\n    font-size:18px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"audio-demo-wrap\" id=\"audioDemo1\"\u003e\n\n  \u003c!-- IMAGE --\u003e\n  \u003cdiv class=\"audio-demo-display\"\u003e\n    \u003cimg class=\"audio-demo-gif\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-we-hear_-flow2.gif?v=1779433768\" alt=\"\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CONTROLS --\u003e\n  \u003cdiv class=\"audio-demo-controls\"\u003e\n\n    \u003c!-- TOGGLE --\u003e\n    \u003cdiv class=\"audio-demo-toggle\"\u003e\n\n      \u003cbutton class=\"audio-mode-btn active\" data-mode=\"hear\" type=\"button\"\u003e\n        WHAT YOU HEAR\n      \u003c\/button\u003e\n\n      \u003cbutton class=\"audio-mode-btn\" data-mode=\"they\" type=\"button\"\u003e\n        WHAT THEY HEAR\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- ICONS --\u003e\n    \u003cdiv class=\"audio-demo-icons\"\u003e\n\n      \u003c!-- LOCK --\u003e\n      \u003cbutton class=\"audio-icon-btn active\" data-icon=\"lock\" type=\"button\"\u003e\n✂\n\u003c\/button\u003e\n\n      \u003c!-- PLANE --\u003e\n      \u003cbutton class=\"audio-icon-btn\" data-icon=\"plane\" type=\"button\"\u003e\n        ✈\n      \u003c\/button\u003e\n\n      \u003c!-- CAFE --\u003e\n      \u003cbutton class=\"audio-icon-btn\" data-icon=\"cafe\" type=\"button\"\u003e\n        🧘\n      \u003c\/button\u003e\n\n      \u003c!-- PLAY --\u003e\n      \u003cbutton class=\"audio-play-btn\" type=\"button\"\u003e\n        ▶\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e\n\nwindow.addEventListener(\"load\", function(){\n\nconst wrapper =\ndocument.getElementById(\"audioDemo1\");\n\nconst gif =\nwrapper.querySelector(\".audio-demo-gif\");\n\nconst playBtn =\nwrapper.querySelector(\".audio-play-btn\");\n\nconst modeBtns =\nwrapper.querySelectorAll(\".audio-mode-btn\");\n\nconst iconBtns =\nwrapper.querySelectorAll(\".audio-icon-btn\");\n\nconst audio = new Audio();\n\naudio.loop = true;\n\nlet currentMode = \"hear\";\nlet currentIcon = \"lock\";\nlet isPlaying = false;\n\n\n\/* DATA *\/\n\nconst media = {\n\n  \/* LOCK *\/\n\n  lock : {\n\n    hear : {\n\n      gif :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-we-hear_-flow2.gif?v=1779433768\",\n\n      sound :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-we-hear_-flow2.mp3?v=1779434620\"\n\n    },\n\n    they : {\n\n      gif :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-they-hear_-flow2.gif?v=1779433768\",\n\n      sound :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Saloon__What-they-hear_-flow2.mp3?v=1779434620\"\n\n    }\n\n  },\n\n\n  \/* PLANE *\/\n\n  plane : {\n\n    hear : {\n\n      gif :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-we-hear_-flow2.gif?v=1779433768\",\n\n      sound :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-we-hear_-flow2.mp3?v=1779434620\"\n\n    },\n\n    they : {\n\n      gif :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-they-hear_-flow2.gif?v=1779433769\",\n\n      sound :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Flight__What-they-hear_-flow2.mp3?v=1779434620\"\n\n    }\n\n  },\n\n\n  \/* CAFE *\/\n\n  cafe : {\n\n    hear : {\n\n      gif :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-we-hear_-flow2.gif?v=1779433768\",\n\n      sound :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-we-hear_-flow2.mp3?v=1779434620\"\n\n    },\n\n    they : {\n\n      gif :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-they-hear_-flow2.gif?v=1779433768\",\n\n      sound :\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Yoga__What-they-hear_-flow2.mp3?v=1779434620\"\n\n    }\n\n  }\n\n};\n\n\n\n\/* LOAD MEDIA *\/\n\nfunction loadMedia(){\n\n  const item =\n  media[currentIcon][currentMode];\n\n  gif.src = item.gif;\n\n  audio.src = item.sound;\n\n}\n\n\n\n\/* PLAY *\/\n\nasync function playAudio(){\n\n  try{\n\n    await audio.play();\n\n    isPlaying = true;\n\n    playBtn.innerHTML = \"⏸\";\n\n  }catch(e){\n\n    console.log(e);\n\n  }\n\n}\n\n\n\n\/* STOP *\/\n\nfunction stopAudio(){\n\n  audio.pause();\n\n  audio.currentTime = 0;\n\n  isPlaying = false;\n\n  playBtn.innerHTML = \"▶\";\n\n}\n\n\n\n\/* UPDATE *\/\n\nasync function updateMedia(){\n\n  const wasPlaying = isPlaying;\n\n  audio.pause();\n\n  audio.currentTime = 0;\n\n  loadMedia();\n\n  if(wasPlaying){\n\n    await playAudio();\n\n  }\n\n}\n\n\n\n\/* MODE BUTTONS *\/\n\nmodeBtns.forEach(btn =\u003e {\n\n  btn.addEventListener(\"click\", async function(){\n\n    modeBtns.forEach(b =\u003e\n      b.classList.remove(\"active\")\n    );\n\n    this.classList.add(\"active\");\n\n    currentMode =\n    this.dataset.mode;\n\n    await updateMedia();\n\n  });\n\n});\n\n\n\n\/* ICON BUTTONS *\/\n\niconBtns.forEach(btn =\u003e {\n\n  btn.addEventListener(\"click\", async function(){\n\n    iconBtns.forEach(b =\u003e\n      b.classList.remove(\"active\")\n    );\n\n    this.classList.add(\"active\");\n\n    currentIcon =\n    this.dataset.icon;\n\n    await updateMedia();\n\n  });\n\n});\n\n\n\n\/* PLAY BUTTON *\/\n\nplayBtn.addEventListener(\"click\", async function(){\n\n  if(isPlaying){\n\n    stopAudio();\n\n  }else{\n\n    await playAudio();\n\n  }\n\n});\n\n\n\n\/* INITIAL *\/\n\nloadMedia();\n\n});\n\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- --------------voice animation---------- --\u003e\n  \u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n     \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Connect-flow2.webp?v=1779264779\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- ---------------slider 2------ --\u003e\n\u003c!-- slider code --\u003e\n\u003csection class=\"highlights-wrapper image-wrapperxyz\"\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      \u003c!-- Swiper --\u003e\n      \u003cdiv class=\"swiper get-highlights-slider relative\"\u003e\n\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003c!-- Slide 1 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/How-to-Connect01-flow2.webp?v=1779860774\" alt=\"Highlight 1\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 2 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/How-to-Connect02-flow2.webp?v=1779860794\" alt=\"Highlight 2\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 3 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/How-to-Connect03-flow2.webp?v=1779860786\" alt=\"Highlight 3\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 4 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/How-to-Connect04-flow2.webp?v=1779860781\" alt=\"Highlight 4\"\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Slide 5 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/How-to-Connect05-flow2.webp?v=1779860751\" alt=\"Highlight 5\"\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- Pagination --\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/section\u003e\n\n  \u003c!-- ---------------slider 2------ --\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/mview-flow2-5.webp?v=1779690598\" width=\"100%\" height=\"100%\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n   \n           \n\n\n\n\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\n\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-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2b29941eabaf4be0b29a900fd2b26a8e.mp4\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Play\/Pause:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Tap once on the Play pause control button on the case. \n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2b29941eabaf4be0b29a900fd2b26a8e.mp4\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Next Track:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Double Tap on the forward button on the case \n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/741e747d1a93468d94157f15b722a00c.mp4\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Previous Track:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Double Tap on the rewind button on the case\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2041a6ac57e45779bad61d949ec4570.mp4\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Increase Volume:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Triple Tap on the forward button on the case \n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"fs-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/038881af1dff4e5ba3ea78441f5c3eef.mp4\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Increase Volume:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Triple Tap on the forward button on the case \n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"fs-item\" data-video=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/36b3c8ac583943fc956b2a111b75fcd9.mp4\"\u003e\n\n        \u003cdiv class=\"fs-head\"\u003e\n          \u003cspan class=\"fs-icon\"\u003e+\u003c\/span\u003e\n          Increase Volume:\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-content\"\u003e\n          Triple Tap on the forward button on the case \n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n                            \n    \u003c\/div\u003e\n\n \u003cdiv class=\"fs-right\"\u003e\n  \u003cvideo class=\"fs-main-video\" autoplay loop muted playsinline\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2b29941eabaf4be0b29a900fd2b26a8e.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\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:#2c2c2c;\n  border-radius:999px;\n  overflow:hidden;\n  cursor:pointer;\n  transition:.35s ease;\n}\n\n.fs-item.active{\n  background:#cdcdcd !important;\n  border-radius:14px;\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 !important;\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:#000;\n  color:#000;\n  transform:rotate(45deg);\n}\n\n.fs-content{\n  max-height:0;\n  opacity:0;\n  overflow:hidden;\n  color:#000;\n \n  transition:.35s ease;\n}\n\n.fs-item.active .fs-content{\n  max-height:200px;\n  opacity:1;\n  padding:0 0px 0px;\n}\n\n.fs-right{\n  width:65%;\n}\n\n.fs-right video{\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-video.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:#000;\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:5px 16px 5px;\n  background:#000;\n      margin-top: -10px;\n}\n\n.mobile-content h3{\n  color:#fff;\n  font-size:17px;\n  margin:0px;\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:#4e4949 !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:#fff !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\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 video = wrapper.querySelector(\".fs-main-video\");\n\n    wrapper.querySelectorAll(\".fs-item\").forEach(i=\u003e{\n      i.classList.remove(\"active\");\n    });\n\n    item.classList.add(\"active\");\n\n    const newSrc = item.getAttribute(\"data-video\");\n\n    video.classList.add(\"fade\");\n\n    setTimeout(()=\u003e{\n\n      const source = video.querySelector(\"source\");\n      source.src = newSrc;\n\n      video.load();\n      video.play();\n\n      video.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  window.addEventListener(\"resize\", ()=\u003e{\n    swiper.update();\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\u003c\/div\u003e\n\u003c\/center\u003e\n\u003c\/div\u003e\n      \u003c!-- color change mob--\u003e\n\n\u003cstyle\u003e\n  .active:after {\n    content: \"\";\n}\n\n    .bgImageSwitcher {\n      background-repeat: no-repeat;\n        position: relative;\n        width: 100%;\n        min-height: 480px;\n        background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-ColorGrey.webp?v=1779690753');\n        background-size: contain;\n        background-position: center;\n        display: flex;\n        align-items: flex-end;\n        justify-content: center;\n        padding: 5px 20px;\n        gap: 10px;\n        transition: background-image 0.5s ease-in-out;\n    }\n\n    .bgImageSwitcher .colorBtn {\n        width: 18px;\n        height:18px;\n        border-radius: 50%;\n        border: 2px solid white;\n        cursor: pointer;\n        transition: transform 0.3s ease, border-color 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n              margin-top: 20px;\n    }\n\n  \n    .bgImageSwitcher .colorBtn {\n        background-color: var(--btn-color, rgba(0, 0, 0, 0.6));  \n    }\n\n \n    .bgImageSwitcher .colorBtn:hover {\n        transform: scale(1.2);\n    }\n\n   \n    .bgImageSwitcher .colorBtn.active {\n        transform: scale(1);\n        border-color: rgba(187, 255, 10, 1); \n        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n    }\n\n    @media (max-width: 768px) {\n        .bgImageSwitcher {\n            flex-direction: row;\n          justify-content: center;\n            align-items: flex-end;\n   \n              gap:18px;\n          width:auto;\n        }\n\n        .bgImageSwitcher .colorBtn {\n              width: 18px;\n          padding:1px;\n        height: 18px;\n            border: 1px solid #777777;\n      \n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\" style=\"background-color:black;\"\u003e\n\u003csection class=\"bgImageSwitcher\"\u003e\n  \u003cbutton class=\"colorBtn active\" data-img=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-ColorGrey.webp?v=1779690753\" data-color=\"#363f41\"\u003e\u003c\/button\u003e \n  \u003cbutton class=\"colorBtn\" data-img=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-ColorBrown.webp?v=1779690805\" data-color=\"#78685b\"\u003e\u003c\/button\u003e \n  \u003cbutton class=\"colorBtn\" data-img=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/flow2-ColorPurple.webp?v=1779690852\" data-color=\"#7a6ba2\"\u003e\u003c\/button\u003e \n\n\u003c\/section\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const buttons = document.querySelectorAll(\".colorBtn\");\n    const section = document.querySelector(\".bgImageSwitcher\");\n\n    \n    buttons.forEach(button =\u003e {\n        const buttonColor = button.getAttribute(\"data-color\");\n        button.style.setProperty(\"--btn-color\", buttonColor);\n\n        if (button.classList.contains(\"active\")) {\n            section.style.backgroundImage = `url('${button.getAttribute(\"data-img\")}')`;\n            button.style.transform = \"scale(1.5)\";\n        }\n    });\n\n    buttons.forEach(button =\u003e {\n        button.addEventListener(\"click\", function() {\n            const imageUrl = this.getAttribute(\"data-img\");\n\n         \n            section.style.backgroundImage = `url('${imageUrl}')`;\n\n           \n            buttons.forEach(btn =\u003e {\n                btn.classList.remove(\"active\");\n                btn.style.transform = \"scale(1)\"; \n                btn.style.borderColor = \"white\";\n            });\n\n            \n            this.classList.add(\"active\");\n            this.style.transform = \"scale(1.5)\";\n            this.style.borderColor = \"rgba(187, 255, 10, 1)\"; \n        });\n    });\n});\n\u003c\/script\u003e \u003c!-- color change end --\u003e\n\u003c\/div\u003e\n\n                          \n  \u003c\/div\u003e\n\n  \u003c!-- --------------a+ ends---------------- --\u003e\n\n\n\n  \n\u003cdiv id=\"support\" class=\"row\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"columnstop\"\u003e\n\u003ch2\u003eFAQs\u003c\/h2\u003e\n\u003cbutton class=\"accordion\"\u003eQ.How does the ACwO DwOTS FLOW 2 smart interactive case work? \u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003eThe case allows you to control music and calls directly from it, so you can manage your audio experience without constantly using your phone.\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Are these open ear earbuds comfortable for long usage?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, the ACwO DwOTS Flow 2 open ear earbuds are lightweight, with a flexible nickel titanium bridge for a secure, pressure-free fit for long listening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.How fast does the ACwO DwOTS Flow 2 charge?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eThe ACwO DwOTS Flow 2 open ear earbuds get fully charged in just 2 hours, giving you quick and convenient power-up for daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Do these open wireless earbuds give good call quality in noisy places?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, the Advanced AI-ENC microphone reduces background noise so your voice stays clear even in busy environments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Can I use these earbuds with ear hooks during workouts?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, the earbuds with ear hooks design keeps them stable and secure, making them ideal for gym sessions, running, and active use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Can I connect these earbuds to two devices at the same time? \u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, Dual Device Connectivity lets you switch smoothly between devices like your phone and laptop without reconnecting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.How long does the battery last on a full charge?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eThese open earbuds offer up to 60 hours of total playback, making them suitable for long trips and heavy daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Are these open wireless earbuds water resistant?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, they come with IPX5 water and sweat resistance, making them safe for workouts and light splashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Can I control audio and calls without using my phone?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, you can manage music and calls through the smart case. However, during Bluetooth pairing, connect your device to “DwOTS Flow 2” and also the DwOTS Flow 2 Box from the Bluetooth list to activate the case controls.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.Does the ACwO DwOTS FLOW 2 support voice assistants?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eYes, it supports “OK Google” and “Hey Siri” for hands-free control using your voice.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion\"\u003eQ.What is the warranty period for the ACwO DwOTS Flow 2 earbuds?\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cp\u003eThe ACwO DwOTS Flow 2 earbuds come with a 1-year warranty covering manufacturing defects only. Any user-caused damage is not covered. For warranty claims, contact customer support with your purchase details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\n\u003cbr\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/DwOTS-Flow-2-Manual.pdf?v=1779518144\" target=\"_blank\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/ACwO_Download_Manual.webp?v=1697535343\"\u003e\u003c\/a\u003e\n\u003c\/center\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"columnstop\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Whats-In-A-Box-DWOTS-flow-2.webp?v=1779519457\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion accorpro\"\u003eSpecifications\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eCountry Of Origin\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e India\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003ePacked and Marketed By\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003eACwO Lifestyle Pvt Ltd\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eAddress\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e 3RD, Office no.6, Ratan Chs Ltd, SV Road, near gokul shopping centre, Borivali West, Mumbai, Mumbai Suburban, Maharashtra - 400092\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003eManufacturing Address\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003ePlot No. 58-60, 1st Floor, Apple Industrial Hub, Pelhar, Dist. Palghar, Maharashtra - 401208\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e\u003cstrong\u003ePackage Contains\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"meta-info\" style=\"font-weight: 300;\"\u003e 1 Set of Wireless Earbuds, 1Charging Cable, 1 Scan me Card, \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion accorpro\"\u003eTechnical Specification\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eBT\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e5.4\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eWireless Range\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e10M\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eCompatibility\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eAndroid \u0026amp; iOS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eFrequency\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e20Hz-20KHz\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eWater Resistance Rating\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eIPX5 (WATER AND SWEAT RESISTANT)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eAudio codecs supported\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e AAC,SBC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eCHARGING TIME\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e2hrs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003ePlaytime\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e60Hrs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eHyperBoost charging time\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e10mins = 120 mins Playtime\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eSmart Touch Case\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eYes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion accorpro\"\u003ePhysical Specification\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eEarbuds Weight\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e5gms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eCharging case dimension (L*W*H)\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e65*30*50mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eCharging case weight\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e41gms\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eForm Factor\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eOpen Ear Wearable Stereo(OWS)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eControls\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eOn-Case Call \u0026amp; Music Control \u0026amp; Smart Touch Controls (EQ Mode, Voise Assistant, Volume, Play\/ Pause Media, Call Control from both earbuds)\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003cbutton class=\"accordion accorpro\"\u003eAdditional Features\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eEnvironmental Awareness\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eSkin Friendly ear Hooks\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eOn-Case Call \u0026amp; Music Control\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eOpen Ear Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eAdvanced AI-ENC Mics\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eDual EQ Modes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003e60 Hours Playtime\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e EAR CLIPS \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eFlexible Nickel Titanium Bridge\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eFull Charge in 2 Hours\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eHall Switch Enabled\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eIPX5 (WATER AND SWEAT RESISTANT)\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eDual Device Connectivity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"accordion accorpro\"\u003eCustomer Support and Warranty\u003c\/button\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003ePan India Service Centers: \u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eA vast network of service centers across India ensures your support needs are met promptly. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eDedicated Customer Support\u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eOur customer support team is just a call, email, or WhatsApp message away, ensuring you have assistance whenever you need it. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"meta-info-row\"\u003e\n\u003cspan class=\"meta-info\"\u003eWarranty: \u003c\/span\u003e \u003cspan class=\"meta-info\"\u003eWe believe in the quality of our product. That's why we offer an impressive 365 days of warranty coverage from the date of purchase, giving you peace of mind. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ACwO","offers":[{"title":"Purple","offer_id":53600457785662,"sku":"DWOTSFLOW2-PUR","price":10396.0,"currency_code":"INR","in_stock":true},{"title":"Grey","offer_id":53600457818430,"sku":"DWOTSFLOW2-GRY","price":10396.0,"currency_code":"INR","in_stock":true},{"title":"Brown","offer_id":53600457851198,"sku":"DWOTSFLOW2-BRN","price":10396.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/Purple-flow2-main.png?v=1779711686","url":"https:\/\/acwo.com\/products\/dwots-flow-2-clip-on-earbuds","provider":"ACwO","version":"1.0","type":"link"}