{"title":"Jacket 2026","description":null,"products":[{"product_id":"lightweight-quilted-jacket","title":"Original Puffer Jacket","description":"LEFTIES Men's Lightweight Puffer Jacket combines style and warmth with its quilted design and modern silhouette. Featuring a high neckline and full-length sleeves for extra coverage, this jacket offers practical functionality through its front zip fastening and dual side zip pockets. The elastic cuffs and hem provide a snug, comfortable fit, while the straight cut delivers a flattering, versatile look perfect for casual everyday wear. Ideal for layering during cooler seasons, this lightweight puffer is an essential addition to any wardrobe.","brand":"Casual Collection","offers":[{"title":"Default Title","offer_id":58955923914912,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/3_3ab2caf2-f632-4d28-99cd-a051bb21a052.jpg?v=1790218886"},{"product_id":"leather-effect-bomber-jacket","title":"Original Leather Bomber Jacket","description":"\u003cp\u003eZARA leather bomber jacket crafted from genuine leather with authentic design elements.\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-in=\"23.5\"\u003e23.5\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003e2XL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"29\"\u003e29\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Dark brown \/ M","offer_id":68018492047520,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ L","offer_id":68018492080288,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XL","offer_id":68018492113056,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XXL","offer_id":68018492145824,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":68018492178592,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":68018492211360,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":68018492244128,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":68018492276896,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Swap_jacket_and_model_face_20261003082216.jpg?v=1790998328"},{"product_id":"ck-men-puffer-jacket-1","title":"Original Puffer Jacket","description":"\u003cp\u003eStay warm and stylish with this Original Calvin Klein Men's Puffer Jacket. Featuring a classic design with premium insulation\u003c\/p\u003e\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_Original_Puffer_Jacket_1800x1800.png?v=1791758568\" 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 \/ M","offer_id":67674694779040,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67674694877344,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67674694811808,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67674694844576,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67674694910112,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67674695008416,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67674694942880,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67674694975648,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ M","offer_id":67674695041184,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ L","offer_id":67674695139488,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XL","offer_id":67674695073952,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XXL","offer_id":67674695106720,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Replace_shirt_on_model_20261012040013.jpg?v=1791759635"},{"product_id":"original-bomber-jacket","title":"Original Bomber Jacket","description":"\u003cp\u003eLightweight and practical, this Tommy Hilfiger bomber jacket packable blouson is designed for versatile styling.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003ctd data-in=\"22.5\"\u003e22.5\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28.5\"\u003e28.5\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Navy \/ S","offer_id":67685552062624,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67685552095392,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67685552128160,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67685552160928,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67685552193696,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":false},{"title":"Black \/ M","offer_id":67685552226464,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67685552259232,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67685552292000,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Replace_shirt_and_change_pose_2K_20261012044809.jpg?v=1791919756"},{"product_id":"original-diamond-quilted-jacket","title":"Original Diamond Quilted Jacket","description":"\u003cp\u003eOriginal Diamond Quilted Jacket. Crafted from premium materials, this classic outerwear piece features iconic diamond quilting that combines warmth with sophistication. Perfect for layering during cooler months, the sleek design works effortlessly with casual and smart-casual wardrobes. A versatile essential that delivers comfort and enduring fashion appeal.\u003c\/p\u003e\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-medium-large-xl-xxl-length-27-275-275-28-chest-215_1800x1800.jpg?v=1791764050\" 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 \/ M","offer_id":67674801307808,"sku":null,"price":20175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67674801340576,"sku":null,"price":20175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67674801373344,"sku":null,"price":20175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67674801406112,"sku":null,"price":20175.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Modify_shirt_and_model_pose_2K_20261012051101.jpg?v=1791763884"},{"product_id":"original-polo-bomber-jacket","title":"Original  bomber jacket","description":"\u003cp\u003eElevate your streetwear with this premium bomber jacket the ultimate flex for those who refuse to blend in and demand nothing but the finest.\u003c\/p\u003e\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003ctd data-in=\"22.5\"\u003e22.5\u003c\/td\u003e\n\u003ctd data-in=\"23.5\"\u003e23.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-in=\"23.5\"\u003e23.5\u003c\/td\u003e\n\u003ctd data-in=\"24\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003e2XL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Brown \/ M","offer_id":67685647384736,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Brown \/ L","offer_id":67685647417504,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Brown \/ XL","offer_id":67685647450272,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Brown \/ XXL","offer_id":67685647483040,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":67685647515808,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67685647548576,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67685647581344,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":67685647614112,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67685647646880,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67685647679648,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67685647712416,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67685647745184,"sku":null,"price":14437.5,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Luxury_product_outdoor_model_shoot_2K_20261014005208.jpg?v=1791921225"},{"product_id":"quilted-bomber-jacket-wave-stitch-design","title":"Quilted Bomber Jacket Wave Stitch Design","description":"\u003cp\u003e\u003cspan\u003eElegant quilted bomber jacket with premium parachute fabric. Lightweight yet super warm, perfect for formal \u0026amp; casual winter wear. Minimalist design.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"olive \/ M","offer_id":67785836331168,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67785836363936,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67785836396704,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":67785836429472,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67785836462240,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67785836495008,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67785836527776,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67785836560544,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67785836593312,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67785836626080,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67785836658848,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67785836691616,"sku":null,"price":17212.5,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Untitled-1_b6fd5472-d9ab-443e-bb7a-d3f0a52b319c.jpg?v=1791659799"},{"product_id":"double-sided-suede-fur-hooded-jacket","title":"Double Sided Suede Fur Hooded Jacket","description":"\u003cp\u003e\u003cspan\u003eLuxury double-sided winter jacket. One side premium suede texture, other side super soft warm fur. Hooded design with heavy zip, perfect for extreme winter.\u003c\/span\u003e\u003c\/p\u003e\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-in=\"24\"\u003e24\u003c\/td\u003e\n\u003ctd data-in=\"22.5\"\u003e22.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-in=\"23\"\u003e23\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-in=\"24\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Gray \/ M","offer_id":67685923717280,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ L","offer_id":67685923750048,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XL","offer_id":67685923782816,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Untitled-1_e970e85b-e7e5-49ee-a99b-c31903d3825b.jpg?v=1791660315"},{"product_id":"classic-zr-suede-trucker-jacket","title":"Classic ZR Suede Trucker Jacket","description":"\u003cp\u003e\u003cspan\u003eTimeless suede trucker jacket with vintage design. Premium soft suede fabric, durable buttons \u0026amp; classic chest pockets. Perfect for smart casual \u0026amp; 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-sleevs-ka-matlub-hay-bazo-ke-length-na-ka-width_1800x1800.jpg?v=1791760989\" 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":"Dark brown \/ S","offer_id":67674731184288,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ M","offer_id":67674731217056,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ L","offer_id":67674731249824,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XL","offer_id":67674731282592,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67674731315360,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67674731348128,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67674731380896,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67674731413664,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_lighting_pose_face_20261010231855.jpg?v=1791760257"},{"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\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n         \u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003ctd data-in=\"22.5\"\u003e22.5\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003ctd data-in=\"24\"\u003e24\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28.5\"\u003e28.5\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003e2XL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"29\"\u003e29\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Navy \/ S","offer_id":67674764935328,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67674764968096,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67674765000864,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67674765033632,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67674765066400,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67674765099168,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67674765131936,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67674765164704,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67674765197472,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67674765230240,"sku":null,"price":17625.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"},{"product_id":"imported-original-leather-jacket","title":"Imported Original Leather Jacket","description":"\u003cp\u003e\u003cspan\u003eA premium imported jacket with a smart stand collar and smooth zipper finish. This is called \u003c\/span\u003e\u003cspan class=\"font-semibold\" data-streamdown=\"strong\"\u003eExecutive Biker Jacket\u003c\/span\u003e\u003cspan\u003e, made for men who like luxury, comfort and a premium classy look.\u003c\/span\u003e\u003c\/p\u003e\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-in=\"20.5\"\u003e20.5\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"21.5\"\u003e21.5\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-in=\"22\"\u003e22\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003e2XL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28.5\"\u003e28.5\u003c\/td\u003e\n\u003ctd data-in=\"23\"\u003e23\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Navy \/ M","offer_id":67686098043040,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67686098075808,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67686098108576,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67686098141344,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67686098174112,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67686098206880,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67686098239648,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67686098272416,"sku":null,"price":16425.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Men_wearing_leather_jacket_2K_20261014022809.jpg?v=1791926922"},{"product_id":"imported-premium-original-leather-jacket","title":"Imported Premium Original Leather Jacket","description":"\u003cp\u003e\u003cspan\u003eA premium imported jacket with zip pockets and warm quilted lining inside. This is called \u003c\/span\u003e\u003cspan class=\"font-semibold\" data-streamdown=\"strong\"\u003eExecutive Moto Jacket\u003c\/span\u003e\u003cspan\u003e, made for men who love premium style, comfort and a classy look.\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003ctd data-in=\"23\"\u003e23\u003c\/td\u003e\n\u003ctd data-in=\"25.5\"\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003ctd data-in=\"23.5\"\u003e23.5\u003c\/td\u003e\n\u003ctd data-in=\"26.5\"\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"29\"\u003e29\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Dark brown \/ S \/ Leather","offer_id":67686140706976,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ M \/ Leather","offer_id":67686140739744,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ L \/ Leather","offer_id":67686140772512,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XL \/ Leather","offer_id":67686140805280,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S \/ Leather","offer_id":67686140838048,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M \/ Leather","offer_id":67686140870816,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L \/ Leather","offer_id":67686140903584,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL \/ Leather","offer_id":67686140936352,"sku":null,"price":20625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Model_posing_for_product_shoot_2K_20261014024101.jpg?v=1791927768"},{"product_id":"imported-premium-harrington-jacket","title":"Imported Premium Harrington Jacket","description":"\u003cp\u003e\u003cspan\u003eThis is a premium imported lightweight cotton twill Harrington jacket with shirt collar and flap pockets. Known online as \u003c\/span\u003e\u003cstrong\u003eLightweight Harrington Jacket\u003c\/strong\u003e\u003cspan\u003e, with mesh lining inside for comfort.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"olive \/ S","offer_id":67785842983072,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":67715866558624,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67715866591392,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67715866624160,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Untitled-1_c0e94332-631f-41a7-be00-827b6c363ac6.jpg?v=1792184505"},{"product_id":"imported-stand-collar-windbreaker-jacket","title":"Imported Stand Collar Windbreaker Jacket","description":"\u003cp dir=\"auto\"\u003eThis is a premium imported stand collar zip jacket with two lower zip pockets and soft inner lining. Known online as \u003cstrong\u003eStand-Collar Soft-Shell Jacket\u003c\/strong\u003e, made for a clean and premium everyday look.\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;--t1:#fff;--t2:#8a8a8a}\n.sc-btn:hover svg{color:#fff}\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\/* Modal *\/\n.sc-modal{\n  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;\n  background:rgba(10,10,10,.55);-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.sc-box{\n  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;\n  background:#fff;border-radius:16px;overflow:hidden;color:#111;\n  box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(24px) scale(.97);\n}\n.sc-modal.sc-ready .sc-box{transition:transform .4s cubic-bezier(.2,.8,.2,1)}\n.sc-modal.is-open .sc-box{transform:none}\n\n\/* Head *\/\n.sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none}\n.sc-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#111}\n.sc-headr{display:flex;align-items:center;gap:10px}\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,transform .2s,color .2s;\n}\n.sc-close:hover{background:#111;color:#fff;transform:rotate(90deg)}\n\n\/* Unit toggle *\/\n.sc-units{display:inline-flex;background:#f1f1f1;border-radius:50px;padding:3px}\n.sc-ubtn{\n  border:0;background:transparent;padding:6px 14px;border-radius:50px;cursor:pointer;\n  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#777;transition:.25s;\n}\n.sc-ubtn.on{background:#111;color:#fff}\n\n\/* Tabs *\/\n.sc-tabs{display:flex;border-bottom:1px solid #eee;padding:0 20px;flex:none}\n.sc-tab{\n  position:relative;border:0;background:transparent;padding:12px 4px;margin-right:22px;cursor:pointer;\n  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;transition:color .2s;\n}\n.sc-tab:after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transition:transform .3s ease}\n.sc-tab.on{color:#111}\n.sc-tab.on:after{transform:scaleX(1)}\n\n\/* Body *\/\n.sc-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}\n.sc-panel{display:none}\n.sc-panel.on{display:block;animation:scFade .35s ease}\n@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.sc-unit{margin:0 0 14px;font-size:12px;color:#666;text-align:center;letter-spacing:.06em;text-transform:uppercase}\n.sc-unit b{color:#111}\n\n\/* Table: sizes = rows *\/\n.sc-table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}\n.sc-table th{\n  position:sticky;top:-18px;z-index:2;background:#111;color:#fff;padding:13px 8px;\n  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n}\n.sc-table th:first-child{border-radius:10px 0 0 10px}\n.sc-table th:last-child{border-radius:0 10px 10px 0}\n.sc-table td{padding:13px 8px;font-weight:600;border-bottom:1px solid #eee;transition:background .2s}\n.sc-table tbody tr{cursor:pointer;opacity:0;transform:translateX(-12px)}\n.sc-modal.is-open .sc-table tbody tr{animation:scRow .45s ease forwards;animation-delay:calc(var(--i,0)*.05s + .1s)}\n@keyframes scRow{to{opacity:1;transform:none}}\n.sc-table tbody tr:hover td{background:#f6f6f6}\n.sc-table tbody tr.sel td{background:#111;color:#fff}\n.sc-table td:first-child{width:25%}\n.sc-pill{\n  display:inline-block;min-width:46px;padding:5px 12px;border-radius:50px;background:#f1f1f1;\n  font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s;\n}\n.sc-table tr.sel .sc-pill{background:#fff;color:#111}\n\n\/* Diagram *\/\n.sc-diagram{display:flex;justify-content:center;margin-bottom:16px}\n.sc-diagram svg{width:100%;max-width:240px;height:auto;overflow:visible}\n.sc-draw{stroke-dasharray:700;stroke-dashoffset:700}\n.sc-panel.on .sc-draw{animation:scDraw 1.5s .1s ease forwards}\n@keyframes scDraw{to{stroke-dashoffset:0}}\n.sc-fade{opacity:0}\n.sc-panel.on .sc-fade{animation:scFadeIn .6s .8s forwards}\n@keyframes scFadeIn{to{opacity:1}}\n.sc-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.sc-how li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #eee;border-radius:10px;font-size:13px;line-height:1.5;color:#444}\n.sc-how b{display:block;color:#111;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}\n.sc-how i{flex:none;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}\n\n.sc-note{margin:16px 0 0;font-size:12px;color:#777;text-align:center;letter-spacing:.03em}\n\n\/* Mobile = bottom sheet *\/\n@media (max-width:600px){\n  .sc-btn{width:100%;justify-content:center}\n  .sc-modal{align-items:flex-end;padding:0}\n  .sc-box{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%)}\n  .sc-head{padding:14px 16px}\n  .sc-tabs{padding:0 16px}\n  .sc-body{padding:14px 16px 20px}\n  .sc-table{font-size:14px}\n  .sc-table th{font-size:10px;padding:12px 4px;top:-14px}\n  .sc-table td{padding:12px 4px}\n  .sc-ubtn{padding:6px 11px}\n}\n@media (prefers-reduced-motion:reduce){\n  .sc-btn span,.sc-btn svg{animation:none}\n  .sc-table tbody tr{opacity:1;transform:none;animation:none!important}\n  .sc-draw{stroke-dashoffset:0;animation:none!important}\n  .sc-fade{opacity:1;animation:none!important}\n}\n\u003c\/style\u003e\n\n\u003c!-- Button --\u003e\n\u003cdiv class=\"sc-wrap\"\u003e\u003cbutton type=\"button\" id=\"openSizeChart\" class=\"sc-btn\"\u003e \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"1.5\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 7v4M10 7v3M14 7v4M18 7v3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eSize Guide\u003c\/span\u003e \u003c\/button\u003e\u003c\/div\u003e\n\n\u003c!-- Modal --\u003e\n\u003cdiv id=\"sizeChartModal\" class=\"sc-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"scTitle\"\u003e\n  \u003cdiv class=\"sc-box\"\u003e\n    \u003cdiv class=\"sc-head\"\u003e\n      \u003ch3 id=\"scTitle\"\u003eSize Guide\u003c\/h3\u003e\n      \u003cdiv class=\"sc-headr\"\u003e\n        \u003cdiv class=\"sc-units\"\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn on\" data-unit=\"in\"\u003ein\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"sc-ubtn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cbutton type=\"button\" id=\"closeSizeChart\" class=\"sc-close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-tabs\"\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab on\" data-tab=\"chart\"\u003eSize Chart\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"sc-tab\" data-tab=\"how\"\u003eHow to Measure\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sc-body\"\u003e\n      \u003c!-- TAB 1: CHART --\u003e\n      \u003cdiv class=\"sc-panel on\" data-panel=\"chart\"\u003e\n        \u003cp class=\"sc-unit\"\u003eAll measurements are in \u003cb id=\"scUnitLabel\"\u003einches\u003c\/b\u003e\u003c\/p\u003e\n        \u003ctable class=\"sc-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003c!-- COLUMNS YAHAN CHANGE KARO (naya column = naya \u003cth\u003e + har row me naya \u003ctd\u003e) --\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003c!-- SIRF YAHAN ROWS EDIT KARO. Sirf INCHES likho, cm automatic banega. --\u003e\n            \u003c!-- #######################################. --\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"24\"\u003e24\u003c\/td\u003e\n\u003ctd data-in=\"20\"\u003e20\u003c\/td\u003e\n\u003ctd data-in=\"24.5\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-in=\"21\"\u003e21\u003c\/td\u003e\n\u003ctd data-in=\"25\"\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-in=\"22\"\u003e22\u003c\/td\u003e\n\u003ctd data-in=\"26\"\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003eXL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-in=\"23\"\u003e23\u003c\/td\u003e\n\u003ctd data-in=\"27\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cspan class=\"sc-pill\"\u003e2XL\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-in=\"29\"\u003e29\u003c\/td\u003e\n\u003ctd data-in=\"23.5\"\u003e23.5\u003c\/td\u003e\n\u003ctd data-in=\"27.5\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c!-- YAHAN TAK --\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n        \u003cp class=\"sc-note\"\u003eTap a row to highlight your size. Measurements may vary by ±0.5 inch.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- TAB 2: HOW TO MEASURE --\u003e\n      \u003cdiv class=\"sc-panel\" data-panel=\"how\"\u003e\n        \u003cdiv class=\"sc-diagram\"\u003e\n          \u003csvg viewbox=\"0 0 280 270\" fill=\"none\" stroke=\"#111\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cdefs\u003e\n              \u003cmarker id=\"scArr\" viewbox=\"0 0 10 10\" refx=\"5\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto-start-reverse\"\u003e\u003cpath d=\"M1 1L9 5L1 9z\" fill=\"#111\" stroke=\"none\"\u003e\u003c\/path\u003e\u003c\/marker\u003e\n            \u003c\/defs\u003e\n            \u003cpath class=\"sc-draw\" d=\"M92 46L52 66L30 106L54 120L72 96V208H188V96L206 120L230 106L208 66L168 46Q130 78 92 46Z\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" d=\"M100 48Q130 70 160 48\"\u003e\u003c\/path\u003e\n            \u003cpath class=\"sc-draw\" stroke-width=\"1.4\" d=\"M34 110L56 123M226 110L204 123\"\u003e\u003c\/path\u003e\n            \u003cg class=\"sc-fade\"\u003e\n              \u003cpath d=\"M16 50V208\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"3\" y=\"132\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" transform=\"rotate(-90 3 132)\" text-anchor=\"middle\"\u003eLength\u003c\/text\u003e\n              \u003cpath d=\"M72 238H188\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M130 208V232\" stroke-dasharray=\"4 4\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"130\" y=\"260\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eChest\u003c\/text\u003e\n              \u003cpath d=\"M190 99Q198 126 216 130\" marker-start=\"url(#scArr)\" marker-end=\"url(#scArr)\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"242\" y=\"150\" fill=\"#111\" stroke=\"none\" font-size=\"13\" font-weight=\"600\" text-anchor=\"middle\"\u003eSleeve\u003c\/text\u003e\n            \u003c\/g\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"sc-how\"\u003e\n          \u003cli\u003e\n\u003ci\u003e1\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eLength\u003c\/b\u003eShoulder ke sabse upar wale point se neeche hem tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e2\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eChest\u003c\/b\u003eArmpit ke neeche se, shirt ko flat rakh kar ek side se dusri side tak.\u003c\/div\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003ci\u003e3\u003c\/i\u003e\u003cdiv\u003e\n\u003cb\u003eSleeve\u003c\/b\u003eUnderarm seam se sleeve ke cuff tak.\u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\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  document.body.appendChild(modal);\n  requestAnimationFrame(function(){modal.classList.add('sc-ready');});\n\n  function open(){modal.classList.add('is-open');document.body.style.overflow='hidden';}\n  function close(){modal.classList.remove('is-open');document.body.style.overflow='';}\n  openBtn.addEventListener('click',open);\n  closeBtn.addEventListener('click',close);\n  modal.addEventListener('click',function(e){if(e.target===modal)close();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});\n\n  \/* Row animation index + row select *\/\n  var rows=modal.querySelectorAll('.sc-table tbody tr');\n  rows.forEach(function(r,i){\n    r.style.setProperty('--i',i);\n    r.addEventListener('click',function(){\n      var was=r.classList.contains('sel');\n      rows.forEach(function(x){x.classList.remove('sel');});\n      if(!was)r.classList.add('sel');\n    });\n  });\n\n  \/* Tabs *\/\n  var tabs=modal.querySelectorAll('.sc-tab'),panels=modal.querySelectorAll('.sc-panel');\n  tabs.forEach(function(t){\n    t.addEventListener('click',function(){\n      tabs.forEach(function(x){x.classList.toggle('on',x===t);});\n      panels.forEach(function(p){p.classList.toggle('on',p.getAttribute('data-panel')===t.getAttribute('data-tab'));});\n    });\n  });\n\n  \/* Inch \/ cm *\/\n  var ubtns=modal.querySelectorAll('.sc-ubtn'),cells=modal.querySelectorAll('td[data-in]'),label=document.getElementById('scUnitLabel');\n  function fmt(n){return (Math.round(n*10)\/10).toString();}\n  ubtns.forEach(function(b){\n    b.addEventListener('click',function(){\n      var u=b.getAttribute('data-unit');\n      ubtns.forEach(function(x){x.classList.toggle('on',x===b);});\n      cells.forEach(function(c){\n        var v=parseFloat(c.getAttribute('data-in'));\n        c.textContent=u==='cm'?fmt(v*2.54):fmt(v);\n      });\n      label.textContent=u==='cm'?'centimeters':'inches';\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ M","offer_id":67715886284960,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67715886317728,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67715886350496,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67715886383264,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67715886416032,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67715886448800,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67715886481568,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67715886514336,"sku":null,"price":14175.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_pose_20261010211511.jpg?v=1792185385"},{"product_id":"imported-corduroy-collar-puffer-jacket","title":"Imported Corduroy Collar Puffer Jacket","description":"\u003cp\u003e\u003cimg\u003e\u003cspan\u003eThis is a premium imported padded puffer jacket with corduroy collar and front zip.\u003c\/span\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Gray \/ S","offer_id":67715921805472,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ M","offer_id":67715921838240,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ L","offer_id":67715921871008,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XL","offer_id":67715921903776,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XXL","offer_id":67911647723680,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ S","offer_id":67715921936544,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":67715921969312,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67715922002080,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67715922034848,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":67911647756448,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_pose_20261010224536.jpg?v=1792186683"},{"product_id":"imported-bomber-jacket","title":"Imported Bomber Jacket","description":"\u003cp\u003e\u003cspan\u003eThis is a premium imported bomber jacket Known online as \u003c\/span\u003e\u003cstrong\u003eSwoosh Bomber Jacket\u003c\/strong\u003e\u003cspan\u003e, light, warm and easy for daily wear.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n","brand":"Casual Collection","offers":[{"title":"Black\u0026Gray \/ S","offer_id":67715968598176,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Gray \/ L","offer_id":67715968630944,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Gray \/ M","offer_id":67715968663712,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Gray \/ XL","offer_id":67715968696480,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Mustard \/ S","offer_id":67715968729248,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Mustard \/ L","offer_id":67715968762016,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Mustard \/ M","offer_id":67715968794784,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026Mustard \/ XL","offer_id":67715968827552,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Navy\u0026Blue \/ S","offer_id":67715968860320,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Navy\u0026Blue \/ L","offer_id":67715968893088,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Navy\u0026Blue \/ M","offer_id":67715968925856,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Navy\u0026Blue \/ XL","offer_id":67715968958624,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Gray\u0026Black \/ S","offer_id":67715968991392,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Gray\u0026Black \/ L","offer_id":67715969024160,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Gray\u0026Black \/ M","offer_id":67715969056928,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Gray\u0026Black \/ XL","offer_id":67715969089696,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Untitled-1_b0405789-69ff-44d1-a9e5-872c99a237f2.jpg?v=1792187887"},{"product_id":"imported-harrington-jacket","title":"Imported Harrington Jacket","description":"\u003cp\u003e\u003cspan\u003eThis is a premium imported Harrington jacket with full zip and soft plaid lining inside.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ S","offer_id":67716010836128,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67716010868896,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67716010901664,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67716010934432,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/RL4_7abb2238-c609-466a-a265-88edbbf9fc85.jpg?v=1792190086"},{"product_id":"jacket-made-of-faux-suede","title":"Jacket made of faux suede.","description":"\u003cp\u003e\u003cspan\u003eBomber jacket with a stand-up collar and long sleeves. Front patch pockets with flaps. Ribbed trim. Front zip fastening\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Dark brown","offer_id":67716022042784,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":false},{"title":"Black","offer_id":67716022075552,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":false},{"title":"Skin","offer_id":67716022108320,"sku":null,"price":0.0,"currency_code":"PKR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/7_8f86cd48-474d-4f62-888d-9e922822f784.jpg?v=1792189786"},{"product_id":"quilted-jacket-with-contrast-corduroy-collar","title":"QUILTED JACKET WITH  DIAMOND QUILTED JACKET","description":"\u003cp\u003e\u003cspan\u003eFeatures a corduroy collar and diamond-stitched pattern. Includes a zip and button closure. Relaxed fit, perfect for layering.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ S","offer_id":67786799513760,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":false},{"title":"Black \/ M","offer_id":67786799546528,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":false},{"title":"Black \/ L","offer_id":67786799579296,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":false},{"title":"Black \/ XL","offer_id":67786799612064,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":false},{"title":"Black \/ XXL","offer_id":67786799644832,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_pose_20261010230029.jpg?v=1792227534"},{"product_id":"quilted-jacket-with-contrast-corduroy-collar-1","title":"QUILTED JACKET WITH CONTRAST CORDUROY COLLAR","description":"\u003cp\u003e\u003cspan\u003eFeatures a corduroy collar and diamond-stitched pattern. Includes a zip and button closure. Relaxed fit, perfect for layering.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Green","offer_id":67720282865824,"sku":null,"price":13125.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Mari_jacket_model_face_change_2K_20261023231441.jpg?v=1792779298"},{"product_id":"contrast-bomber-jacket","title":"Imported Padded Bomber Jacket","description":"\u003cp\u003e\u003cspan\u003eThis is a premium imported padded bomber jacket with soft faux shearling collar and two front flap pockets.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"olive \/ S","offer_id":67786818519200,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":67786818551968,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67786818584736,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67786818617504,"sku":null,"price":16875.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Modify_jacket_model_and_face_2K_20261023232306.jpg?v=1792779810"},{"product_id":"faux-leather-puffer-jacket","title":"FAUX LEATHER PUFFER JACKET","description":"\u003cp\u003e\u003cspan\u003ePadded jacket made of leather effect fabric. Featuring a high neck and long sleeves with elasticated cuffs.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ M","offer_id":67786837000352,"sku":null,"price":15375.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67786837033120,"sku":null,"price":15375.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67786837065888,"sku":null,"price":15375.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_20261010230838.jpg?v=1792227945"},{"product_id":"corduroy-puffer-jacket","title":"CORDUROY PUFFER JACKET","description":"\u003cp\u003e\u003cspan\u003eRelaxed fit jacket made of technical fabric with a corduroy texture. High collar and long sleeves. Welt pockets at hip and interior pocket. Adjustable hem with elastic at sides. Front zip closure\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Dark brown \/ S","offer_id":67786850009248,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ M","offer_id":67786850042016,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ L","offer_id":67786850074784,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XL","offer_id":67786850107552,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XXL","offer_id":67786850140320,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67786850173088,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67786850205856,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67786850238624,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67786850271392,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67786850304160,"sku":null,"price":13875.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_pose_20261010231243.jpg?v=1792228603"},{"product_id":"technical-puffer-jacket","title":"TECHNICAL PUFFER JACKET","description":"\u003cp\u003e\u003cspan\u003ePuffer jacket made of technical fabric. High neck and long sleeves with elasticated cuffs. Side in-seam pockets. Adjustable hem. Front zip closure.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black","offer_id":67720506605728,"sku":null,"price":17962.5,"currency_code":"PKR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_pose_20261010231611.jpg?v=1792229106"},{"product_id":"puffer-jacket-with-flap-pockets-high-collar-puffer-jacket","title":"PUFFER JACKET WITH HIGH COLLAR PUFFER JACKET","description":"\u003cp\u003e\u003cspan\u003eShort padded jacket with a high collar and long sleeves. Front patch pockets with flaps. Adjustable elasticated hem with drawstrings. Zip-up front.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"olive \/ S","offer_id":67786889986208,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":67786890018976,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67786890051744,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67786890084512,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":67786890117280,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67786890150048,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67786890182816,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67786890215584,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67786890248352,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67786890281120,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ S","offer_id":67786890313888,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67786890346656,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67786890379424,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67786890412192,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67786890444960,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Modify_jacket_model_face_and_2K_20261024000836.jpg?v=1792782526"},{"product_id":"puffer-jacket-with-flap-pockets","title":"PUFFER JACKET WITH FLAP POCKETS","description":"\u003cp dir=\"auto\"\u003eShort padded jacket with a high collar and long sleeves. Front patch pockets with flaps. Adjustable elasticated hem with drawstrings. Zip-up front.\u003c\/p\u003e\n\u003cp dir=\"auto\"\u003eTechnical fabric with padded interior, drawstring high collar, welt pockets + flap pockets, adjustable hem.\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"olive \/ M","offer_id":68011212800160,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":68011212832928,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":68011212865696,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":68011212898464,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":68011212931232,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":68011212964000,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":68011212996768,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":68011213029536,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":68011213062304,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":68011213095072,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":68011213127840,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":68011213160608,"sku":null,"price":16125.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Change_outfit_and_lighting_pose_20261010232336_e0a452ea-d1b4-47f4-a9d4-118868e7f9bc.jpg?v=1792757383"},{"product_id":"embroidered-logo-bomber-jacket","title":"Embroidered Logo Bomber Jacket","description":"\u003cp\u003e\u003cspan\u003eClassic bomber design with stand collar and full zip for versatile, on-trend layering. Finished with a subtle CK logo on the chest. Button cuffs + elasticated side hem panels for a secure fit. Two side pockets + CK chest logo.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black\u0026White \/ M","offer_id":68074559930528,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026White \/ L","offer_id":68074559963296,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026White \/ XL","offer_id":68074559996064,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Black\u0026White \/ XXL","offer_id":68074560028832,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Editing_model_clothing_and_backg__05a4df38_2K.jpg?v=1793194727"},{"product_id":"high-collar-bomber-jacket","title":"HIGH COLLAR BOMBER JACKET","description":"\u003cp\u003e\u003cspan\u003eRelaxed-fit bomber jacket. Features a stand-up collar in matching rib-knit fabric and long sleeves. Welt pockets at the hips. Ribbed trims. Front two-way zip closure.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ M","offer_id":67914510205088,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67914510237856,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67914510270624,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":67914510303392,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXXL","offer_id":67914510336160,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":67914510368928,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":67914510401696,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":67914510434464,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":67914510467232,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXXL","offer_id":67914510500000,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":67914510532768,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":67914510565536,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":67914510598304,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":67914510631072,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXXL","offer_id":67914510663840,"sku":null,"price":14246.25,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Modify_jacket_model_and_face_2K_20261027035040.jpg?v=1793055050"},{"product_id":"faux-suede-jacket","title":"FAUX SUEDE JACKET","description":"\u003cp\u003e\u003cspan\u003eCollared jacket with long sleeves and buttoned cuffs. Flap pockets on the chest and welt pockets at the hip. Button-up front.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Dark brown \/ S","offer_id":67786451484832,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ M","offer_id":67786925441184,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ L","offer_id":67786925473952,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XL","offer_id":67786925506720,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ S","offer_id":67786451517600,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":67786925539488,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":67786925572256,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":67786925605024,"sku":null,"price":14625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Z2_ccb1717a-fe47-4a34-8f42-8b8f3a4bee7f.jpg?v=1792774866"},{"product_id":"embroidered-logo-bomber-jacket-copy","title":"imported Bomber Jacket","description":"\u003cp\u003e\u003cspan\u003eThis is a premium imported black and white color block windbreaker with soft light shell. Known online as \u003c\/span\u003e\u003cstrong\u003eBold Colorblock Jacket CK Black\u003c\/strong\u003e\u003cspan\u003e, with small chest logo, arm patch and comfortable ribbed cuffs for daily luxury wear.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Navy \/ M","offer_id":68074186408096,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":68074186440864,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":68074186473632,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":68074186506400,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ M","offer_id":68074186539168,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ L","offer_id":68074186571936,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XL","offer_id":68074186604704,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XXL","offer_id":68074186637472,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ M","offer_id":68074186670240,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ L","offer_id":68074186703008,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XL","offer_id":68074186735776,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Gray \/ XXL","offer_id":68074186768544,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/2_e55eaf63-e383-416e-95a3-8c6cb74c4f6b.jpg?v=1792767575"},{"product_id":"embroidered-logo-bomber-jacket-copy-1","title":"Bomber Jacket","description":"","brand":"Casual Collection","offers":[{"title":"Navy \/ M","offer_id":68078018429088,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":68078018461856,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":68078018494624,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":68078018527392,"sku":null,"price":17625.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/2_e55eaf63-e383-416e-95a3-8c6cb74c4f6b.jpg?v=1792767575"},{"product_id":"imported-bomber-jacket-copy","title":"imported Bomber Jacket","description":"","brand":"Casual Collection","offers":[{"title":"beige \/ M","offer_id":68077449609376,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ L","offer_id":68077449642144,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XL","offer_id":68077449674912,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XXL","offer_id":68077449707680,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Green \/ M","offer_id":68077449740448,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Green \/ L","offer_id":68077449773216,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Green \/ XL","offer_id":68077449805984,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true},{"title":"Green \/ XXL","offer_id":68077449838752,"sku":null,"price":19125.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/Editing_clothing_and_background_e4cdfe41_2K.jpg?v=1793196458"},{"product_id":"water-repellent-jacket-with-diamond-quilting","title":"Water Repellent Jacket with Diamond Quilting","description":"\u003cp\u003e\u003cspan\u003eShop Men's Imported Premium Diamond Quilted Jacket. Water-repellent, diamond quilting, full zip, side zip pockets and rib cuffs. Premium imported quality, executive style.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ M","offer_id":68079878865056,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":68079878897824,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":68079878930592,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":68079878963360,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXXL","offer_id":68079878996128,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"beige \/ M","offer_id":68079879028896,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"beige \/ L","offer_id":68079879061664,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XL","offer_id":68079879094432,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XXL","offer_id":68079879127200,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"beige \/ XXXL","offer_id":68079879159968,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Skin \/ M","offer_id":68079879192736,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Skin \/ L","offer_id":68079879225504,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Skin \/ XL","offer_id":68079879258272,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Skin \/ XXL","offer_id":68079879291040,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Skin \/ XXXL","offer_id":68079879323808,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/IMG_4490.png?v=1793201978"},{"product_id":"herringbone-bomber-jacket","title":"Herringbone Bomber Jacket","description":"\u003cp\u003e\u003cspan\u003eThis is a premium imported off-white herringbone bomber jacket with shirt collar and side pockets. Known online as \u003c\/span\u003e\u003cstrong\u003eHerringbone Bomber Jacket\u003c\/strong\u003e\u003cspan\u003e, with soft textured fabric and warm lining for premium everyday comfort.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Off White \/ M","offer_id":68081164222624,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Off White \/ L","offer_id":68081164255392,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Off White \/ XL","offer_id":68081164288160,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Off White \/ XXL","offer_id":68081164320928,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"Off White \/ XXXL","offer_id":68081164353696,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"D-Green \/ M","offer_id":68081164386464,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"D-Green \/ L","offer_id":68081164419232,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"D-Green \/ XL","offer_id":68081164452000,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"D-Green \/ XXL","offer_id":68081164484768,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true},{"title":"D-Green \/ XXXL","offer_id":68081164517536,"sku":null,"price":8246.25,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/IMG_4512.png?v=1793202450"},{"product_id":"premium-corduroy-harrington-jacket","title":"Premium Corduroy Harrington Jacket","description":"\u003cp\u003e\u003cspan\u003eShop Men's Imported Premium Corduroy Harrington Jacket. Thick corduroy, full zip with leather puller, side flap pockets and check pattern lining. Premium imported quality, regular fit.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Dark brown \/ M","offer_id":68155596341408,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ L","offer_id":68155596374176,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XL","offer_id":68155596406944,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Dark brown \/ XXL","offer_id":68155596439712,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ M","offer_id":68155596472480,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ L","offer_id":68155596505248,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XL","offer_id":68155596538016,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"olive \/ XXL","offer_id":68155596570784,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ M","offer_id":68155596603552,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":68155596636320,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":68155596669088,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":68155596701856,"sku":null,"price":15187.5,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/IMG_3064.png?v=1793276053"},{"product_id":"imported-harrington-jacket-1","title":"Imported Harrington Jacket","description":"\u003cp\u003e\u003cspan\u003e Imported Harrington Jacket. Collared bomber style, full zip with leather puller, side button flap pockets and classic fit. Premium imported quality.\u003c\/span\u003e\u003c\/p\u003e","brand":"Casual Collection","offers":[{"title":"Black \/ M","offer_id":68159058804896,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ L","offer_id":68159058837664,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XL","offer_id":68159058870432,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Black \/ XXL","offer_id":68159058903200,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ M","offer_id":68159058935968,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ L","offer_id":68159058968736,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XL","offer_id":68159059001504,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true},{"title":"Navy \/ XXL","offer_id":68159059034272,"sku":null,"price":16496.25,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0638\/8747\/4848\/files\/IMG_3076.png?v=1793282761"}],"url":"https:\/\/casualcollection.com.pk\/collections\/jacket-2026.oembed?page=2","provider":"Casual Collection","version":"1.0","type":"link"}