
Light Blue Flared Jeans
.product-details h2 { cursor: pointer; padding: 10px; margin: 0; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; color: black; } .detail-content { display: none; margin: 0px 0; padding: 0px; } .detail-content-table { width: auto; /* Ensure full width */ min-width: 100%; border-collapse: collapse; margin-top: 10px; table-layout: auto; } .detail-content-table th, .detail-content-table td { border: 1px solid black; padding: 8px; text-align: left; color: black; font-size: 14px; white-space: nowrap; } .product-intro { margin-bottom: 20px; } .product-intro h5 { font-size: 23px; font-weight: bold; color: black; text-transform: capitalize; line-height: 0; } .product-intro h6 { font-size: 15px; color: black; line-height: 1.5; font-weight: normal; } .table-container { overflow-x: auto; overflow-y: hidden; width: 100%; position: relative; } .toggle-button { padding: 8px 16px; margin-right: 10px; background-color: #f1f1f1; border: 1px solid #ccc; cursor: pointer; } .toggle-button.active { background-color: #000; color: #fff; } .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; } Description Product Name: Light Blue Flared Jeans These light blue flared jeans feature a flattering fit that enhances the legs and hips. They are designed with a retro flair and a modern touch, offering comfort, style, and flexibility. SIZE in cmSIZE in Inch Size Chart Size Waist (cm) Side Length (cm) Hip (cm) S 72 102 88 M 76 104 92 L 80 106 96 Size Waist (in) Side Length (in) Hip (in) S 28.3 40.2 34.6 M 29.9 40.9 36.2 L 31.5 41.7 37.8 Model Info Model Height (cm) Weight (kg) Bust/Waist/Hips (cm) Size 162 45 78/59/87 S 168 49 78/63/93 S 165 57.5 89/74/96 M Model Height (in) Weight (lbs) Bust/Waist/Hips (in) Size 5'3" 99.2 30.7/23.2/34.3 S 5'6" 108.05 30.7/24.8/36.6 S 5'5" 126.75 35.0/29.1/37.8 M Composition + Fabric Composition: 100% Cotton document.getElementById('size-cm-btn').addEventListener('click', function () { showSize('cm'); }); document.getElementById('size-inch-btn').addEventListener('click', function () { showSize('inch'); }); function toggleDetail(id) { var element = document.getElementById(id); var arrow = element.previousElementSibling.querySelector('.arrow'); if (element.style.display === 'block') { element.style.display = 'none'; arrow.textContent = '+'; } else { element.style.display = 'block'; arrow.textContent = '—'; } } function showSize(sizeType) { var cmTable = document.getElementById('size-chart-cm'); var inchTable = document.getElementById('size-chart-inch'); var modelCmTable = document.getElementById('model-info-cm'); var modelInchTable = document.getElementById('model-info-inch'); var buttons = document.getElementsByClassName('toggle-button'); if (sizeType === 'cm') { cmTable.style.display = 'block'; inchTable.style.display = 'none'; modelCmTable.style.display = 'block'; modelInchTable.style.display = 'none'; buttons[0].classList.add('active'); buttons[1].classList.remove('active'); } else if (sizeType === 'inch') { cmTable.style.display = 'none'; inchTable.style.display = 'block'; modelCmTable.style.display = 'none'; modelInchTable.style.display = 'block'; buttons[0].classList.remove('active'); buttons[1].classList.add('active'); } }