{"product_id":"black-short-asymmetric-hoodie","title":"Black Short Asymmetric Hoodie","description":"\u003cstyle type=\"text\/css\"\u003e.product-details h2 {\n  cursor: pointer;\n  padding: 10px;\n  margin: 0;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: black;\n}\n.detail-content { display: none; margin: 0; padding: 0; }\n.detail-content-table {\n  width: auto; min-width: 100%; border-collapse: collapse; margin-top: 10px; table-layout: auto;\n}\n.detail-content-table th, .detail-content-table td {\n  border: 1px solid black; padding: 8px; text-align: left; color: black; font-size: 14px; white-space: nowrap;\n}\n.product-intro { margin-bottom: 20px; }\n.product-intro h5 { font-size: 23px; font-weight: bold; color: black; text-transform: capitalize; line-height: 0; }\n.product-intro h6 { font-size: 15px; color: black; line-height: 1.5; font-weight: normal; }\n.table-container { overflow-x: auto; overflow-y: hidden; width: 100%; position: relative; }\n.toggle-button { padding: 8px 16px; margin-right: 10px; background-color: #f1f1f1; border: 1px solid #ccc; cursor: pointer; }\n.toggle-button.active { background-color: #000; color: #fff; }\n.scroll-indicator { position: absolute; bottom: 0; height: 4px; width: 100%; background: linear-gradient(to right, #ccc, #999); border-radius: 2px; z-index: 1; pointer-events: none; }\n\u003c\/style\u003e\n\u003cdiv class=\"product-intro\"\u003e\n\u003ch5\u003e\u003cstrong\u003eDescription\u003c\/strong\u003e\u003c\/h5\u003e\n\n\u003ch6\u003eProduct Name: Black Short Asymmetric Hoodie\u003cbr\u003e\n\u003cbr\u003e\nA short asymmetric hoodie jacket with lapel design, featuring irregular cut and urban streetwear vibe. Loose fit silhouette with slight stretch, comfortable for autumn and winter daily wear.\u003c\/h6\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"product-details\"\u003e\n\u003cbutton class=\"toggle-button active\" id=\"size-cm-btn\"\u003eSIZE in cm\u003c\/button\u003e\u003cbutton class=\"toggle-button\" id=\"size-inch-btn\"\u003eSIZE in Inch\u003c\/button\u003e\n\n\u003ch2\u003eSize Chart\u003c\/h2\u003e\n\u003c!-- CM TABLE --\u003e\n\n\u003cdiv class=\"detail-content\" id=\"size-chart-cm\" style=\"display:block;\"\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"detail-content-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSize\u003c\/th\u003e\n\t\t\t\u003cth\u003eBust (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eLength (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eShoulder (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSleeve (cm)\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eS\u003c\/td\u003e\n\t\t\t\u003ctd\u003e92\u003c\/td\u003e\n\t\t\t\u003ctd\u003e54\u003c\/td\u003e\n\t\t\t\u003ctd\u003e37\u003c\/td\u003e\n\t\t\t\u003ctd\u003e68\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eM\u003c\/td\u003e\n\t\t\t\u003ctd\u003e96\u003c\/td\u003e\n\t\t\t\u003ctd\u003e55\u003c\/td\u003e\n\t\t\t\u003ctd\u003e38\u003c\/td\u003e\n\t\t\t\u003ctd\u003e69\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eL\u003c\/td\u003e\n\t\t\t\u003ctd\u003e100\u003c\/td\u003e\n\t\t\t\u003ctd\u003e56\u003c\/td\u003e\n\t\t\t\u003ctd\u003e39\u003c\/td\u003e\n\t\t\t\u003ctd\u003e70\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INCH TABLE --\u003e\n\n\u003cdiv class=\"detail-content\" id=\"size-chart-inch\"\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"detail-content-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSize\u003c\/th\u003e\n\t\t\t\u003cth\u003eBust (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eLength (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eShoulder (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSleeve (in)\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eS\u003c\/td\u003e\n\t\t\t\u003ctd\u003e36.2\u003c\/td\u003e\n\t\t\t\u003ctd\u003e21.3\u003c\/td\u003e\n\t\t\t\u003ctd\u003e14.6\u003c\/td\u003e\n\t\t\t\u003ctd\u003e26.8\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eM\u003c\/td\u003e\n\t\t\t\u003ctd\u003e37.8\u003c\/td\u003e\n\t\t\t\u003ctd\u003e21.7\u003c\/td\u003e\n\t\t\t\u003ctd\u003e15.0\u003c\/td\u003e\n\t\t\t\u003ctd\u003e27.2\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eL\u003c\/td\u003e\n\t\t\t\u003ctd\u003e39.4\u003c\/td\u003e\n\t\t\t\u003ctd\u003e22.0\u003c\/td\u003e\n\t\t\t\u003ctd\u003e15.4\u003c\/td\u003e\n\t\t\t\u003ctd\u003e27.6\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Index --\u003e\n\n\u003cdiv style=\"margin-top:15px; font-size:14px; color:black;\"\u003e\n\u003cp\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Slim Fit\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e Moderate\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eElasticity:\u003c\/strong\u003e Slight Stretch\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003ch2\u003eModel Info\u003c\/h2\u003e\n\u003c!-- MODEL INFO CM --\u003e\n\n\u003cdiv class=\"detail-content\" id=\"model-info-cm\" style=\"display:block;\"\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"detail-content-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eHeight (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eWeight (kg)\u003c\/th\u003e\n\t\t\t\u003cth\u003eBust\/Waist\/Hips (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSize\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e175\u003c\/td\u003e\n\t\t\t\u003ctd\u003e46\u003c\/td\u003e\n\t\t\t\u003ctd\u003e77\/60\/90\u003c\/td\u003e\n\t\t\t\u003ctd\u003eS\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MODEL INFO INCH --\u003e\n\n\u003cdiv class=\"detail-content\" id=\"model-info-inch\"\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"detail-content-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eHeight (ft\/in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eWeight (lbs)\u003c\/th\u003e\n\t\t\t\u003cth\u003eBust\/Waist\/Hips (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSize\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e5'9\"\u003c\/td\u003e\n\t\t\t\u003ctd\u003e101\u003c\/td\u003e\n\t\t\t\u003ctd\u003e30.3\/23.6\/35.4\u003c\/td\u003e\n\t\t\t\u003ctd\u003eS\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003ch2 id=\"composition-header\" onclick=\"toggleDetail('composition')\"\u003eComposition \u003cspan class=\"arrow\"\u003e+\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cdiv class=\"detail-content\" id=\"composition\"\u003e\n\u003cp\u003e40.3% Polyester, 40.5% Viscose, 16.2% Cotton, 3% Spandex\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.getElementById('size-cm-btn').addEventListener('click', function () { showSize('cm'); });\ndocument.getElementById('size-inch-btn').addEventListener('click', function () { showSize('inch'); });\n\nfunction toggleDetail(id) {\n  var element = document.getElementById(id);\n  var arrow = element.previousElementSibling.querySelector('.arrow');\n  if (element.style.display === 'block') { element.style.display = 'none'; arrow.textContent = '+'; }\n  else { element.style.display = 'block'; arrow.textContent = '—'; }\n}\n\nfunction showSize(sizeType) {\n  var cmTable = document.getElementById('size-chart-cm');\n  var inchTable = document.getElementById('size-chart-inch');\n  var modelCmTable = document.getElementById('model-info-cm');\n  var modelInchTable = document.getElementById('model-info-inch');\n  var buttons = document.getElementsByClassName('toggle-button');\n\n  if (sizeType === 'cm') {\n    cmTable.style.display = 'block'; inchTable.style.display = 'none';\n    modelCmTable.style.display = 'block'; modelInchTable.style.display = 'none';\n    buttons[0].classList.add('active'); buttons[1].classList.remove('active');\n  } else {\n    cmTable.style.display = 'none'; inchTable.style.display = 'block';\n    modelCmTable.style.display = 'none'; modelInchTable.style.display = 'block';\n    buttons[0].classList.remove('active'); buttons[1].classList.add('active');\n  }\n}\n\u003c\/script\u003e","brand":"Final Sale","offers":[{"title":"Black \/ S","offer_id":47806558568631,"sku":"FINAL SALE","price":35.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0694\/9830\/6743\/files\/6458b6a51e347fceb924962924b96fc5.jpg?v=1759944174","url":"https:\/\/chinanio.com\/products\/black-short-asymmetric-hoodie","provider":"CHINANIO","version":"1.0","type":"link"}