{"product_id":"apple-iphone-18-pro-5g-6-3-inch-back-cover-aura-magsnap-series-deep-black","title":"Apple iPhone 18 Pro 5G (6.3 inch) Back Cover | Aura MagSnap Series, Deep Black","description":"\u003c!-- =========================================================\n     GOLDEN SAND — AURA MAGSNAP SERIES\n     COMPLETE PRODUCT DESCRIPTION\n     \n     SECTION 1 — PRODUCT IMAGE DESCRIPTION\n     SECTION 2 — HEADING + SUBHEADING\n     SECTION 3 — AURA HIGHLIGHTS\n     SECTION 4 — FAQ\n     \n     IMPORTANT:\n     Original image loading settings are preserved.\n     ========================================================= --\u003e\n\n\n\u003c!-- =========================================================\n     SECTION 1 — PRODUCT IMAGE DESCRIPTION\n     ORIGINAL IMAGE LOADING SETTINGS PRESERVED\n     ========================================================= --\u003e\n\n\u003cstyle\u003e\n.gs-responsive-product,\n.gs-responsive-product * {\n  box-sizing: border-box;\n}\n\n.gs-responsive-product {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n}\n\n.gs-desktop-content,\n.gs-mobile-content {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   DESKTOP CONTENT\n   ========================================================= *\/\n\n.gs-desktop-content {\n  display: block;\n}\n\n.gs-desktop-content .gs-desktop-image {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.gs-desktop-content a {\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n}\n\n\n\/* =========================================================\n   MOBILE CONTENT\n   ========================================================= *\/\n\n.gs-mobile-content {\n  display: none;\n}\n\n.gs-mobile-top-banner {\n  width: 100%;\n  margin: 0 0 12px 0;\n  padding: 0;\n  overflow: hidden;\n}\n\n.gs-mobile-top-banner img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n\n\/* =========================================================\n   MOBILE SWIPE SECTION\n   ========================================================= *\/\n\n.gs-mobile-swipe-section {\n  position: relative;\n  width: 100%;\n  margin: 0 0 16px 0;\n  padding: 0;\n  overflow: hidden;\n  background: #fff;\n}\n\n.gs-mobile-swipe-track {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.45s ease;\n  will-change: transform;\n  touch-action: pan-y;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.gs-mobile-swipe-slide {\n  flex: 0 0 100%;\n  width: 100%;\n  min-width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.gs-mobile-swipe-slide img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  object-fit: contain;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   MOBILE ARROWS\n   ========================================================= *\/\n\n.gs-mobile-swipe-arrow {\n  display: none !important;\n  position: absolute;\n  top: 50%;\n  z-index: 10;\n  width: 34px;\n  height: 34px;\n  margin: 0;\n  padding: 0;\n  transform: translateY(-50%);\n  border: 0;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.48);\n  color: #fff;\n  font-family: Arial, sans-serif;\n  font-size: 25px;\n  font-weight: 300;\n  line-height: 32px;\n  text-align: center;\n  cursor: pointer;\n  opacity: 0.65;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.gs-mobile-swipe-arrow:hover {\n  background: rgba(0, 0, 0, 0.70);\n}\n\n.gs-mobile-swipe-prev {\n  left: 7px;\n}\n\n.gs-mobile-swipe-next {\n  right: 7px;\n}\n\n\n\/* =========================================================\n   MOBILE DOTS\n   ========================================================= *\/\n\n.gs-mobile-swipe-dots {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  min-height: 20px;\n  margin: 0;\n  padding: 6px 0 3px;\n  background: #fff;\n}\n\n.gs-mobile-swipe-dot {\n  display: block;\n  width: 6px;\n  height: 6px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: #cfcfcf;\n  cursor: pointer;\n  transition:\n    width 0.25s ease,\n    background 0.25s ease;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.gs-mobile-swipe-dot.active {\n  width: 17px;\n  border-radius: 10px;\n  background: #111;\n}\n\n\n\/* =========================================================\n   MOBILE ONLY\n   ========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .gs-desktop-content {\n    display: none !important;\n  }\n\n  .gs-mobile-content {\n    display: block !important;\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP ONLY\n   ========================================================= *\/\n\n@media screen and (min-width: 750px) {\n\n  .gs-desktop-content {\n    display: block !important;\n  }\n\n  .gs-mobile-content {\n    display: none !important;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  .gs-mobile-swipe-arrow {\n    display: none !important;\n    width: 30px;\n    height: 30px;\n    font-size: 22px;\n    line-height: 28px;\n  }\n\n  .gs-mobile-swipe-prev {\n    left: 5px;\n  }\n\n  .gs-mobile-swipe-next {\n    right: 5px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"gs-responsive-product\"\u003e\n\n\n  \u003c!-- =======================================================\n       DESKTOP VERSION\n       750px AND ABOVE\n       ======================================================= --\u003e\n\n  \u003cdiv class=\"gs-desktop-content\"\u003e\n\n    \u003cdiv class=\"mobpaddding main-divv\"\u003e\n\n      \u003cdiv class=\"row tt-layout-promo-box\"\u003e\n\n        \u003cdiv class=\"col-md-12\"\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 1 --\u003e\n          \u003c!-- ORIGINAL: loading=\"eager\" --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone_1.png?v=1787052790\" alt=\"Aura MagSnap Series Colors\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 2 --\u003e\n          \u003c!-- ORIGINAL: loading=\"lazy\" --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone_2.png?v=1787052790\" alt=\"Clarity last longer\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 3 --\u003e\n          \u003c!-- ORIGINAL: loading=\"lazy\" --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone_3.png?v=1787052790\" alt=\"Camera and screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 4 --\u003e\n          \u003c!-- ORIGINAL: loading=\"lazy\" --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone_4.png?v=1787052791\" alt=\"Customer Reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 5 --\u003e\n          \u003c!-- ORIGINAL: loading=\"lazy\" --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone_5.png?v=1787052790\" alt=\"Precision engineered\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n\n          \u003c\/a\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =======================================================\n       MOBILE VERSION\n       BELOW 750px\n       ======================================================= --\u003e\n\n  \u003cdiv class=\"gs-mobile-content\"\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE TOP BANNER\n         ORIGINAL: loading=\"eager\"\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-top-banner\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M.png?v=1787053302\" alt=\"Golden Sand Aura MagSnap Series\" loading=\"eager\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 1\n         4 IMAGES\n         ORIGINAL: ALL loading=\"lazy\"\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M1-A.png?v=1787053152\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M1-B.png?v=1787053153\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M1-C.png?v=1787053152\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M1-CA.png?v=1787053153\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 2\n         4 IMAGES\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M2-A.png?v=1787053166\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M2-B.png?v=1787053166\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M2-C.png?v=1787053167\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M2-D.png?v=1787053167\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 3\n         4 IMAGES\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M3-A.png?v=1787053178\" alt=\"Aura MagSnap Series - Section 3\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M3-B.png?v=1787053180\" alt=\"Aura MagSnap Series - Section 3\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M3-C.png?v=1787053179\" alt=\"Aura MagSnap Series - Section 3\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M3-D.png?v=1787053180\" alt=\"Aura MagSnap Series - Section 3\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 4\n         4 IMAGES\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M4-A.png?v=1787053191\" alt=\"Aura MagSnap Series - Section 4\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M4-B.png?v=1787053192\" alt=\"Aura MagSnap Series - Section 4\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M4-C.png?v=1787053192\" alt=\"Aura MagSnap Series - Section 4\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Colors_iPhone-M4-D.png?v=1787053192\" alt=\"Aura MagSnap Series - Section 4\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =========================================================\n     MOBILE CAROUSEL JAVASCRIPT\n     ORIGINAL CAROUSEL FUNCTIONALITY\n     ========================================================= --\u003e\n\n\u003cscript\u003e\n(function () {\n\n  function initGoldenSandMobileCarousels() {\n\n    var carousels =\n      document.querySelectorAll(\n        '[data-gs-mobile-carousel]'\n      );\n\n    carousels.forEach(function (carousel) {\n\n      if (\n        carousel.getAttribute(\n          'data-gs-carousel-initialized'\n        ) === 'true'\n      ) {\n        return;\n      }\n\n      carousel.setAttribute(\n        'data-gs-carousel-initialized',\n        'true'\n      );\n\n\n      var track =\n        carousel.querySelector(\n          '.gs-mobile-swipe-track'\n        );\n\n      var slides =\n        carousel.querySelectorAll(\n          '.gs-mobile-swipe-slide'\n        );\n\n      var previousButton =\n        carousel.querySelector(\n          '.gs-mobile-swipe-prev'\n        );\n\n      var nextButton =\n        carousel.querySelector(\n          '.gs-mobile-swipe-next'\n        );\n\n      var dotsContainer =\n        carousel.querySelector(\n          '.gs-mobile-swipe-dots'\n        );\n\n\n      var currentIndex = 0;\n\n      var startX = 0;\n      var startY = 0;\n      var endX = 0;\n      var endY = 0;\n\n      var isTouching = false;\n\n\n      \/* =====================================================\n         CREATE DOTS\n         ===================================================== *\/\n\n      slides.forEach(function (slide, index) {\n\n        var dot =\n          document.createElement(\n            'button'\n          );\n\n        dot.type = 'button';\n\n        dot.className =\n          'gs-mobile-swipe-dot';\n\n        dot.setAttribute(\n          'aria-label',\n          'Go to image ' +\n          (index + 1)\n        );\n\n        if (index === 0) {\n          dot.classList.add(\n            'active'\n          );\n        }\n\n        dot.addEventListener(\n          'click',\n          function () {\n\n            currentIndex = index;\n\n            updateCarousel();\n\n          }\n        );\n\n        dotsContainer.appendChild(\n          dot\n        );\n\n      });\n\n\n      var dots =\n        dotsContainer.querySelectorAll(\n          '.gs-mobile-swipe-dot'\n        );\n\n\n      \/* =====================================================\n         UPDATE SLIDER\n         ===================================================== *\/\n\n      function updateCarousel() {\n\n        track.style.transform =\n          'translate3d(-' +\n          (currentIndex * 100) +\n          '%, 0, 0)';\n\n\n        dots.forEach(\n          function (dot, index) {\n\n            if (\n              index === currentIndex\n            ) {\n\n              dot.classList.add(\n                'active'\n              );\n\n            } else {\n\n              dot.classList.remove(\n                'active'\n              );\n\n            }\n\n          }\n        );\n\n      }\n\n\n      \/* =====================================================\n         NEXT IMAGE\n         ===================================================== *\/\n\n      function nextImage() {\n\n        currentIndex++;\n\n        if (\n          currentIndex \u003e=\n          slides.length\n        ) {\n\n          currentIndex = 0;\n\n        }\n\n        updateCarousel();\n\n      }\n\n\n      \/* =====================================================\n         PREVIOUS IMAGE\n         ===================================================== *\/\n\n      function previousImage() {\n\n        currentIndex--;\n\n        if (\n          currentIndex \u003c 0\n        ) {\n\n          currentIndex =\n            slides.length - 1;\n\n        }\n\n        updateCarousel();\n\n      }\n\n\n      \/* =====================================================\n         ARROWS\n         ===================================================== *\/\n\n      if (nextButton) {\n\n        nextButton.addEventListener(\n          'click',\n          nextImage\n        );\n\n      }\n\n      if (previousButton) {\n\n        previousButton.addEventListener(\n          'click',\n          previousImage\n        );\n\n      }\n\n\n      \/* =====================================================\n         TOUCH START\n         ===================================================== *\/\n\n      track.addEventListener(\n        'touchstart',\n        function (event) {\n\n          var touch =\n            event.touches[0];\n\n          startX =\n            touch.clientX;\n\n          startY =\n            touch.clientY;\n\n          endX =\n            startX;\n\n          endY =\n            startY;\n\n          isTouching = true;\n\n          track.style.transition =\n            'none';\n\n        },\n        {\n          passive: true\n        }\n      );\n\n\n      \/* =====================================================\n         TOUCH MOVE\n         ===================================================== *\/\n\n      track.addEventListener(\n        'touchmove',\n        function (event) {\n\n          if (!isTouching) {\n            return;\n          }\n\n          var touch =\n            event.touches[0];\n\n          endX =\n            touch.clientX;\n\n          endY =\n            touch.clientY;\n\n        },\n        {\n          passive: true\n        }\n      );\n\n\n      \/* =====================================================\n         TOUCH END\n         ===================================================== *\/\n\n      track.addEventListener(\n        'touchend',\n        function () {\n\n          if (!isTouching) {\n            return;\n          }\n\n          isTouching = false;\n\n          track.style.transition =\n            'transform 0.45s ease';\n\n\n          var differenceX =\n            startX - endX;\n\n          var differenceY =\n            startY - endY;\n\n\n          \/*\n           Horizontal swipe only.\n           This prevents normal vertical\n           page scrolling from triggering\n           the carousel.\n          *\/\n\n          if (\n            Math.abs(differenceX) \u003e 40 \u0026\u0026\n            Math.abs(differenceX) \u003e\n            Math.abs(differenceY)\n          ) {\n\n            if (\n              differenceX \u003e 0\n            ) {\n\n              nextImage();\n\n            } else {\n\n              previousImage();\n\n            }\n\n          }\n\n\n          startX = 0;\n          startY = 0;\n          endX = 0;\n          endY = 0;\n\n        },\n        {\n          passive: true\n        }\n      );\n\n\n      \/* =====================================================\n         INITIAL POSITION\n         ===================================================== *\/\n\n      updateCarousel();\n\n    });\n\n  }\n\n\n  \/* =======================================================\n     INITIALIZE AFTER PAGE LOAD\n     ======================================================= *\/\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initGoldenSandMobileCarousels\n    );\n\n  } else {\n\n    initGoldenSandMobileCarousels();\n\n  }\n\n})();\n\u003c\/script\u003e\n\n\n\n\u003c!-- =========================================================\n     SECTION 2 — HEADING + SUBHEADING\n     ========================================================= --\u003e\n\n\u003c!-- =========================================================\n     GOLDEN SAND AURA MAGSNAP\n     RESPONSIVE DESKTOP + MOBILE PRODUCT DESCRIPTION\n     ========================================================= --\u003e\n\n\u003cstyle\u003e\n  \/* =========================================================\n     RESET \/ COMMON\n     ========================================================= *\/\n\n  .gs-responsive-product,\n  .gs-responsive-product * {\n    box-sizing: border-box;\n  }\n\n  .gs-responsive-product {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n  }\n\n  .gs-desktop-content,\n  .gs-mobile-content {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* =========================================================\n     DESKTOP CONTENT\n     ========================================================= *\/\n\n  .gs-desktop-content {\n    display: block;\n  }\n\n  .gs-desktop-content .gs-desktop-image {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .gs-desktop-content a {\n    display: block;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    text-decoration: none;\n  }\n\n  \/* =========================================================\n     MOBILE CONTENT\n     ========================================================= *\/\n\n  .gs-mobile-content {\n    display: none;\n  }\n\n  .gs-mobile-top-banner {\n    width: 100%;\n    margin: 0 0 12px 0;\n    padding: 0;\n    overflow: hidden;\n  }\n\n  .gs-mobile-top-banner img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  \/* =========================================================\n     MOBILE SWIPE SECTION\n     ========================================================= *\/\n\n  .gs-mobile-swipe-section {\n    position: relative;\n    width: 100%;\n    margin: 0 0 16px 0;\n    padding: 0;\n    overflow: hidden;\n    background: #fff;\n  }\n\n  .gs-mobile-swipe-track {\n    display: flex;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    transform: translate3d(0, 0, 0);\n\n    transition: transform 0.45s ease;\n\n    will-change: transform;\n\n    touch-action: pan-y;\n\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .gs-mobile-swipe-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    min-width: 100%;\n    margin: 0;\n    padding: 0;\n  }\n\n  .gs-mobile-swipe-slide img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    object-fit: contain;\n    pointer-events: none;\n  }\n\n  \/* =========================================================\n     MOBILE ARROWS\n     ========================================================= *\/\n\n  .gs-mobile-swipe-arrow {\n    display: none !important;\n    position: absolute;\n    top: 50%;\n    z-index: 10;\n\n    width: 34px;\n    height: 34px;\n\n    margin: 0;\n    padding: 0;\n\n    transform: translateY(-50%);\n\n    border: 0;\n    border-radius: 50%;\n\n    background: rgba(0, 0, 0, 0.48);\n    color: #fff;\n\n    font-family: Arial, sans-serif;\n    font-size: 25px;\n    font-weight: 300;\n    line-height: 32px;\n\n    text-align: center;\n\n    cursor: pointer;\n\n    opacity: 0.65;\n\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .gs-mobile-swipe-arrow:hover {\n    background: rgba(0, 0, 0, 0.70);\n  }\n\n  .gs-mobile-swipe-prev {\n    left: 7px;\n  }\n\n  .gs-mobile-swipe-next {\n    right: 7px;\n  }\n\n  \/* =========================================================\n     MOBILE DOTS\n     ========================================================= *\/\n\n  .gs-mobile-swipe-dots {\n    display: flex;\n\n    justify-content: center;\n    align-items: center;\n\n    gap: 6px;\n\n    width: 100%;\n    min-height: 20px;\n\n    margin: 0;\n    padding: 6px 0 3px;\n\n    background: #fff;\n  }\n\n  .gs-mobile-swipe-dot {\n    display: block;\n\n    width: 6px;\n    height: 6px;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n    border-radius: 50%;\n\n    background: #cfcfcf;\n\n    cursor: pointer;\n\n    transition:\n      width 0.25s ease,\n      background 0.25s ease;\n\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .gs-mobile-swipe-dot.active {\n    width: 17px;\n    border-radius: 10px;\n    background: #111;\n  }\n\n  \/* =========================================================\n     MOBILE ONLY\n     ========================================================= *\/\n\n  @media screen and (max-width: 749px) {\n\n    .gs-desktop-content {\n      display: none !important;\n    }\n\n    .gs-mobile-content {\n      display: block !important;\n    }\n\n  }\n\n  \/* =========================================================\n     DESKTOP ONLY\n     ========================================================= *\/\n\n  @media screen and (min-width: 750px) {\n\n    .gs-desktop-content {\n      display: block !important;\n    }\n\n    .gs-mobile-content {\n      display: none !important;\n    }\n\n  }\n\n  \/* =========================================================\n     SMALL MOBILE\n     ========================================================= *\/\n\n  @media screen and (max-width: 390px) {\n\n    .gs-mobile-swipe-arrow {\n      display: none !important;\n      width: 30px;\n      height: 30px;\n      font-size: 22px;\n      line-height: 28px;\n    }\n\n    .gs-mobile-swipe-prev {\n      left: 5px;\n    }\n\n    .gs-mobile-swipe-next {\n      right: 5px;\n    }\n\n  }\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"gs-responsive-product\"\u003e\n\n\n  \u003c!-- =======================================================\n       DESKTOP VERSION\n       750px AND ABOVE\n\n       NO SWIPE\n       NO ARROWS\n       NO DOTS\n       ======================================================= --\u003e\n\n  \u003cdiv class=\"gs-desktop-content\"\u003e\n\n    \u003cdiv class=\"mobpaddding main-divv\"\u003e\n\n      \u003cdiv class=\"row tt-layout-promo-box\"\u003e\n\n        \u003cdiv class=\"col-md-12\"\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 1 --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Clear_iPhone_2.png?v=1786877862\" alt=\"Aura MagSnap Series Clear\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 2 --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Clear_iPhone_3.png?v=1786877862\" alt=\"Clarity last longer\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 3 --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Clear_iPhone_4.png?v=1786877862\" alt=\"Camera and screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 4 --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Clear_iPhone_5.png?v=1786877862\" alt=\"Customer Reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n\n\n          \u003c!-- DESKTOP IMAGE 5 --\u003e\n\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura_Clear_iPhone_6.png?v=1786877862\" alt=\"Precision engineered\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =======================================================\n       MOBILE VERSION\n       BELOW 750px\n\n       TOP BANNER\n       +\n       4 SWIPEABLE SECTIONS\n       ======================================================= --\u003e\n\n  \u003cdiv class=\"gs-mobile-content\"\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE TOP BANNER\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-top-banner\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M.png?v=1787052013\" alt=\"Golden Sand Aura MagSnap Series\" loading=\"eager\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 1\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n\n\n        \u003c!-- M1-A --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M1-A.png?v=1787052012\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- M1-B --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M1-B.jpg?v=1787052012\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- M1-C --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M1-C.png?v=1787052012\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- M1-CA --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M1-CA.png?v=1787052012\" alt=\"Aura MagSnap Series - Section 1\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PREVIOUS --\u003e\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n\n      \u003c!-- NEXT --\u003e\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n\n      \u003c!-- DOTS --\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 2\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n\n\n        \u003c!-- M2-A --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M2-A.png?v=1787052023\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- M2-B --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M2-B.png?v=1787052023\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- M2-C --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M2-C.png?v=1787052024\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- M2-D --\u003e\n\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/AuraClear_iPhone-M2-D.png?v=1787052025\" alt=\"Aura MagSnap Series - Section 2\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PREVIOUS --\u003e\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n\n      \u003c!-- NEXT --\u003e\n\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n\n      \u003c!-- DOTS --\u003e\n\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MOBILE SWIPE SECTION 3\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Golden Sand","offers":[{"title":"Default Title","offer_id":50324942127361,"sku":"GS_Cover_AuraMag_iPh17Pro_Black","price":1599.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Aura-Black.png?v=1789300928","url":"https:\/\/goldensandindia.com\/products\/apple-iphone-18-pro-5g-6-3-inch-back-cover-aura-magsnap-series-deep-black","provider":"Golden Sand","version":"1.0","type":"link"}