{"title":"Rugged Frosted MagSnap Series","description":null,"products":[{"product_id":"rugged-frosted-magsafe-compatible-semi-transparent-pc-shock-proof-slim-back-cover-for-apple-iphone-16-6-1-inch-black","title":"Apple iPhone 16 (6.1 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Apple iPhone 16 \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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":45577693200641,"sku":"GS_Cover_RgdFrostMag_iPh16_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1MagSafe_95752740-2e71-4782-a24b-5ba1a6b72771.jpg?v=1757415982"},{"product_id":"rugged-frosted-magsafe-compatible-semi-transparent-pc-shock-proof-slim-back-cover-for-apple-iphone-16-plus-6-7-inch-black","title":"Apple iPhone 16 Plus (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Apple iPhone 16 Plus \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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":45577694019841,"sku":"GS_Cover_RgdFrostMag_iPh16Plus_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1MagSafe_17c17af9-82a2-4cc2-871a-2adb3cb0c0b9.jpg?v=1757415979"},{"product_id":"rugged-frosted-magsafe-compatible-semi-transparent-pc-shock-proof-slim-back-cover-for-apple-iphone-16-pro-6-3-inch-grey","title":"Apple iPhone 16 Pro (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Grey","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 Apple iPhone 16 Pro \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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":45577695265025,"sku":"GS_Cover_RgdFrostMag_iPh16Pro_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Grey1_f7789a68-0f04-4a4f-8f1c-aa7cb6664132.jpg?v=1757415974"},{"product_id":"google-pixel-10-5g-google-pixel-10-pro-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Google Pixel 10 Pro 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Google Pixel 10 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690401190145,"sku":"GS_Cover_RgdFrostMag_Pixel10_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_dd0498bf-a41d-404e-b4d2-7759f15be99a.jpg?v=1763114654"},{"product_id":"google-pixel-10-5g-google-pixel-10-pro-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Google Pixel 10 Pro 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Grey","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 Google Pixel 10 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690401222913,"sku":"GS_Cover_RgdFrostMag_Pixel10_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/grey1_8e064726-308c-4cb6-a290-a98e030fc402.jpg?v=1763114743"},{"product_id":"google-pixel-10-pro-xl-5g-6-8-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Google Pixel 10 Pro XL 5G (6.8 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Google Pixel 10 Pro XL 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690401550593,"sku":"GS_Cover_RgdFrostMag_Pixel10ProXL_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1-MagSafe.jpg?v=1757415898"},{"product_id":"google-pixel-10-pro-xl-5g-6-8-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Google Pixel 10 Pro XL 5G (6.8 inch) Back Cover | Rugged Frosted MagSnap Series, Grey","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 Google Pixel 10 Pro XL 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690401583361,"sku":"GS_Cover_RgdFrostMag_Pixel10ProXL_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/grey1_709abe31-2c6c-42a4-a09e-a5754483f840.jpg?v=1757415896"},{"product_id":"apple-iphone-17-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Apple iPhone 17 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Space Black","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 Apple iPhone 17 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690401878273,"sku":"GS_Cover_RgdFrostMag_iPh17_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black_1_014963bd-df9b-46af-b8bd-d80da7beac28.jpg?v=1762770998"},{"product_id":"apple-iphone-17-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Apple iPhone 17 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Cloud White","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 Apple iPhone 17 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690401911041,"sku":"GS_Cover_RgdFrostMag_iPh17_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/cream1_c9a616a7-5be3-4e7d-a6a3-0e51ec6d0b0e.jpg?v=1758006848"},{"product_id":"apple-iphone-17-air-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Apple iPhone Air, iPhone 17 Air 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Space Black","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 Apple iPhone Air, iPhone 17 Air 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690402599169,"sku":"GS_Cover_RgdFrostMag_iPh17Air_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_e7b18c7c-e031-4b2d-815a-be2436044ae7.jpg?v=1762772416"},{"product_id":"apple-iphone-17-air-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Apple iPhone Air 5G, iPhone 17 Air (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Cloud White","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 Apple iPhone Air 5G, iPhone 17 Air \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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690402631937,"sku":"GS_Cover_RgdFrostMag_iPh17Air_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_89d1d13a-515f-45ac-b485-a8e3155b032d.jpg?v=1758097470"},{"product_id":"apple-iphone-17-pro-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Apple iPhone 17 Pro 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Deep Black","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 Apple iPhone 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690402894081,"sku":"GS_Cover_RgdFrostMag_iPh18Pro_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_5ac7d257-bca5-4f5e-a793-de6ed762fae0.jpg?v=1758009218"},{"product_id":"apple-iphone-17-pro-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Apple iPhone 17 Pro 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Ivory White","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 Apple iPhone 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690402926849,"sku":"GS_Cover_RgdFrostMag_iPh17Pro_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Cream1_d941c972-eb0c-4de9-b42a-fa48c92ac026.jpg?v=1758009141"},{"product_id":"apple-iphone-17-pro-max-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Apple iPhone 17 Pro Max 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Deep Black","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 Apple iPhone 17 Pro Max 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690403516673,"sku":"GS_Cover_RgdFrostMag_iPh17ProMax_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_43380de0-dcc4-4f12-b8ff-e06d54209b8f.jpg?v=1758009714"},{"product_id":"apple-iphone-17-pro-max-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Apple iPhone 17 Pro Max 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Ivory White","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 Apple iPhone 17 Pro Max 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46690403549441,"sku":"GS_Cover_RgdFrostMag_iPh17ProMax_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Cream1_b456953f-55af-478d-a0d2-f7cd4ebb665b.jpg?v=1758009667"},{"product_id":"google-pixel-10-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Google Pixel 10 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Google Pixel 10 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46702831698177,"sku":"GS_Cover_RgdFrostMag_Pixel10_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_274260b2-2d30-4222-8b67-afcdc8ec66a0.jpg?v=1763114555"},{"product_id":"google-pixel-10-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-grey","title":"Google Pixel 10 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Grey","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 Google Pixel 10 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":46702831796481,"sku":"GS_Cover_RgdFrostMag_Pixel10_Grey","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/grey1_b39a1104-4570-41eb-a803-e58d8d277df0.jpg?v=1763114711"},{"product_id":"oppo-find-x9-5g-6-59-inch-back-cover-rugged-frosted-magsnap-series-space-black","title":"Oppo Find X9s 5G, Oppo Find X9 5G (6.59 inch) Back Cover | Rugged Frosted MagSnap Series, Space Black","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 Oppo Find X9s 5G, Oppo Find X9 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47022460010753,"sku":"GS_Cover_RgdFrostMag_FindX9_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_9d61e417-58ac-485e-a758-47b518125209.png?v=1766735850"},{"product_id":"oppo-find-x9-pro-5g-6-78-inch-back-cover-rugged-frosted-magsnap-series-black-charcoal","title":"Oppo Find X9 Pro 5G (6.78 inch) Back Cover | Rugged Frosted MagSnap Series, Black Charcoal","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 Oppo Find X9 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47022460043521,"sku":"GS_Cover_RgdFrostMag_FindX9Pro_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_793fd682-ccf7-43ff-a169-54c088e6048f.png?v=1766735882"},{"product_id":"iqoo-15-5g-6-85-inch-back-cover-rugged-frosted-magsnap-series-alpha-black","title":"iQOO 15 5G (6.85 inch) Back Cover | Rugged Frosted MagSnap Series, Alpha Black","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 iQOO 15 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47022460076289,"sku":"GS_Cover_RgdFrostMag_iQOO15_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_530ee3b1-143b-4a37-9541-396a2975138b.png?v=1766735679"},{"product_id":"oneplus-15-5g-6-78-inch-back-cover-rugged-frosted-magsnap-series-infinite-black","title":"OnePlus 15 5G (6.78 inch) Back Cover | Rugged Frosted MagSnap Series, Infinite Black","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 OnePlus 15 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47022460174593,"sku":"GS_Cover_RgdFrostMag_OnePlus15_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_16b383e0-16e7-490a-a6bc-5585231241de.png?v=1766735775"},{"product_id":"vivo-x300-5g-6-31-inch-back-cover-rugged-frosted-magsnap-series-phantom-black","title":"Vivo X300 5G (6.31 inch) Back Cover | Rugged Frosted MagSnap Series, Phantom Black","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 Vivo X300 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47022460272897,"sku":"GS_Cover_RgdFrostMag_VivoX300_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_ca64448a-c262-498f-b349-4da8ea04e081.png?v=1766735984"},{"product_id":"vivo-x300-pro-5g-6-78-inch-back-cover-rugged-frosted-magsnap-series-phantom-black","title":"Vivo X300 Pro 5G (6.78 inch) Back Cover | Rugged Frosted MagSnap Series, Phantom Black","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 Vivo X300 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47022460305665,"sku":"GS_Cover_RgdFrostMag_VivoX300Pro_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_b1463805-50e9-40b8-a9a5-00d91e539adc.png?v=1766736111"},{"product_id":"oppo-find-x9-pro-5g-6-78-inch-back-cover-rugged-frosted-magsnap-series-ivory","title":"Oppo Find X9 Pro 5G (6.78 inch) Back Cover | Rugged Frosted MagSnap 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 Oppo Find X9 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47200735658241,"sku":"GS_Cover_RgdFrostMag_FindX9Pro_Cream","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/cream1_9633c5f1-c527-41a4-8875-85dbd273c150.png?v=1768622570"},{"product_id":"vivo-x300-5g-6-31-inch-back-cover-rugged-frosted-magsnap-series-ivory","title":"Vivo X300 5G (6.31 inch) Back Cover | Rugged Frosted MagSnap 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 Vivo X300 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47200735691009,"sku":"GS_Cover_RgdFrostMag_VivoX300_Cream","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/cream.png?v=1768622496"},{"product_id":"vivo-x200t-5g-6-67-inch-back-cover-rugged-frosted-magsnap-series-stellar-black","title":"Vivo X200T 5G (6.67 inch) Back Cover | Rugged Frosted MagSnap Series, Stellar Black","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 Vivo X200T 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":47568189718785,"sku":"GS_Cover_RgdFrostMag_VivoX200T_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_7883f28b-08ce-4578-8fd2-e4fca4e970a1.png?v=1771304709"},{"product_id":"samsung-galaxy-s26-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Samsung Galaxy S26 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Cobalt Black","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 Samsung Galaxy S26 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113198989569,"sku":"GS_Cover_RgdFrostMag_SamS26_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_0bdd0a61-6ea2-468f-b150-1fc3d0ccf0c3.png?v=1772693127"},{"product_id":"samsung-galaxy-s26-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-ivory","title":"Samsung Galaxy S26 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Silver 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 Samsung Galaxy S26 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199022337,"sku":"GS_Cover_RgdFrostMag_SamS26_Cream","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Cream1_5efdfb76-7a8e-4c77-8d23-2827de8c2bef.png?v=1772693280"},{"product_id":"samsung-galaxy-s26-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-pink","title":"Samsung Galaxy S26 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Pink","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 Samsung Galaxy S26 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199055105,"sku":"GS_Cover_RgdFrostMag_SamS26_Pink","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/pink1_e20d8d88-9cd7-46b7-b432-74f977317418.png?v=1772693509"},{"product_id":"samsung-galaxy-s26-plus-5g-6-7-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Samsung Galaxy S26 Plus 5G (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Cobalt Black","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 Samsung Galaxy S26 Plus 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199087873,"sku":"GS_Cover_RgdFrostMag_SamS26Plus_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_4fffd429-5023-4a17-82e4-6c0c7be5c683.png?v=1772531592"},{"product_id":"samsung-galaxy-s26-plus-5g-6-7-inch-back-cover-rugged-frosted-magsnap-series-ivory","title":"Samsung Galaxy S26 Plus 5G (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Silver 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 Samsung Galaxy S26 Plus 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199120641,"sku":"GS_Cover_RgdFrostMag_SamS26Plus_Cream","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Cream1_5fa30da1-54a0-4730-b7ea-4c3c8a42ebc7.png?v=1772531950"},{"product_id":"samsung-galaxy-s26-plus-5g-6-7-inch-back-cover-rugged-frosted-magsnap-series-pink","title":"Samsung Galaxy S26 Plus 5G (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Pink","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 Samsung Galaxy S26 Plus 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199251713,"sku":"GS_Cover_RgdFrostMag_SamS26Plus_Pink","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/pink1_1ee37325-a8a6-48da-9509-3e5edcfdcf21.png?v=1772532099"},{"product_id":"samsung-galaxy-s26-ultra-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Samsung Galaxy S26 Ultra 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Cobalt Black","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 Samsung Galaxy S26 Ultra 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199317249,"sku":"GS_Cover_RgdFrostMag_SamS26Ultra_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_b29eba14-2c75-4f22-a0de-c61af4ad3853.png?v=1772780194"},{"product_id":"samsung-galaxy-s26-ultra-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-ivory","title":"Samsung Galaxy S26 Ultra 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Silver 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 Samsung Galaxy S26 Ultra 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199382785,"sku":"GS_Cover_RgdFrostMag_SamS26Ultra_Cream","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Cream1_e71b4bc7-cc0e-4ff3-9386-1d12e172ef52.png?v=1772780329"},{"product_id":"samsung-galaxy-s26-ultra-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-pink","title":"Samsung Galaxy S26 Ultra 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Pink","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 Samsung Galaxy S26 Ultra 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48113199415553,"sku":"GS_Cover_RgdFrostMag_SamS26Ultra_Pink","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/pink1_b3bfe462-ac59-4d50-a7bf-996a38f3fe13.png?v=1772780411"},{"product_id":"xiaomi-17-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Xiaomi 17 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Xiaomi 17 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48281876070657,"sku":"GS_Cover_RgdFrostMag_Xiaomi17_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_7620c0de-4ea2-4bdf-b5c3-b59bc7b1d53b.png?v=1775132627"},{"product_id":"xiaomi-17-ultra-5g-6-9-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Xiaomi 17 Ultra 5G (6.9 inch) Back Cover | Rugged Frosted MagSnap Series, Black","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 Xiaomi 17 Ultra 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48281876201729,"sku":"GS_Cover_RgdFrostMag_Xiaomi17Ultra_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_654253ee-6f7a-4f64-8eac-01cf85e2e046.png?v=1775281930"},{"product_id":"google-pixel-10a-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-obsidian-black","title":"Google Pixel 10a 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Obsidian Black","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 Google Pixel 10a 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48281876332801,"sku":"GS_Cover_RgdFrostMag_Pixel10A_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_7e5d6b81-6c1c-4b3c-9bbd-11589386d947.png?v=1775452559"},{"product_id":"samsung-galaxy-a37-5g-6-7-inch-back-cover-rugged-frosted-magsnap-series-charcoal-black","title":"Samsung Galaxy A37 5G (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Charcoal Black","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 Samsung Galaxy A37 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48281876431105,"sku":"GS_Cover_RgdFrostMag_SamA37-5G_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_2f790ca4-0485-4be5-ab13-9333edd6ff41.png?v=1774851431"},{"product_id":"samsung-galaxy-a57-5g-6-72-inch-back-cover-rugged-frosted-magsnap-series-awesome-black","title":"Samsung Galaxy A57 5G (6.72 inch) Back Cover | Rugged Frosted MagSnap Series, Awesome Black","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 Samsung Galaxy A57 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48281876955393,"sku":"GS_Cover_RgdFrostMag_SamA57-5G_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_0b90b6c8-e71d-451d-8b30-cbb20f7c24ab.png?v=1775130676"},{"product_id":"vivo-v70-5g-vivo-v70-elite-5g-6-59-inch-back-cover-rugged-frosted-magsnap-series-passion-black","title":"Vivo V70 5G, Vivo V70 Elite 5G (6.59 inch) Back Cover | Rugged Frosted MagSnap Series, Passion Black","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 Vivo V70 5G, Vivo V70 Elite 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48281876988161,"sku":"GS_Cover_RgdFrostMag_VivoV70_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_33dacd4e-78ce-4f67-a1e1-f7b2a782a226.png?v=1775309946"},{"product_id":"oppo-find-x9s-5g-6-59-inch-back-cover-rugged-frosted-magsnap-series-midnight-black","title":"Oppo Find X9s 5G (6.59 inch) Back Cover | Rugged Frosted MagSnap Series, Midnight Black","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 Oppo Find X9s 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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":48858915569921,"sku":"GS_Cover_RgdFrostMag_FindX9_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Black1_88af656f-1b03-45ba-8fd3-2ce3f7403612.png?v=1779691741"},{"product_id":"oppo-find-x9-ultra-5g-6-82-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Oppo Find X9 Ultra 5G (6.82 inch) Back Cover | Rugged Frosted MagSnap Series, Tundra Black","description":"\u003c!-- =========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\n ========================================================= --\u003e\n\n\n\u003c!-- =========================================================\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\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 IMAGE SECTION — DESKTOP\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 IMAGE SECTION — MOBILE\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 \u003c!-- =======================================================\n DESKTOP VERSION\n 750px AND ABOVE\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 \u003cdiv class=\"row tt-layout-promo-box\"\u003e\n\n \u003cdiv class=\"col-md-12\"\u003e\n\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\/x9_ultra_1.png?v=1786876286\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n \u003c\/a\u003e\n\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\/x9_ultra_6.png?v=1786876286\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n\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\/x9_ultra_4.png?v=1786876285\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n\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\/x9_ultra_5.png?v=1786876285\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n\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\/x9_ultra_2.png?v=1786876286\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n\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\/x9_ultra_3.png?v=1786876285\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\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 5 SWIPEABLE SECTIONS\n ======================================================= --\u003e\n\n \u003cdiv class=\"gs-mobile-content\"\u003e\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\/Findx9ultra.png?v=1787136112\" alt=\"Golden Sand Rugged Frosted Series\" loading=\"eager\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =====================================================\n MOBILE SWIPE SECTION 1\n 2 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 \u003c!-- M1-A --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-21.png?v=1787136110\" alt=\"Rugged Frosted Series - Section 1\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- M1-B --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-22.png?v=1787136112\" alt=\"Rugged Frosted Series - Section 1\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\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 \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n ›\n \u003c\/button\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 2 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 \u003c!-- M2-A --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-31.png?v=1787136111\" alt=\"Rugged Frosted Series - Section 2\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- M2-B --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-32.png?v=1787136112\" alt=\"Rugged Frosted Series - Section 2\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\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 \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n ›\n \u003c\/button\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 2 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 \u003c!-- M3-A --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-41.png?v=1787136111\" alt=\"Rugged Frosted Series - Section 3\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- M3-B --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-42.png?v=1787136111\" alt=\"Rugged Frosted Series - Section 3\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\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 \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n ›\n \u003c\/button\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 4\n 2 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 \u003c!-- M4-A --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-51.png?v=1787136111\" alt=\"Rugged Frosted Series - Section 4\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- M4-B --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-52.png?v=1787136112\" alt=\"Rugged Frosted Series - Section 4\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\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 \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n ›\n \u003c\/button\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 5\n 3 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 \u003c!-- M5-A --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-61.png?v=1787136112\" alt=\"Rugged Frosted Series - Section 5\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- M5-B --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-62.png?v=1787136111\" alt=\"Rugged Frosted Series - Section 5\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- M5-C --\u003e\n \u003cdiv class=\"gs-mobile-swipe-slide\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/Findx9ultra-63.png?v=1787136111\" alt=\"Rugged Frosted Series - Section 5\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\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 \u003cbutton class=\"gs-mobile-swipe-arrow gs-mobile-swipe-next\" type=\"button\" aria-label=\"Next image\"\u003e\n ›\n \u003c\/button\u003e\n\n \u003cdiv class=\"gs-mobile-swipe-dots\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =========================================================\n IMAGE SECTION — MOBILE CAROUSEL JAVASCRIPT\n ========================================================= --\u003e\n\n\u003cscript\u003e\n(function () {\n\n function initGoldenSandMobileCarousels() {\n\n var carousels = document.querySelectorAll(\n '[data-gs-mobile-carousel]'\n );\n\n carousels.forEach(function (carousel) {\n\n \/* Prevent duplicate initialization *\/\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 \/* ELEMENTS *\/\n var track = carousel.querySelector(\n '.gs-mobile-swipe-track'\n );\n\n var slides = carousel.querySelectorAll(\n '.gs-mobile-swipe-slide'\n );\n\n var previousButton = carousel.querySelector(\n '.gs-mobile-swipe-prev'\n );\n\n var nextButton = carousel.querySelector(\n '.gs-mobile-swipe-next'\n );\n\n var dotsContainer = carousel.querySelector(\n '.gs-mobile-swipe-dots'\n );\n\n \/* VARIABLES *\/\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\n \/* CREATE DOTS *\/\n slides.forEach(function (slide, index) {\n\n var dot = document.createElement('button');\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 ' + (index + 1)\n );\n\n if (index === 0) {\n dot.classList.add('active');\n }\n\n dot.addEventListener(\n 'click',\n function () {\n currentIndex = index;\n updateCarousel();\n }\n );\n\n dotsContainer.appendChild(dot);\n\n });\n\n\n var dots = dotsContainer.querySelectorAll(\n '.gs-mobile-swipe-dot'\n );\n\n\n \/* UPDATE SLIDER *\/\n function updateCarousel() {\n\n track.style.transform =\n 'translate3d(-' +\n (currentIndex * 100) +\n '%, 0, 0)';\n\n dots.forEach(\n function (dot, index) {\n\n if (index === currentIndex) {\n dot.classList.add('active');\n } else {\n dot.classList.remove('active');\n }\n\n }\n );\n\n }\n\n\n \/* NEXT IMAGE *\/\n function nextImage() {\n\n currentIndex++;\n\n if (\n currentIndex \u003e=\n slides.length\n ) {\n currentIndex = 0;\n }\n\n updateCarousel();\n\n }\n\n\n \/* PREVIOUS IMAGE *\/\n function previousImage() {\n\n currentIndex--;\n\n if (currentIndex \u003c 0) {\n currentIndex =\n slides.length - 1;\n }\n\n updateCarousel();\n\n }\n\n\n \/* ARROWS *\/\n if (nextButton) {\n nextButton.addEventListener(\n 'click',\n nextImage\n );\n }\n\n if (previousButton) {\n previousButton.addEventListener(\n 'click',\n previousImage\n );\n }\n\n\n \/* TOUCH START *\/\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 \/* TOUCH MOVE *\/\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 \/* TOUCH END *\/\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 var differenceX =\n startX - endX;\n\n var differenceY =\n startY - endY;\n\n \/*\n Horizontal swipe only.\n 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 (differenceX \u003e 0) {\n nextImage();\n } else {\n previousImage();\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 \/* INITIAL POSITION *\/\n updateCarousel();\n\n });\n\n }\n\n\n \/* INITIALIZE AFTER PAGE LOAD *\/\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\n\n\n\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 Oppo Find X9 Ultra 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\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\n\n \n\n\n \n","brand":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":49223169900801,"sku":"GS_Cover_RgdFrostMag_FindX9Ultra_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_9b7882a2-d3cd-4d20-996b-8f893896eef5.png?v=1782284455"},{"product_id":"vivo-x300-ultra-5g-6-82-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Vivo X300 Ultra 5G (6.82 inch) Back Cover | Rugged Frosted MagSnap Series, Noir Black","description":"\u003c!--\n=========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\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========================================================= --\u003e\n \n\u003cstyle\u003e\n\/* =========================================================\n IMAGE SECTION — 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 IMAGE SECTION — DESKTOP\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 IMAGE SECTION — MOBILE\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 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 \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 \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 \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 \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 \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 ======================================================= --\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 \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\/VivoX300Ultra-1.png?v=1786961324\" alt=\"Rugged frosted series\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n \u003c\/a\u003e\n \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\/VivoX300Ultra-2.png?v=1786961324\" alt=\"reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/VivoX300Ultra-3.png?v=1786961324\" alt=\"premium velvet feel\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/VivoX300Ultra-4.png?v=1786961324\" alt=\"Camera-screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/VivoX300Ultra-5.png?v=1786961324\" alt=\"drop tested\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/VivoX300Ultra-6.png?v=1786961324\" alt=\"perfact fitting\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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 ======================================================= --\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_aace7952-bf20-4d23-ac00-139ac450e300.png?v=1789647229\" 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\/Findx9ultra-21_c2d4644e-4384-4d39-82fb-c627c59bc06c.png?v=1789644887\" 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\/Findx9ultra-22_c4e3500d-4a6d-4842-ae4e-2b8742e4e193.png?v=1789644889\" 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\/M4-2_de5e607d-64f9-4dee-887d-d211be550014.png?v=1789647228\" 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\/Findx9ultra-32_f1eb96eb-dbb3-402b-ab4e-3e591dc550ec.png?v=1789644889\" 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\/M5_f5de1aa5-957e-4887-ad98-6084ed333114.png?v=1789647228\" 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\/M5-2_d1acb763-aad9-4185-9c03-7cf4303cdd5f.png?v=1789647228\" 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\/Findx9ultra-51_9362422b-876c-41aa-88f8-0fef3e85a8ca.png?v=1789644888\" 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\/Findx9ultra-52_370c0174-c659-4376-bc7f-2917249b7c47.png?v=1789644888\" 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\/m7_0739f898-ac53-47d4-8914-d926465af86a.png?v=1789647228\" 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\/Findx9ultra-62_350094be-4275-407b-9704-5d27374c01e2.png?v=1789644888\" 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\/Findx9ultra-63_29d3afb2-5961-47e5-a977-81cc0affe05a.png?v=1789644887\" 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\/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 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 if (index === 0) {\n dot.classList.add('active');\n }\n dot.addEventListener('click', function () {\n currentIndex = index;\n updateCarousel();\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 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 SECTION (WHAT YOU GET)\n ======================================================= --\u003e\n\u003cdiv class=\"gs-product-info\"\u003e\n \u003cdiv class=\"gs-package-card\"\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\"\u003eWhat You Get\u003c\/div\u003e \n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-items\"\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\u003eFor Vivo X300 Ultra\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003e6 Month Warranty for Manufacturing Defects.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003eIncluded with your order\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-note\"\u003e\n \u003cdiv class=\"gs-note-icon\"\u003ei\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNote:\u003c\/strong\u003e 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!-- =========================================================\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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":49223170228481,"sku":"GS_Cover_RgdFrostMag_VivoX300Ultra_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_0f2ad813-7b6c-4a2e-a006-67f7a59afe53.png?v=1782284134"},{"product_id":"samsung-galaxy-m47-5g-6-7-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Samsung Galaxy M47 5G, Samsung Galaxy A27 5G (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Black","description":"\u003c!--\n=========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\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\/SamsungM47-1.png?v=1786960208\" 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\/SamsungM47-2.png?v=1786960209\" 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\/SamsungM47-3.png?v=1786960208\" 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\/SamsungM47-4.png?v=1786960208\" 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\/SamsungM47-5.png?v=1786960208\" 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\/SamsungM47-6.png?v=1786960208\" 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_5af10a2d-ca16-494c-b272-94f38802890f.png?v=1787821563\" 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\/M6.png?v=1787821561\" 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\/m8_397c952f-b23d-4389-bff7-9c96bfcf6da6.png?v=1787821562\" 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\/M4-2.png?v=1787821562\" 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\/M4.png?v=1787821563\" 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\/M5.png?v=1787821562\" 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\/M5-2.png?v=1787821562\" 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\/M2.png?v=1787821562\" 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\/M2-2.png?v=1787821563\" 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\/m7.png?v=1787821563\" 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\/M3.png?v=1787821562\" 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\/M3-2.png?v=1787821561\" 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\/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\n\n\n\n\n\n\n\n\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 Samsung Galaxy M47 5G, Samsung Galaxy A27 5G, Samsung Galaxy F70 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\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\n","brand":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":49226305405185,"sku":"GS_Cover_RgdFrostMag_SamA27-5G_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_5a456605-8143-425a-8507-cc2db9c4be56.png?v=1783068143"},{"product_id":"samsung-galaxy-f70-pro-5g-6-7-inch-back-cover-rugged-frosted-magsnap-series-alpha-black","title":"Samsung Galaxy F70 Pro 5G (6.7 inch) Back Cover | Rugged Frosted MagSnap Series, Alpha Black","description":"\u003cdiv style=\"text-align: center; margin: 0px;\" data-mce-style=\"text-align: center; margin: 0px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mobpaddding main-divv\"\u003e\n\u003cdiv class=\"row tt-layout-promo-box\"\u003e\n\u003cdiv style=\"font-size: 0;\" data-mce-style=\"font-size: 0;\"\u003e\n\u003cdiv class=\"col-md-12\"\u003e\n\u003ca class=\"tt-promo-box\" href=\"#\" data-mce-href=\"#\"\u003e \u003c\/a\u003e\n\u003cdiv class=\"col-md-12\"\u003e\n\u003ca class=\"tt-promo-box\" href=\"#\" data-mce-href=\"#\"\u003e \u003c\/a\u003e\u003ca class=\"tt-promo-box\" href=\"#\"\u003e \n\n\u003c\/a\u003e\u003ca\u003e\u003cimg alt=\"Golden Sand Rugged Frosted Series\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D1_e83f340b-49dc-437e-a6b4-12122d54b9bc.png?v=1787824689\" class=\"img-fluid\"\u003e \u003c\/a\u003e \n\n\u003ca\u003e\u003cimg alt=\"Golden Sand Rugged Frosted 1 img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D2.png?v=1787824689\" class=\"img-fluid\"\u003e\u003c\/a\u003e\n\n\u003ca\u003e\u003cimg alt=\"worry free total safety\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D3_e51b8334-c9a3-4ec2-ab63-aa184fb4c7d5.png?v=1787824689\" class=\"img-fluid\"\u003e \u003c\/a\u003e\n\u003cbr\u003e \u003cp\u003e\u003cbr\u003e \u003c\/p\u003e \u003cbr\u003e\n\u003ca\u003e\u003cimg alt=\"raised eadges\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D4_ba018226-7df5-42d8-b52f-19456306894a.png?v=1787824689\" class=\"img-fluid\"\u003e \u003c\/a\u003e\n\n\u003ca\u003e\u003cimg alt=\"premium build\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D5.png?v=1787824690\" class=\"img-fluid\"\u003e \u003c\/a\u003e\n\n\u003ca\u003e \u003cimg alt=\"protection you can trust\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/D6_b80f1479-d33c-4ff1-84da-f8213c681317.png?v=1787824689\" class=\"img-fluid\"\u003e\u003c\/a\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 20px;\n }\n .product-title {\n font-size: 10px;\n font-weight: bold;\n margin-bottom: 10px;\n color: #000000;\n }\n .product-description ul {\n list-style-type: disc;\n padding-left: 20px;\n color: #000000;\n }\n .product-description ul li {\n margin-bottom: 10px;\n color: #000000;\n }\n .note {\n font-style: italic;\n color: #555;\n }\n \u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003ch3\u003eGolden Sand Rugged Frosted Semi-Transparent Series Back Cover For Samsung Galaxy F70 Pro 5G (6.7 inch).\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDrop Tested Protection\u003c\/strong\u003e: Engineered with advanced drop-tested technology to safeguard your device from impacts, featuring impact and shock-resistant corners for enhanced durability.\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003e Seamless, Matte Finish\u003c\/strong\u003e: Crafted with molded polycarbonate (PC) in a stylish matte texture and durable, shockproof TPU for superior grip and protection.\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003ePremium Eco-Friendly Materials\u003c\/strong\u003e: Made from high-quality, eco-friendly materials.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrecise Fit\u003c\/strong\u003e: Designed with proper holes and cut-outs for sensors, ensuring seamless compatibility.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnhanced Protection\u003c\/strong\u003e: 1.0 mm Raised lips safeguard the screen and camera bump from scratches and impacts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eErgonomic \"Comfortable to Hold\" Design\u003c\/strong\u003e: Offers a sleek, premium feel while being easy and comfortable to hold for long periods.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUser-Friendly Features\u003c\/strong\u003e:\n\u003cul\u003e\n\u003cli\u003eAnti-fingerprint, anti-scratch, easy maintenance.\u003c\/li\u003e\n\u003cli\u003eHeat dissipation design prevents overheating.\u003c\/li\u003e\n\u003cli\u003eTactile buttons offer a natural response and effortless press.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTrusted Quality\u003c\/strong\u003e: Manufactured by Golden Sand, known for its premium feel and quality that stands out from other products.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePackage Includes\u003c\/strong\u003e:\n\u003cul\u003e\n\n\n\u003cli\u003e1 Golden Sand Rugged Frosted Semi-Transparent Series Case.\u003c\/li\u003e\n\u003cli\u003e6-month hassle-free warranty for incorrect product, misfit, or workmanship defects (excludes intentional damage or used products).\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003eNote: Images are for illustrative purposes only. Actual product and color may vary slightly.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":50087837401345,"sku":"GS_Cover_RgdFrostMag_SamA27-5G_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_a29cd578-3628-4df0-9ac5-b91925b26d59.png?v=1785913138"},{"product_id":"xiaomi-17t-5g-6-59-inch-back-cover-rugged-frosted-magsnap-series-black","title":"Xiaomi 17T 5G (6.59 inch) Back Cover | Rugged Frosted MagSnap Series, Black","description":"\u003c!--\n=========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\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========================================================= --\u003e\n \n\u003cstyle\u003e\n\/* =========================================================\n IMAGE SECTION — 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 IMAGE SECTION — DESKTOP\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 IMAGE SECTION — MOBILE\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 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 \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 \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 \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 \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 \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 ======================================================= --\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 \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\/Xiaomi17T-1.jpg?v=1786961687\" alt=\"Rugged frosted series\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-2.png?v=1786961688\" alt=\"reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-3.png?v=1786961688\" alt=\"premium velvet feel\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-4.png?v=1786961687\" alt=\"Camera-screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-5.png?v=1786961688\" alt=\"drop tested\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-6.png?v=1786961687\" alt=\"perfact fitting\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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 ======================================================= --\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.jpg?v=1789647612\" 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\/Findx9ultra-21_c2d4644e-4384-4d39-82fb-c627c59bc06c.png?v=1789644887\" 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\/Findx9ultra-22_c4e3500d-4a6d-4842-ae4e-2b8742e4e193.png?v=1789644889\" 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\/M4-2_fe5f84ec-9374-4189-8c43-b422a5752f11.png?v=1789647612\" 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\/Findx9ultra-32_f1eb96eb-dbb3-402b-ab4e-3e591dc550ec.png?v=1789644889\" 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\/M5_ba58aa2b-36f8-4bd3-886a-14de5fb60d5c.png?v=1789647612\" 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\/M5-2_6227375f-bc02-4832-8685-6a37cd54cb94.png?v=1789647612\" 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\/Findx9ultra-51_9362422b-876c-41aa-88f8-0fef3e85a8ca.png?v=1789644888\" 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\/Findx9ultra-52_370c0174-c659-4376-bc7f-2917249b7c47.png?v=1789644888\" 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\/m7_0bca2a0f-3f1e-49bd-b7ae-4d0a5f7ae373.png?v=1789647613\" 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\/Findx9ultra-62_350094be-4275-407b-9704-5d27374c01e2.png?v=1789644888\" 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\/Findx9ultra-63_29d3afb2-5961-47e5-a977-81cc0affe05a.png?v=1789644887\" 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\/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 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 if (index === 0) {\n dot.classList.add('active');\n }\n dot.addEventListener('click', function () {\n currentIndex = index;\n updateCarousel();\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 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 SECTION (WHAT YOU GET)\n ======================================================= --\u003e\n\u003cdiv class=\"gs-product-info\"\u003e\n \u003cdiv class=\"gs-package-card\"\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\"\u003eWhat You Get\u003c\/div\u003e \n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-items\"\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\u003eFor Xiaomi 17T\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003e6 Month Warranty for Manufacturing Defects.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003eIncluded with your order\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-note\"\u003e\n \u003cdiv class=\"gs-note-icon\"\u003ei\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNote:\u003c\/strong\u003e 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!-- =========================================================\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":"Skin-Smooth Feel|Translucent Matte Sheen","offers":[{"title":"Default Title","offer_id":50087837434113,"sku":"GS_Cover_RgdFrostMag_Xiaomi17T_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_73f3cb06-8623-4654-9d7c-024367e309fa.png?v=1785826754"},{"product_id":"google-pixel-11-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-obsidian-black","title":"Google Pixel 11 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Obsidian Black","description":"\u003c!--\n=========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\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 \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 \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 \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 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 \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 \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 \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 \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 \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 ======================================================= --\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 \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\/Pixel11-1.png?v=1786962306\" alt=\"Rugged frosted series\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11-2.png?v=1786962306\" alt=\"reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11-3.png?v=1786962306\" alt=\"premium velvet feel\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11-4.png?v=1786962306\" alt=\"Camera-screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-5.png?v=1786961688\" alt=\"drop tested\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-6.png?v=1786961687\" alt=\"perfact fitting\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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 ======================================================= --\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\/Pixel11_mobile_baner.png?v=1789644888\" 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\/Findx9ultra-21_c2d4644e-4384-4d39-82fb-c627c59bc06c.png?v=1789644887\" 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\/Findx9ultra-22_c4e3500d-4a6d-4842-ae4e-2b8742e4e193.png?v=1789644889\" 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\/Pixel11-31.png?v=1789644888\" 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\/Findx9ultra-32_f1eb96eb-dbb3-402b-ab4e-3e591dc550ec.png?v=1789644889\" 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\/pixel11-_41.png?v=1789644888\" 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\/pixel11-_42.png?v=1789644888\" 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\/Findx9ultra-51_9362422b-876c-41aa-88f8-0fef3e85a8ca.png?v=1789644888\" 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\/Findx9ultra-52_370c0174-c659-4376-bc7f-2917249b7c47.png?v=1789644888\" 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\/pixel11-61.png?v=1789644889\" 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\/Findx9ultra-62_350094be-4275-407b-9704-5d27374c01e2.png?v=1789644888\" 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\/Findx9ultra-63_29d3afb2-5961-47e5-a977-81cc0affe05a.png?v=1789644887\" 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\/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 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 if (index === 0) {\n dot.classList.add('active');\n }\n dot.addEventListener('click', function () {\n currentIndex = index;\n updateCarousel();\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 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 SECTION (WHAT YOU GET)\n ======================================================= --\u003e\n\u003cdiv class=\"gs-product-info\"\u003e\n \u003cdiv class=\"gs-package-card\"\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\"\u003eWhat You Get\u003c\/div\u003e \n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-items\"\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\u003eFor Google Pixel 11\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003e6 Month Warranty for Manufacturing Defects.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003eIncluded with your order\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-note\"\u003e\n \u003cdiv class=\"gs-note-icon\"\u003ei\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNote:\u003c\/strong\u003e 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!-- =========================================================\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 \n","brand":"Golden Sand","offers":[{"title":"Default Title","offer_id":50298230538497,"sku":"GS_Cover_RgdFrostMag_Pixel11_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_7bd30c97-4937-48f0-b995-fc72d98c3093.jpg?v=1789712710"},{"product_id":"google-pixel-11-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-olive-ivory","title":"Google Pixel 11 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Olive Ivory","description":"\u003c!--\n=========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\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 \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 \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 \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 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 \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 \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 \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 \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 \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 ======================================================= --\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 \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\/Pixel11-1.png?v=1786962306\" alt=\"Rugged frosted series\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11-2.png?v=1786962306\" alt=\"reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11-3.png?v=1786962306\" alt=\"premium velvet feel\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11-4.png?v=1786962306\" alt=\"Camera-screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-5.png?v=1786961688\" alt=\"drop tested\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-6.png?v=1786961687\" alt=\"perfact fitting\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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 ======================================================= --\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\/Pixel11_mobile_baner.png?v=1789644888\" 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\/Findx9ultra-21_c2d4644e-4384-4d39-82fb-c627c59bc06c.png?v=1789644887\" 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\/Findx9ultra-22_c4e3500d-4a6d-4842-ae4e-2b8742e4e193.png?v=1789644889\" 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\/Pixel11-31.png?v=1789644888\" 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\/Findx9ultra-32_f1eb96eb-dbb3-402b-ab4e-3e591dc550ec.png?v=1789644889\" 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\/pixel11-_41.png?v=1789644888\" 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\/pixel11-_42.png?v=1789644888\" 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\/Findx9ultra-51_9362422b-876c-41aa-88f8-0fef3e85a8ca.png?v=1789644888\" 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\/Findx9ultra-52_370c0174-c659-4376-bc7f-2917249b7c47.png?v=1789644888\" 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\/pixel11-61.png?v=1789644889\" 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\/Findx9ultra-62_350094be-4275-407b-9704-5d27374c01e2.png?v=1789644888\" 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\/Findx9ultra-63_29d3afb2-5961-47e5-a977-81cc0affe05a.png?v=1789644887\" 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\/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 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 if (index === 0) {\n dot.classList.add('active');\n }\n dot.addEventListener('click', function () {\n currentIndex = index;\n updateCarousel();\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 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 SECTION (WHAT YOU GET)\n ======================================================= --\u003e\n\u003cdiv class=\"gs-product-info\"\u003e\n \u003cdiv class=\"gs-package-card\"\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\"\u003eWhat You Get\u003c\/div\u003e \n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-items\"\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\u003eFor Google Pixel 11\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003e6 Month Warranty for Manufacturing Defects.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003eIncluded with your order\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-note\"\u003e\n \u003cdiv class=\"gs-note-icon\"\u003ei\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNote:\u003c\/strong\u003e 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!-- =========================================================\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 \n","brand":"Golden Sand","offers":[{"title":"Default Title","offer_id":50298230571265,"sku":"GS_Cover_RgdFrostMag_Pixel11_Cream","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/cream1_69f949c3-77a9-442d-a8b8-8b7571ca7f4b.jpg?v=1789712671"},{"product_id":"google-pixel-11-pro-5g-6-3-inch-back-cover-rugged-frosted-magsnap-series-obsidian-black","title":"Google Pixel 11 Pro 5G (6.3 inch) Back Cover | Rugged Frosted MagSnap Series, Obsidian Black","description":"\u003c!--\n=========================================================\n RUGGED FROSTED SERIES\n COMPLETE PRODUCT DESCRIPTION\n \n SECTION ORDER:\n 1. PRODUCT IMAGE DESCRIPTION\n 2. HEADING + SUBHEADING\n 3. FROSTED HIGHLIGHTS\n 4. FAQ\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 \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 \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 \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 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 \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 \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 \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 \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 \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 ======================================================= --\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 \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\/Pixel11Pro-1.png?v=1786962586\" alt=\"Rugged frosted series\" class=\"img-fluid gs-desktop-image\" loading=\"eager\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11Pro-2.png?v=1786962586\" alt=\"reviews\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11Pro-3.png?v=1786962586\" alt=\"premium velvet feel\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Pixel11Pro-4.png?v=1786962586\" alt=\"Camera-screen protection\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-5.png?v=1786961688\" alt=\"drop tested\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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\/Xiaomi17T-6.png?v=1786961687\" alt=\"perfact fitting\" class=\"img-fluid gs-desktop-image\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n \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 ======================================================= --\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_9e818cce-4783-4880-bd43-545736062edb.png?v=1789645883\" 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\/Findx9ultra-21_c2d4644e-4384-4d39-82fb-c627c59bc06c.png?v=1789644887\" 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\/Findx9ultra-22_c4e3500d-4a6d-4842-ae4e-2b8742e4e193.png?v=1789644889\" 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\/M4-2_bc80f09c-c56f-4b54-94c8-42ab927af2fb.png?v=1789645882\" 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\/Findx9ultra-32_f1eb96eb-dbb3-402b-ab4e-3e591dc550ec.png?v=1789644889\" 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\/M5_a65aeceb-0103-4d9e-b31b-7940ddde2dfa.png?v=1789645882\" 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\/M5-2_449da22c-091d-4055-9a78-aa07fbbc786b.png?v=1789645882\" 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\/Findx9ultra-51_9362422b-876c-41aa-88f8-0fef3e85a8ca.png?v=1789644888\" 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\/Findx9ultra-52_370c0174-c659-4376-bc7f-2917249b7c47.png?v=1789644888\" 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\/m7_1166cfb2-88e3-495f-963c-35e7d1b6c6dc.png?v=1789645883\" 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\/Findx9ultra-62_350094be-4275-407b-9704-5d27374c01e2.png?v=1789644888\" 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\/Findx9ultra-63_29d3afb2-5961-47e5-a977-81cc0affe05a.png?v=1789644887\" 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\/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 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 if (index === 0) {\n dot.classList.add('active');\n }\n dot.addEventListener('click', function () {\n currentIndex = index;\n updateCarousel();\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 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 SECTION (WHAT YOU GET)\n ======================================================= --\u003e\n\u003cdiv class=\"gs-product-info\"\u003e\n \u003cdiv class=\"gs-package-card\"\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\"\u003eWhat You Get\u003c\/div\u003e \n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-items\"\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\u003eFor Google Pixel 11 Pro\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003e6 Month Warranty for Manufacturing Defects.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\u003eIncluded with your order\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gs-package-note\"\u003e\n \u003cdiv class=\"gs-note-icon\"\u003ei\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNote:\u003c\/strong\u003e 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!-- =========================================================\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":50298230604033,"sku":"GS_Cover_RgdFrostMag_Pixel11_Black","price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0261\/5784\/2517\/files\/black1_f4a32639-cf1d-4d88-8e49-5de7bfb38270.jpg?v=1789712954"}],"url":"https:\/\/goldensandindia.com\/collections\/rugged-frosted-magsnap-series.oembed?page=7","provider":"Golden Sand","version":"1.0","type":"link"}