{"product_id":"irregular-hem-ribbon-lace-midi-skirt","title":"Irregular Hem Ribbon Lace Midi 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\n   .detail-content {\n        display: none;\n        margin: 0px 0;\n        padding: 0px;\n    }\n\n   .detail-content-table {\n        width: auto; \/* Ensure full width *\/\n        min-width: 100%;\n        border-collapse: collapse;\n        margin-top: 10px;\n        table-layout: auto;\n    }\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\n   .product-intro {\n        margin-bottom: 20px;\n    }\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\n   .product-intro h6 {\n        font-size: 15px;\n        color: black;\n        line-height: 1.5;\n        font-weight: normal;\n    }\n\n   .table-container {\n        overflow-x: auto;\n        overflow-y: hidden;\n        width: 100%;\n        position: relative;\n    }\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\n   .toggle-button.active {\n        background-color: #000;\n        color: #fff;\n    }\n\n   .scroll-indicator {\n        position: absolute;\n        bottom: 0;\n        height: 4px;\n        width: 100%;\n        background: linear-gradient(to right, #ccc, #999);\n        border-radius: 2px;\n        z-index: 1;\n        pointer-events: none;\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: Irregular Hem Ribbon Lace Midi Skirt\u003cbr\u003e\n\u003cbr\u003e\nThe lace midi skirt showcases playfulness and rebellion. The elastic waistband can accommodate diverse body shape needs\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\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\u003eThigh Girth (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSkirt Length (Left\/Right) (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\u003e66\u003c\/td\u003e\n\t\t\t\u003ctd\u003e67\u003c\/td\u003e\n\t\t\t\u003ctd\u003e47 \/ 27.5\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\u003e70\u003c\/td\u003e\n\t\t\t\u003ctd\u003e69\u003c\/td\u003e\n\t\t\t\u003ctd\u003e48 \/ 28.5\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\u003e74\u003c\/td\u003e\n\t\t\t\u003ctd\u003e71\u003c\/td\u003e\n\t\t\t\u003ctd\u003e49 \/ 29.5\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\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\u003eThigh Girth (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003eSkirt Length (Left\/Right) (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\u003e25.98\u003c\/td\u003e\n\t\t\t\u003ctd\u003e26.38\u003c\/td\u003e\n\t\t\t\u003ctd\u003e18.50 \/ 10.83\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\u003e27.56\u003c\/td\u003e\n\t\t\t\u003ctd\u003e27.17\u003c\/td\u003e\n\t\t\t\u003ctd\u003e18.90 \/ 11.22\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\u003e29.13\u003c\/td\u003e\n\t\t\t\u003ctd\u003e27.95\u003c\/td\u003e\n\t\t\t\u003ctd\u003e19.29 \/ 11.61\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\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\u003e170\u003c\/td\u003e\n\t\t\t\u003ctd\u003e47.5\u003c\/td\u003e\n\t\t\t\u003ctd\u003e75\/59\/85\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\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'7\"\u003c\/td\u003e\n\t\t\t\u003ctd\u003e104.72\u003c\/td\u003e\n\t\t\t\u003ctd\u003e29.53\/23.23\/33.46\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\u003eFabric Composition: 30% Lyocell, 40% Cotton, 30% Linen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.getElementById('size-cm-btn').addEventListener('click', function () {\n        showSize('cm');\n    });\n\n    document.getElementById('size-inch-btn').addEventListener('click', function () {\n        showSize('inch');\n    });\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":"White \/ S","offer_id":48459852578999,"sku":"FINAL SALE","price":39.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0694\/9830\/6743\/files\/5b0e431775da8e011c85ec24d4982606.jpg?v=1753545185","url":"https:\/\/chinanio.com\/products\/irregular-hem-ribbon-lace-midi-skirt","provider":"CHINANIO","version":"1.0","type":"link"}