{"product_id":"two-tone-flared-wide-leg-pants-1","title":"Two-Tone Flared Wide-Leg Pants","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: Two-Tone Flared Wide-Leg Pants\u003cbr\u003e\n\u003cbr\u003e\nThis is a stylish pair of two-tone flared wide-leg pants, perfect for a chic and modern look. Made with high-quality materials, they offer both comfort and style for various occasions.\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\u003eLength (cm)\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\u003eLeg Opening (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\u003e102\u003c\/td\u003e\n\t\t\t\u003ctd\u003e69\u003c\/td\u003e\n\t\t\t\u003ctd\u003e94\u003c\/td\u003e\n\t\t\t\u003ctd\u003e59\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\u003e104\u003c\/td\u003e\n\t\t\t\u003ctd\u003e73\u003c\/td\u003e\n\t\t\t\u003ctd\u003e98\u003c\/td\u003e\n\t\t\t\u003ctd\u003e61\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\u003e106\u003c\/td\u003e\n\t\t\t\u003ctd\u003e77\u003c\/td\u003e\n\t\t\t\u003ctd\u003e102\u003c\/td\u003e\n\t\t\t\u003ctd\u003e63\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\u003eLength (in)\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\u003eLeg Opening (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\u003e40.16\u003c\/td\u003e\n\t\t\t\u003ctd\u003e27.17\u003c\/td\u003e\n\t\t\t\u003ctd\u003e37.01\u003c\/td\u003e\n\t\t\t\u003ctd\u003e23.23\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\u003e40.94\u003c\/td\u003e\n\t\t\t\u003ctd\u003e28.74\u003c\/td\u003e\n\t\t\t\u003ctd\u003e38.58\u003c\/td\u003e\n\t\t\t\u003ctd\u003e24.02\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\u003e41.73\u003c\/td\u003e\n\t\t\t\u003ctd\u003e30.31\u003c\/td\u003e\n\t\t\t\u003ctd\u003e40.16\u003c\/td\u003e\n\t\t\t\u003ctd\u003e24.80\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\u003e171\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\u003eM\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 (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'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\u003eM\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: 40% Acrylic, 30% Wool, 20% Cotton, 5% Mohair, 5% Silk\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":"7Shiftin","offers":[{"title":"S \/ Brown","offer_id":46044004647140,"sku":"5888607351795","price":58.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Brown","offer_id":46044004679908,"sku":"5888607351796","price":58.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Brown","offer_id":46044004712676,"sku":"5888607351797","price":58.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Khaki","offer_id":46044004745444,"sku":"5888607351798","price":58.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Khaki","offer_id":46044004778212,"sku":"5888607351799","price":58.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Khaki","offer_id":46044004810980,"sku":"5888607351800","price":58.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0643\/1319\/6772\/files\/05b5813b192268c95909953eef6c9e17.jpg?v=1739020453","url":"https:\/\/chinasquad.com\/fr\/products\/two-tone-flared-wide-leg-pants-1","provider":"CHINASQUAD","version":"1.0","type":"link"}