{"product_id":"premium-lightweight-puffer-jacket","title":"Premium Lightweight Puffer Jacket","description":"\u003cp\u003e\u003cspan\u003eSuper lightweight yet warm puffer jacket. Water-resistant fabric with soft inner padding. Modern minimal design with small flag logo. Ideal for winter layering.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.sc-wrap{margin:16px 0;text-align:left}\n.sc-btn{\n  --t1:#111;--t2:#9b9b9b;\n  position:relative;overflow:hidden;\n  display:inline-flex;align-items:center;gap:10px;\n  padding:12px 24px;background:transparent;\n  border:1px solid #111;border-radius:0;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;\n  transition:background .25s ease;\n}\n.sc-btn svg{color:#111;animation:scWiggle 2.4s ease-in-out infinite;transform-origin:center;transition:color .25s ease}\n.sc-btn span{\n  background:linear-gradient(90deg,var(--t1) 0%,var(--t1) 38%,var(--t2) 50%,var(--t1) 62%,var(--t1) 100%);\n  background-size:250% 100%;\n  -webkit-background-clip:text;background-clip:text;\n  -webkit-text-fill-color:transparent;color:transparent;\n  animation:scShimmer 2.6s linear infinite;\n}\n.sc-btn:hover{background:#111}\n.sc-btn:hover{--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\n\n@keyframes scShimmer{0%{background-position:150% 0}100%{background-position:-50% 0}}\n@keyframes scWiggle{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-12deg)}80%{transform:rotate(10deg)}90%{transform:rotate(-5deg)}}\n\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;\n  display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);\n  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\n  opacity:0;visibility:hidden;pointer-events:none;\n}\n.sc-modal.sc-ready{transition:opacity .3s ease,visibility .3s ease}\n.sc-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}\n\n.sc-box{\n  width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:14px;overflow:hidden;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);\n  transform:translateY(20px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .35s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n.sc-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #eee}\n.sc-head h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-close{\n  width:36px;height:36px;border:0;border-radius:50%;background:#f4f4f4;color:#111;\n  font-size:22px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n.sc-body{padding:20px 22px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}\n.sc-body img{display:block;width:100%;height:auto;border-radius:6px}\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n@media (max-width:480px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-head{padding:14px 16px}\n  .sc-body{padding:16px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n}\n\u003c\/style\u003e\n\n\u003c!-- Size Chart Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\n  \u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\" aria-haspopup=\"dialog\"\u003e\n    \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\u003e\n      \u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\n      \u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n    \u003cspan\u003eSize Guide\u003c\/span\u003e\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- Size Chart Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\" aria-hidden=\"true\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close size guide\"\u003e×\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003cimg src=\"https:\/\/casualcollection.com.pk\/cdn\/shop\/files\/size_chart-ek-chese-daykho-mujh-say-kuch-cheeso-may-mistake-h_1800x1800.jpg?v=1791763118\" alt=\"Size Chart\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var modal = document.getElementById('sizeChartModal');\n  var openBtn = document.getElementById('openSizeChart');\n  var closeBtn = document.getElementById('closeSizeChart');\n  if(!modal || !openBtn || !closeBtn) return;\n\n  \/\/ modal ko body mein move karo (theme ke transform\/sticky parents se bachne ke liye)\n  document.body.appendChild(modal);\n\n  \/\/ load ke baad hi transitions enable karo (no flash)\n  requestAnimationFrame(function(){\n    requestAnimationFrame(function(){ modal.classList.add('sc-ready'); });\n  });\n\n  function openModal(){\n    modal.classList.add('is-open');\n    modal.setAttribute('aria-hidden','false');\n    document.body.style.overflow = 'hidden';\n    closeBtn.focus();\n  }\n  function closeModal(){\n    modal.classList.remove('is-open');\n    modal.setAttribute('aria-hidden','true');\n    document.body.style.overflow = '';\n    openBtn.focus();\n  }\n\n  openBtn.addEventListener('click', openModal);\n  closeBtn.addEventListener('click', closeModal);\n  modal.addEventListener('click', function(e){ if(e.target === modal) closeModal(); });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' \u0026\u0026 modal.classList.contains('is-open')) closeModal();\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Navy \/ S","offer_id":67674764935328,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67674764968096,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67674765000864,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67674765033632,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67674765066400,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67674765099168,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67674765131936,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67674765164704,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67674765197472,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67674765230240,"sku":null,"price":23500.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Replace_shirt_on_model_2K_20261012044547.jpg?v=1791762695","url":"https:\/\/casualcollection.com.pk\/products\/premium-lightweight-puffer-jacket","provider":"Casual Collection","version":"1.0","type":"link"}