{"product_id":"carniwal-mini","title":"CARNIwAL-Mini","description":"\u003c!-- MOBILE VIEW --\u003e\n\u003cdiv class=\"videomobileview image-wrapperxyz\"\u003e\n\u003cdiv style=\"width: 100vw !important; max-width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; box-sizing: border-box;\"\u003e\n \u003cimg style=\"margin-top: -9px !important; z-index: 1;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/MINI-MOBILE-A-1.webp?v=1790598059\"\u003e\n\n   \u003cimg style=\"margin-top: -9px !important; z-index: 1;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/MINI-MOBILE-A-2.webp?v=1790597237\"\u003e\n\n  \u003c!-- ANIMATION 1st --\u003e\n \n\u003cdiv class=\"ak-video-mobile-section\"\u003e\n\n  \u003cdiv class=\"ak-mobile-slider-wrap\"\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          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cdiv class=\"ak-mobile-image-wrap\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/feature-mobile-1.png?v=1790597547\" alt=\"Feature 1\"\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- SLIDE 2 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cdiv class=\"ak-mobile-image-wrap\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/feature-mobile-2.png?v=1790597545\" alt=\"Feature 2\"\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- SLIDE 3 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cdiv class=\"ak-mobile-image-wrap\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/feature-mobile-3.png?v=1790597546\" alt=\"Feature 3\"\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- SLIDE 4 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cdiv class=\"ak-mobile-image-wrap\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/feature-mobile-4.png?v=1790597544\" alt=\"Feature 4\"\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- SLIDE 5 --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003e\n          \u003cdiv class=\"ak-mobile-card\"\u003e\n\n            \u003cdiv class=\"ak-mobile-image-wrap\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/feature-mobile-5.png?v=1790597545\" alt=\"Feature 5\"\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\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 --\u003e\n\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================\n   SECTION\n========================================= *\/\n\n.ak-video-mobile-section {\n  width: 100%;\n  background: #000;\n  overflow: hidden;\n}\n\n\n\/* =========================================\n   SLIDER WRAPPER\n========================================= *\/\n\n.ak-mobile-slider-wrap {\n  width: 100%;\n  background: #000;\n  overflow: hidden;\n  padding: 0 0 20px;\n}\n\n\n\/* =========================================\n   SWIPER\n========================================= *\/\n\n.ak-mobile-swiper {\n  width: 100%;\n  overflow: visible !important;\n}\n\n\n\/* =========================================\n   SLIDES\n========================================= *\/\n\n.ak-mobile-swiper .swiper-wrapper {\n  align-items: stretch;\n}\n\n\n\/* Main image + next image peek *\/\n\n.ak-mobile-swiper .swiper-slide {\n  width: 84% !important;\n  flex-shrink: 0;\n  margin-right: 10px;\n}\n\n\n\/* =========================================\n   CARD\n========================================= *\/\n\n.ak-mobile-card {\n  width: 100%;\n  overflow: hidden;\n  background: #000;\n}\n\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.ak-mobile-image-wrap {\n  width: 100%;\n  height: auto;\n  overflow: hidden;\n  border-radius: 22px;\n  background: #000;\n}\n\n\n.ak-mobile-card img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n\n  \/* Start slightly zoomed *\/\n  transform: scale(1.06);\n  transform-origin: center center;\n\n  transition:\n    transform 1.2s cubic-bezier(\n      0.22,\n      1,\n      0.36,\n      1\n    );\n\n  will-change: transform;\n}\n\n\n\/* =========================================\n   ACTIVE IMAGE\n========================================= *\/\n\n.ak-mobile-swiper\n.swiper-slide-active\n.ak-mobile-card img {\n  transform: scale(1);\n}\n\n\n\/* =========================================\n   NEXT IMAGE\n========================================= *\/\n\n.ak-mobile-swiper\n.swiper-slide-next\n.ak-mobile-card img {\n  transform: scale(1.04);\n}\n\n\n\/* =========================================\n   PAGINATION\n========================================= *\/\n\n.ak-mobile-pagination {\n  position: relative !important;\n  left: auto !important;\n  right: auto !important;\n  bottom: auto !important;\n\n  width: 100% !important;\n\n  margin-top: 14px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\n.ak-mobile-pagination\n.swiper-pagination-bullet {\n  width: 7px !important;\n  height: 7px !important;\n\n  margin: 0 4px !important;\n  padding: 0 !important;\n\n  border-radius: 50% !important;\n\n  background: #555 !important;\n  opacity: 1 !important;\n\n  transition:\n    width .35s ease,\n    background .35s ease;\n}\n\n\n.ak-mobile-pagination\n.swiper-pagination-bullet-active {\n  width: 23px !important;\n  height: 7px !important;\n\n  border-radius: 20px !important;\n\n  background: #fff !important;\n}\n\n\n\/* =========================================\n   MOBILE ONLY\n========================================= *\/\n\n@media (min-width: 769px) {\n\n  .ak-video-mobile-section {\n    display: none !important;\n  }\n\n}\n\n\n@media (max-width: 768px) {\n\n  .ak-video-mobile-section {\n    display: block !important;\n  }\n\n}\n\n\n\/* =========================================\n   SMALL PHONES\n========================================= *\/\n\n@media (max-width: 380px) {\n\n  .ak-mobile-swiper .swiper-slide {\n    width: 84% !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n  function initAKCarousel() {\n\n    if (window.innerWidth \u003e 768) return;\n\n\n    const container =\n      document.querySelector(\".ak-mobile-swiper\");\n\n\n    if (!container) {\n      setTimeout(initAKCarousel, 300);\n      return;\n    }\n\n\n    if (container.swiper) return;\n\n\n    if (typeof Swiper === \"undefined\") {\n      setTimeout(initAKCarousel, 300);\n      return;\n    }\n\n\n    const pagination =\n      container.querySelector(\n        \".ak-mobile-pagination\"\n      );\n\n\n    if (!pagination) return;\n\n\n    const swiper = new Swiper(container, {\n\n      \/* Main card = 84%\n         Remaining space = next card peek *\/\n\n      slidesPerView: \"auto\",\n\n      spaceBetween: 0,\n\n      loop: true,\n\n      speed: 850,\n\n      \/* Allows next slide to remain visible *\/\n\n      centeredSlides: false,\n\n      allowTouchMove: true,\n\n      grabCursor: true,\n\n      observer: true,\n\n      observeParents: true,\n\n\n      \/* =================================\n         AUTOPLAY\n      ================================= *\/\n\n      autoplay: {\n\n        delay: 3000,\n\n        disableOnInteraction: false,\n\n        pauseOnMouseEnter: false\n\n      },\n\n\n      \/* =================================\n         PAGINATION\n      ================================= *\/\n\n      pagination: {\n\n        el: pagination,\n\n        clickable: true\n\n      },\n\n\n      \/* =================================\n         EVENTS\n      ================================= *\/\n\n      on: {\n\n        init: function () {\n          updateActiveDot(this);\n        },\n\n        slideChange: function () {\n          updateActiveDot(this);\n        },\n\n        realIndexChange: function () {\n          updateActiveDot(this);\n        }\n\n      }\n\n    });\n\n\n    \/* =================================\n       PAGINATION\n    ================================= *\/\n\n    function updateActiveDot(swiperInstance) {\n\n      const dots =\n        pagination.querySelectorAll(\n          \".swiper-pagination-bullet\"\n        );\n\n\n      const currentIndex =\n        swiperInstance.realIndex;\n\n\n      dots.forEach(function (dot, index) {\n\n        if (index === currentIndex) {\n\n          dot.classList.add(\n            \"swiper-pagination-bullet-active\"\n          );\n\n        } else {\n\n          dot.classList.remove(\n            \"swiper-pagination-bullet-active\"\n          );\n\n        }\n\n      });\n\n    }\n\n\n    window.akMobileSwiper = swiper;\n\n  }\n\n\n  if (document.readyState === \"loading\") {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initAKCarousel\n    );\n\n  } else {\n\n    initAKCarousel();\n\n  }\n\n})();\n\n\u003c\/script\u003e\n\n\n  \u003c!-- ANIMATION 1 ENDED --\u003e\n\n   \u003cimg style=\"margin-top: -9px !important; z-index: 1;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/MINI-MOBILE-A-3.webp?v=1790597236\"\u003e\n  \n  \u003c!-- ANIMATION STARTED --\u003e\n\n  \u003c!-- ANIMATION ENDED --\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ACwO","offers":[{"title":"Default Title","offer_id":54522839073086,"sku":null,"price":0.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0666\/4870\/3294\/files\/listing-mini-1.webp?v=1790601770","url":"https:\/\/acwo.com\/products\/carniwal-mini","provider":"ACwO","version":"1.0","type":"link"}