{"product_id":"redmi-note-17-pro-5g-6-83-inch-back-cover-rugged-frosted-series-ivory","title":"Redmi Note 17 Pro 5G (6.83 inch) Back Cover | Rugged Frosted Series, Ivory","description":"\u003c!--\n=========================================================\n     RUGGED FROSTED SERIES\n     COMPLETE PRODUCT DESCRIPTION\n     \n     SECTION ORDER:\n     1. PRODUCT IMAGE DESCRIPTION\n   \n========================================================= --\u003e\n\n\u003c!--\n=========================================================\n     SECTION 1 — PRODUCT IMAGE DESCRIPTION\n     \n     Desktop:\n     - Shows all product images vertically.\n     \n     Mobile:\n     - Shows top banner.\n     - Product images become swipeable carousels.\n     - Dots indicate current image.\n     \n     SOURCE:\n     Product Images decription.docx\n========================================================= --\u003e\n\n\u003cstyle\u003e\n\/* =========================================================\n   IMAGE SECTION — COMMON\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   IMAGE SECTION — DESKTOP\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   IMAGE SECTION — MOBILE\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.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   MOBILE ARROWS\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   MOBILE DOTS\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: width 0.25s ease, 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   MOBILE ONLY\n========================================================= *\/\n@media screen and (max-width: 749px) {\n  .gs-desktop-content {\n    display: none !important;\n  }\n  .gs-mobile-content {\n    display: block !important;\n  }\n}\n\n\/* =========================================================\n   DESKTOP ONLY\n========================================================= *\/\n@media screen and (min-width: 750px) {\n  .gs-desktop-content {\n    display: block !important;\n  }\n  .gs-mobile-content {\n    display: none !important;\n  }\n}\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n@media screen and (max-width: 390px) {\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  .gs-mobile-swipe-prev {\n    left: 5px;\n  }\n  .gs-mobile-swipe-next {\n    right: 5px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"gs-responsive-product\"\u003e\n\n  \u003c!-- =======================================================\n        DESKTOP VERSION\n        750px AND ABOVE\n        NO SWIPE \/ NO ARROWS \/ NO DOTS\n        ======================================================= --\u003e\n  \u003cdiv class=\"gs-desktop-content\"\u003e\n    \u003cdiv class=\"mobpaddding main-divv\"\u003e\n      \u003cdiv class=\"row tt-layout-promo-box\"\u003e\n        \u003cdiv class=\"col-md-12\"\u003e\n          \u003c!-- DESKTOP IMAGE 1 --\u003e\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D1_06468bdd-2bf7-4934-8399-8ea1c96f87be.png?v=1789468165\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n          \u003c\/a\u003e\n          \u003c!-- DESKTOP IMAGE 2 --\u003e\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D2_2db57b79-9f7d-4516-8627-b60ce3f4aa78.png?v=1789468165\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n          \u003c!-- DESKTOP IMAGE 3 --\u003e\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D3_c23d35fc-ff2d-441d-a36e-08422e7530a4.png?v=1789468165\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n          \u003c!-- DESKTOP IMAGE 4 --\u003e\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D4_7be51ac9-2fcc-466b-806d-ea3c39ac0ce4.png?v=1789468165\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n          \u003c!-- DESKTOP IMAGE 5 --\u003e\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D5_1f05ed8e-8e71-4f34-b827-1f0571de06cc.png?v=1789468703\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n          \u003c!-- DESKTOP IMAGE 6 --\u003e\n          \u003ca href=\"javascript:void(0);\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D6_c1714704-cb47-48d3-98de-4ca6944f7918.png?v=1789468165\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- =======================================================\n        MOBILE VERSION\n        BELOW 750px\n        TOP BANNER + 5 SWIPEABLE SECTIONS\n        ======================================================= --\u003e\n  \u003cdiv class=\"gs-mobile-content\"\u003e\n\n    \u003c!-- MOBILE TOP BANNER --\u003e\n    \u003cdiv class=\"gs-mobile-top-banner\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M1_148038b7-96a5-4df7-b140-de1c5bbecba1.png?v=1789469023\" alt=\"Golden Sand Rugged Frosted Series\" loading=\"eager\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- MOBILE SWIPE SECTION 1 --\u003e\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M21.png?v=1789469023\" alt=\"Rugged Frosted Series - Section 1\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M22.png?v=1789470315\" alt=\"Rugged Frosted Series - Section 1\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- MOBILE SWIPE SECTION 2 --\u003e\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M31.png?v=1789470391\" alt=\"Rugged Frosted Series - Section 2\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M32.png?v=1789469029\" alt=\"Rugged Frosted Series - Section 2\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- MOBILE SWIPE SECTION 3 --\u003e\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M41.png?v=1789470434\" alt=\"Rugged Frosted Series - Section 3\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M42.png?v=1789470539\" alt=\"Rugged Frosted Series - Section 3\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- MOBILE SWIPE SECTION 4 --\u003e\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M51.png?v=1789469025\" alt=\"Rugged Frosted Series - Section 4\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M52.png?v=1789469029\" alt=\"Rugged Frosted Series - Section 4\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- MOBILE SWIPE SECTION 5 --\u003e\n    \u003cdiv class=\"gs-mobile-swipe-section\" data-gs-mobile-carousel\u003e\n      \u003cdiv class=\"gs-mobile-swipe-track\"\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M61.png?v=1789470588\" alt=\"Rugged Frosted Series - Section 5\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M62.png?v=1789469023\" alt=\"Rugged Frosted Series - Section 5\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/M63.png?v=1789469023\" alt=\"Rugged Frosted Series - Section 5\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-prev\" type=\"button\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n      \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n      \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- =======================================================\n        SALES PACKAGE SECTION (WHAT YOU GET)\n        ======================================================= --\u003e\n  \u003cdiv class=\"gs-product-info\"\u003e\n    \u003cdiv class=\"gs-package-card\"\u003e\n      \u003c!-- LEFT HEADING --\u003e\n      \u003cdiv class=\"gs-package-heading\"\u003e\n        \u003cspan class=\"gs-package-eyebrow\"\u003eIN THE BOX\u003c\/span\u003e\n        \u003cdiv class=\"gs-package-title\"\u003e\n          What You Get\n        \u003c\/div\u003e      \n      \u003c\/div\u003e\n\n      \u003c!-- RIGHT BENEFITS --\u003e\n      \u003cdiv class=\"gs-package-items\"\u003e\n        \u003c!-- ITEM 1 --\u003e\n        \u003cdiv class=\"gs-package-item\"\u003e\n          \u003cdiv class=\"gs-check\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0C2C4C\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"m7.5 12.2 2.8 2.8 6.2-6.3\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"gs-package-content\"\u003e\n            \u003cstrong\u003e1x Rugged Frosted Case\u003c\/strong\u003e\n            \u003cspan\u003e\nFor Redmi Note 17 Pro 5G          \u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- ITEM 2 --\u003e\n        \u003cdiv class=\"gs-package-item\"\u003e\n          \u003cdiv class=\"gs-check\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0C2C4C\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"m7.5 12.2 2.8 2.8 6.2-6.3\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"gs-package-content\"\u003e\n            \u003cstrong\u003eWarranty \u0026amp; Loyalty Card\u003c\/strong\u003e\n            \u003cspan\u003e\n              6 Month Warranty for Manufacturing Defects.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- ITEM 3 --\u003e\n        \u003cdiv class=\"gs-package-item\"\u003e\n          \u003cdiv class=\"gs-check\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#0C2C4C\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"m7.5 12.2 2.8 2.8 6.2-6.3\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"gs-package-content\"\u003e\n            \u003cstrong\u003e1x Surprise Gift\u003c\/strong\u003e\n            \u003cspan\u003e\n              Included with your order\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- NOTE --\u003e\n      \u003cdiv class=\"gs-package-note\"\u003e\n        \u003cdiv class=\"gs-note-icon\"\u003e\n          i\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eNote:\u003c\/strong\u003e\n          Images are for illustrative purposes only. Product may show signs of wear \u0026amp; tear and colour may change with usage.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\n   IMAGE SECTION — MOBILE CAROUSEL JAVASCRIPT\n========================================================= --\u003e\n\u003cscript\u003e\n(function () {\n  function initGoldenSandMobileCarousels() {\n    var carousels = document.querySelectorAll('[data-gs-mobile-carousel]');\n\n    carousels.forEach(function (carousel) {\n      if (carousel.getAttribute('data-gs-carousel-initialized') === 'true') {\n        return;\n      }\n      carousel.setAttribute('data-gs-carousel-initialized', 'true');\n\n      var track = carousel.querySelector('.gs-mobile-swipe-track');\n      var slides = carousel.querySelectorAll('.gs-mobile-swipe-slide');\n      var previousButton = carousel.querySelector('.gs-mobile-swipe-prev');\n      var nextButton = carousel.querySelector('.gs-mobile-swipe-next');\n      var dotsContainer = carousel.querySelector('.gs-mobile-swipe-dots');\n\n      var currentIndex = 0;\n      var startX = 0;\n      var startY = 0;\n      var endX = 0;\n      var endY = 0;\n      var isTouching = false;\n\n      slides.forEach(function (slide, index) {\n        var dot = document.createElement('button');\n        dot.type = 'button';\n        dot.className = 'gs-mobile-swipe-dot';\n        dot.setAttribute('aria-label', 'Go to image ' + (index + 1));\n\n        if (index === 0) {\n          dot.classList.add('active');\n        }\n\n        dot.addEventListener('click', function () {\n          currentIndex = index;\n          updateCarousel();\n        });\n\n        dotsContainer.appendChild(dot);\n      });\n\n      var dots = dotsContainer.querySelectorAll('.gs-mobile-swipe-dot');\n\n      function updateCarousel() {\n        track.style.transform = 'translate3d(-' + (currentIndex * 100) + '%, 0, 0)';\n        dots.forEach(function (dot, index) {\n          if (index === currentIndex) {\n            dot.classList.add('active');\n          } else {\n            dot.classList.remove('active');\n          }\n        });\n      }\n\n      function nextImage() {\n        currentIndex++;\n        if (currentIndex \u003e= slides.length) {\n          currentIndex = 0;\n        }\n        updateCarousel();\n      }\n\n      function previousImage() {\n        currentIndex--;\n        if (currentIndex \u003c 0) {\n          currentIndex = slides.length - 1;\n        }\n        updateCarousel();\n      }\n\n      if (nextButton) {\n        nextButton.addEventListener('click', nextImage);\n      }\n\n      if (previousButton) {\n        previousButton.addEventListener('click', previousImage);\n      }\n\n      track.addEventListener('touchstart', function (event) {\n        var touch = event.touches[0];\n        startX = touch.clientX;\n        startY = touch.clientY;\n        endX = startX;\n        endY = startY;\n        isTouching = true;\n        track.style.transition = 'none';\n      }, { passive: true });\n\n      track.addEventListener('touchmove', function (event) {\n        if (!isTouching) return;\n        var touch = event.touches[0];\n        endX = touch.clientX;\n        endY = touch.clientY;\n      }, { passive: true });\n\n      track.addEventListener('touchend', function () {\n        if (!isTouching) return;\n        isTouching = false;\n        track.style.transition = 'transform 0.45s ease';\n\n        var differenceX = startX - endX;\n        var differenceY = startY - endY;\n\n        if (Math.abs(differenceX) \u003e 40 \u0026\u0026 Math.abs(differenceX) \u003e Math.abs(differenceY)) {\n          if (differenceX \u003e 0) {\n            nextImage();\n          } else {\n            previousImage();\n          }\n        }\n\n        startX = 0;\n        startY = 0;\n        endX = 0;\n        endY = 0;\n      }, { passive: true });\n\n      updateCarousel();\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initGoldenSandMobileCarousels);\n  } else {\n    initGoldenSandMobileCarousels();\n  }\n})();\n\u003c\/script\u003e\n\n\u003c!-- =========================================================\n   SALES PACKAGE STYLES\n========================================================= --\u003e\n\u003cstyle\u003e\n  .gs-product-info {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    color: #171717;\n    box-sizing: border-box;\n  }\n\n  .gs-package-card {\n    width: 100%;\n    margin-top: 20px;\n    display: grid;\n    grid-template-columns: minmax(210px, 0.8fr) minmax(0, 2.7fr);\n    background: #fbfbfb;\n    border: 1px solid #eaeaea;\n    border-radius: 18px;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .gs-package-heading {\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background: #fbfbfb;\n    border-right: 1px solid #eaeaea;\n  }\n\n  .gs-package-eyebrow {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    color: #747474;\n  }\n\n  .gs-package-title {\n    margin: 0 0 7px;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -.4px;\n    color: #171717;\n  }\n\n  .gs-package-heading p {\n    max-width: 220px;\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.45;\n    color: #777;\n  }\n\n  .gs-package-items {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    align-items: stretch;\n  }\n\n  .gs-package-item {\n    min-width: 0;\n    display: flex;\n    align-items: flex-start;\n    gap: 11px;\n    padding: 16px;\n    box-sizing: border-box;\n  }\n\n  .gs-package-item:not(:last-child) {\n    border-right: 1px solid #eaeaea;\n  }\n\n  .gs-check {\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n  }\n\n  .gs-check svg {\n    display: block;\n    width: 24px;\n    height: 24px;\n  }\n\n  .gs-package-content {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .gs-package-content strong {\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.35;\n    color: #171717;\n  }\n\n  .gs-package-content span {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.45;\n    color: #555;\n  }\n\n  .gs-package-note {\n    grid-column: 1 \/ -1;\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 12px 16px;\n    background: #f4f4f4;\n    border-top: 1px solid #eaeaea;\n    font-size: 13px;\n    line-height: 1.55;\n    color: #555;\n  }\n\n  .gs-package-note strong {\n    color: #333;\n  }\n\n  .gs-note-icon {\n    width: 20px;\n    height: 20px;\n    flex: 0 0 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid #bababa;\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 700;\n    color: #555;\n  }\n\n  @media (max-width: 900px) {\n    .gs-package-card {\n      grid-template-columns: 1fr;\n    }\n    .gs-package-heading {\n      padding: 16px;\n      border-right: 0;\n      border-bottom: 1px solid #e7e7e7;\n    }\n    .gs-package-heading p {\n      max-width: none;\n    }\n    .gs-package-items {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 600px) {\n    .gs-package-card {\n      border-radius: 14px;\n    }\n    .gs-package-heading {\n      padding: 16px;\n    }\n    .gs-package-title {\n      font-size: 21px;\n    }\n    .gs-package-heading p {\n      font-size: 12px;\n    }\n    .gs-package-items {\n      grid-template-columns: 1fr;\n    }\n    .gs-package-item {\n      padding: 14px 16px;\n      align-items: center;\n    }\n    .gs-package-item:not(:last-child) {\n      border-right: 0;\n      border-bottom: 1px solid #e9e9e9;\n    }\n    .gs-package-content strong {\n      font-size: 14px;\n    }\n    .gs-package-content span {\n      font-size: 12px;\n    }\n    .gs-package-note {\n      padding: 12px 14px;\n      font-size: 11.5px;\n    }\n  }\n\u003c\/style\u003e","brand":"Golden Sand","offers":[{"title":"Default Title","offer_id":50337250705665,"sku":"GS_Cover_RgdFrost_RedNote17Pro_Cream","price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/download_836b1022-b813-491f-9603-e95c45ec8819.jpg?v=1789622425","url":"https:\/\/goldensandindia.com\/products\/redmi-note-17-pro-5g-6-83-inch-back-cover-rugged-frosted-series-ivory","provider":"Golden Sand","version":"1.0","type":"link"}