Academy Woolen Hooded Toggle Coat

.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 7Shiftin, Academy Woolen Hooded Toggle Coat This 7Shiftin woolen coat features a classic duffle design with toggle buttons and a warm hood. The mid-length coat has a relaxed fit, making it ideal for layering in colder months. The high-quality wool blend offers comfort and durability, while the hood and toggle details add an element of casual style. Perfect for both casual outings and layering over formal wear, this coat brings both practicality and elegance to your wardrobe. SIZE in cmSIZE in Inch Size Chart Size Length (cm) Bust (cm) Shoulder (cm) Sleeve (cm) S 76.5 116 55 57.5 M 78 120 56 58.5 L 79.5 124 57 59.5 Size Length (in) Bust (in) Shoulder (in) Sleeve (in) S 30.1 45.7 21.7 22.6 M 30.7 47.2 22.0 23.0 L 31.3 48.8 22.4 23.4 Model Info Model Height (cm) Weight (kg) Bust/Waist/Hips (cm) Size 171 47.5 75/59/85 M Model Height (in) Weight (lbs) Bust/Waist/Hips (in) Size 5'7" 104.7 29.5"/23.2"/33.5" M Composition + Fabric Composition: 70% Wool, 30% Polyester 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'); } }