{"product_id":"gray-brown-asymmetrical-pleated-skirt","title":"Gray \u0026 Brown Asymmetrical Pleated Skirt","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 {\n    display: none;\n    margin: 0px 0;\n    padding: 0px;\n  }\n  .detail-content-table {\n    width: auto;\n    min-width: 100%;\n    border-collapse: collapse;\n    margin-top: 10px;\n    table-layout: auto;\n  }\n  .detail-content-table th,\n  .detail-content-table td {\n    border: 1px solid black;\n    padding: 8px;\n    text-align: left;\n    color: black;\n    font-size: 14px;\n    white-space: nowrap;\n  }\n  .product-intro {\n    margin-bottom: 20px;\n  }\n  .product-intro h5 {\n    font-size: 23px;\n    font-weight: bold;\n    color: black;\n    text-transform: capitalize;\n    line-height: 0;\n  }\n  .product-intro h6 {\n    font-size: 15px;\n    color: black;\n    line-height: 1.5;\n    font-weight: normal;\n  }\n  .table-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n    width: 100%;\n    position: relative;\n  }\n  .toggle-button {\n    padding: 8px 16px;\n    margin-right: 10px;\n    background-color: #f1f1f1;\n    border: 1px solid #ccc;\n    cursor: pointer;\n  }\n  .toggle-button.active {\n    background-color: #000;\n    color: #fff;\n  }\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: Gray \u0026amp; Brown Asymmetrical Pleated Skirt\u003cbr\u003e\n\u003cbr\u003e\nA retro-inspired skirt featuring irregular patchwork and asymmetrical pleats. Designed to highlight leg lines while balancing freedom and structure, this skirt creates a dynamic layered silhouette with versatile styling options.\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 SIZE --\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\u003eWaist (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eHip (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eLength (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\u003e73\u003c\/td\u003e\n\t\t\t\u003ctd\u003e86\u003c\/td\u003e\n\t\t\t\u003ctd\u003e90\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\u003e77\u003c\/td\u003e\n\t\t\t\u003ctd\u003e90\u003c\/td\u003e\n\t\t\t\u003ctd\u003e92\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\u003e81\u003c\/td\u003e\n\t\t\t\u003ctd\u003e94\u003c\/td\u003e\n\t\t\t\u003ctd\u003e94\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 SIZE --\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\u003eWaist (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eHip (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eLength (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\u003e28.7\u003c\/td\u003e\n\t\t\t\u003ctd\u003e33.9\u003c\/td\u003e\n\t\t\t\u003ctd\u003e35.4\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\u003e30.3\u003c\/td\u003e\n\t\t\t\u003ctd\u003e35.4\u003c\/td\u003e\n\t\t\t\u003ctd\u003e36.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\u003e31.9\u003c\/td\u003e\n\t\t\t\u003ctd\u003e37.0\u003c\/td\u003e\n\t\t\t\u003ctd\u003e37.0\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\u003eModel Info\u003c\/h2\u003e\n\u003c!-- Model 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\u003eModel Height (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\u003e49\u003c\/td\u003e\n\t\t\t\u003ctd\u003e77\/56\/86\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 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\u003eModel Height (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\u003e108\u003c\/td\u003e\n\t\t\t\u003ctd\u003e30.3\"\/22.0\"\/33.9\"\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\u003eBrown (Camel): Fabric 1 - 60.2% Acetate, 33.4% Viscose, 6.4% Nylon; Fabric 2 - 91.5% Acetate, 8.5% Nylon (excluding adhesive and bonding material); Lining - 91.9% Acetate, 8.1% Nylon\u003cbr\u003e\nGrey: Short Skirt Part - 90% Acetate, 10% Nylon; Other Parts - 65% Acetate, 30% Cotton, 5% Nylon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  document.getElementById('size-cm-btn').addEventListener('click', function () { showSize('cm'); });\n  document.getElementById('size-inch-btn').addEventListener('click', function () { showSize('inch'); });\n\n  function toggleDetail(id) {\n    var element = document.getElementById(id);\n    var arrow = element.previousElementSibling.querySelector('.arrow');\n    if (element.style.display === 'block') {\n      element.style.display = 'none';\n      arrow.textContent = '+';\n    } else {\n      element.style.display = 'block';\n      arrow.textContent = '—';\n    }\n  }\n\n  function 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';\n      inchTable.style.display = 'none';\n      modelCmTable.style.display = 'block';\n      modelInchTable.style.display = 'none';\n      buttons[0].classList.add('active');\n      buttons[1].classList.remove('active');\n    } else if (sizeType === 'inch') {\n      cmTable.style.display = 'none';\n      inchTable.style.display = 'block';\n      modelCmTable.style.display = 'none';\n      modelInchTable.style.display = 'block';\n      buttons[0].classList.remove('active');\n      buttons[1].classList.add('active');\n    }\n  }\n\u003c\/script\u003e","brand":"Final Sale","offers":[{"title":"Gray \/ S","offer_id":48462344552631,"sku":"FINAL SALE","price":39.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0694\/9830\/6743\/files\/5fb767c600b5f4d5117757ed02c79eaa.jpg?v=1758034855","url":"https:\/\/chinanio.com\/products\/gray-brown-asymmetrical-pleated-skirt","provider":"CHINANIO","version":"1.0","type":"link"}