{"product_id":"30-days-pack","title":"30 Days Pack","description":"\u003c!-- ================================================== --\u003e\n\u003c!--  PACK SELECTOR CAROUSEL — Desktop + Mobile Fixed   --\u003e\n\u003c!--  Paste into Shopify product description HTML editor --\u003e\n\u003c!-- ================================================== --\u003e\n\n\u003cstyle\u003e\n.pc-wrap{font-family:sans-serif;padding:8px 0;position:relative;box-sizing:border-box;}\n.pc-outer{overflow:hidden;margin:0 34px;}\n.pc-track{display:flex;gap:10px;transition:transform 0.3s ease;}\n.pc-card{flex:0 0 148px;border:1.5px solid #d0d0d0;border-radius:10px;padding:13px 10px 10px;cursor:pointer;background:#fff;text-align:center;text-decoration:none;display:block;box-sizing:border-box;}\n.pc-card.active{border:2px solid #d4006a;background:#fff2f7;}\n.pc-card:hover:not(.active){border-color:#aaa;}\n.pc-name{font-size:14px;font-weight:700;color:#111;margin-bottom:3px;}\n.pc-price{font-size:12px;color:#555;margin-bottom:9px;}\n.pc-badge{display:inline-block;background:#1565d8;color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:4px 14px;}\n.pc-card.active .pc-badge{background:#d4006a;}\n.pc-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1.5px solid #ccc;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:#333;padding:0;line-height:1;z-index:2;touch-action:manipulation;}\n.pc-btn:disabled{opacity:0.2;cursor:default;}\n.pc-prev{left:0;}\n.pc-next{right:0;}\n@media(max-width:480px){\n  .pc-card{flex:0 0 130px;}\n  .pc-name{font-size:13px;}\n  .pc-price{font-size:11px;}\n  .pc-badge{font-size:10.5px;padding:3px 12px;}\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pc-wrap\"\u003e\n  \u003cbutton class=\"pc-btn pc-prev\" id=\"pcPrev\" aria-label=\"Previous\"\u003e‹\u003c\/button\u003e\n  \u003cdiv class=\"pc-outer\" id=\"pcOuter\"\u003e\n    \u003cdiv class=\"pc-track\" id=\"pcTrack\"\u003e\n\n      \u003ca class=\"pc-card active\" href=\"https:\/\/xovaskin.in\/products\/15-days-pack\" onclick=\"return pcSel(this)\"\u003e\n        \u003cdiv class=\"pc-name\"\u003e15 days pack\u003c\/div\u003e\n        \u003cdiv class=\"pc-price\"\u003e₹ 52.4 \/ Tablet\u003c\/div\u003e\n        \u003cspan class=\"pc-badge\"\u003eSave 25%\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"pc-card\" href=\"https:\/\/xovaskin.in\/products\/30-days-pack\" onclick=\"return pcSel(this)\"\u003e\n        \u003cdiv class=\"pc-name\"\u003e30 days pack\u003c\/div\u003e\n        \u003cdiv class=\"pc-price\"\u003e₹ 41.95 \/ Tablet\u003c\/div\u003e\n        \u003cspan class=\"pc-badge\"\u003eSave 40%\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"pc-card\" href=\"https:\/\/xovaskin.in\/products\/45-days-pack\" onclick=\"return pcSel(this)\"\u003e\n        \u003cdiv class=\"pc-name\"\u003e45 days pack\u003c\/div\u003e\n        \u003cdiv class=\"pc-price\"\u003e₹ 39.85 \/ Tablet\u003c\/div\u003e\n        \u003cspan class=\"pc-badge\"\u003eSave 43%\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"pc-card\" href=\"https:\/\/xovaskin.in\/products\/60-days-pack\" onclick=\"return pcSel(this)\"\u003e\n        \u003cdiv class=\"pc-name\"\u003e60 days pack\u003c\/div\u003e\n        \u003cdiv class=\"pc-price\"\u003e₹ 37.50 \/ Tablet\u003c\/div\u003e\n        \u003cspan class=\"pc-badge\"\u003eSave 46%\u003c\/span\u003e\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton class=\"pc-btn pc-next\" id=\"pcNext\" aria-label=\"Next\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var offset=0;\n  var track=document.getElementById('pcTrack');\n  var outer=document.getElementById('pcOuter');\n  var prev=document.getElementById('pcPrev');\n  var next=document.getElementById('pcNext');\n  var cards=document.querySelectorAll('.pc-card');\n  var total=cards.length;\n\n  function getCardW(){return cards[0].getBoundingClientRect().width+10;}\n  function getVisible(){return Math.floor(outer.getBoundingClientRect().width\/getCardW());}\n  function getMax(){return Math.max(0,total-getVisible());}\n\n  function upd(){\n    var max=getMax();\n    if(offset\u003emax)offset=max;\n    track.style.transform='translateX(-'+(offset*getCardW())+'px)';\n    prev.disabled=offset===0;\n    next.disabled=offset\u003e=max;\n  }\n\n  prev.addEventListener('click',function(){if(offset\u003e0){offset--;upd();}});\n  next.addEventListener('click',function(){if(offset\u003cgetMax()){offset++;upd();}});\n\n  window.pcSel=function(el){\n    cards.forEach(function(c){c.classList.remove('active');});\n    el.classList.add('active');\n    return true;\n  };\n\n  var startX=0,tx=0,dragging=false;\n  track.addEventListener('touchstart',function(e){startX=e.touches[0].clientX;dragging=true;tx=0;},{passive:true});\n  track.addEventListener('touchmove',function(e){if(!dragging)return;tx=e.touches[0].clientX-startX;},{passive:true});\n  track.addEventListener('touchend',function(){\n    if(!dragging)return;dragging=false;\n    if(tx\u003c-40\u0026\u0026offset\u003cgetMax()){offset++;upd();}\n    else if(tx\u003e40\u0026\u0026offset\u003e0){offset--;upd();}\n  });\n\n  window.addEventListener('resize',function(){offset=Math.min(offset,getMax());upd();});\n  upd();\n})();\n\u003c\/script\u003e","brand":"Xova","offers":[{"title":"Default Title","offer_id":52254468178151,"sku":null,"price":1698.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0763\/9878\/8839\/files\/3.jpg_5.jpg?v=1781945345","url":"https:\/\/xovaskin.in\/products\/30-days-pack","provider":"Xova","version":"1.0","type":"link"}