{"product_id":"tie-waist-flowy-linen-wide-leg-pants","title":"Tie-Waist Flowy Linen Wide-Leg Pants","description":"\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\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\u003ctitle\u003e\u003c\/title\u003e\n\u003cdiv class=\"product-intro\"\u003e\n\u003ch5\u003e\u003cstrong\u003eDescription\u003c\/strong\u003e\u003c\/h5\u003e\n\n\u003ch6\u003eProduct Name: Tie-Waist Flowy Linen Wide-Leg Pants\u003cbr\u003e\n\u003cbr\u003e\nThese pants feature a tie - waist design and a flowy style, made of linen material.\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\u003eHip (cm)\u003c\/th\u003e\n\t\t\t\u003cth\u003ePant Length (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\u003e65\u003c\/td\u003e\n\t\t\t\u003ctd\u003e123\u003c\/td\u003e\n\t\t\t\u003ctd\u003e105\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\u003e69\u003c\/td\u003e\n\t\t\t\u003ctd\u003e127\u003c\/td\u003e\n\t\t\t\u003ctd\u003e106.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\u003e73\u003c\/td\u003e\n\t\t\t\u003ctd\u003e131\u003c\/td\u003e\n\t\t\t\u003ctd\u003e108\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\u003eHip (in)\u003c\/th\u003e\n\t\t\t\u003cth\u003ePant Length (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.59\u003c\/td\u003e\n\t\t\t\u003ctd\u003e48.43\u003c\/td\u003e\n\t\t\t\u003ctd\u003e41.34\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.17\u003c\/td\u003e\n\t\t\t\u003ctd\u003e49.8\u003c\/td\u003e\n\t\t\t\u003ctd\u003e41.93\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\u003e28.74\u003c\/td\u003e\n\t\t\t\u003ctd\u003e51.18\u003c\/td\u003e\n\t\t\t\u003ctd\u003e42.52\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: 100% Polyester for outer fabric, 100% Polyester for lining\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 buttons = document.getElementsByClassName('toggle-button');\n\n            if (sizeType === 'cm') {\n                cmTable.style.display = 'block';\n                inchTable.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                buttons[0].classList.remove('active');\n                buttons[1].classList.add('active');\n            }\n        }\n    \u003c\/script\u003e","brand":"Final Sale","offers":[{"title":"M \/ Navy Blue","offer_id":49363509838007,"sku":"FINAL SALE","price":39.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0694\/9830\/6743\/files\/7b44ae23bfbf2aa8988d2138bae3caa9.jpg?v=1792050855","url":"https:\/\/chinanio.com\/products\/tie-waist-flowy-linen-wide-leg-pants","provider":"CHINANIO","version":"1.0","type":"link"}