LIZA Sequin Pants in Bronzite
LIZA Sequin Pants — Bronzite :root { --cream: #FAF7F2; --warm-black: #5C3D2E; --muted-gold: #7A6C52; --text-secondary: #4A443D; --border: #E8E2D9; --highlight: #F0EBE3; } * { margi n: 0; padding: 0; box-sizing: border-box; } body { background: var(--cream); color: var(--warm-black); font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; min-height: 100vh; display: flex; justify-content: center; padding: 40px 20px; -webkit-font-smoothing: antialiased; } .container { max-width: 820px; width: 100%; font-size: 14px; animation: fadeIn .6s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } .description { max-width: 620px; margin: 0 auto 40px; text-align: center; } .description .lead { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-style: italic; font-size: 1.15rem; line-height: 1.7; margin-bottom: 12px; } .tabs-container { margin-top: 10px; } .tab-nav { display: flex; border-bottom: 2px solid var(--border); gap: 0; } .tab-btn { font-family: 'Montserrat', sans-serif; font-size: .68rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--text-secondary); background: transparent; border: none; padding: 14px 24px; cursor: pointer; position: relative; transition: color .3s ease; white-space: nowrap; } .tab-btn:hover { color: var(--warm-black); } .tab-btn.active { color: var(--warm-black); font-weight: 500; } .tab-btn.active::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: var(--warm-black); } .tab-panel { display: none; padding: 32px 0; animation: tabFade .3s ease-out; } .tab-panel.active { display: block; } @keyframes tabFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .love-list { list-style: none; padding: 0; } .love-list li { display: flex; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: .78rem; color: var(--text-secondary); letter-spacing: .02em; } .love-list li:last-child { border-bottom: none; } .love-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--muted-gold); flex-shrink: 0; } .details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 20px; margin-top: 8px; } .detail-card { text-align: center; padding: 16px; background: #fff; border: 1px solid var(--border); border-radius: 2px; } .detail-card .detail-label { font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; color: var(--text-secondary); margin-bottom: 6px; } .detail-card .detail-value { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: .95rem; } .stretch-dots { display: flex; gap: 5px; justify-content: center; margin-top: 3px; } .stretch-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--muted-gold); background: transparent; } .stretch-dot.filled { background: var(--muted-gold); } .size-finder { background: #fff; border: 1px solid var(--border); border-radius: 2px; padding: 24px; margin-bottom: 24px; } .size-finder-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1.05rem; margin-bottom: 6px; text-align: center; } .size-finder-subtitle { font-size: .62rem; color: var(--text-secondary); text-align: center; margin-bottom: 16px; } .size-finder-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); gap: 8px; } .size-finder-card { text-align: center; padding: 14px 8px; border: 1px solid var(--border); border-radius: 2px; transition: all .2s ease; cursor: default; } .size-finder-card:hover { border-color: var(--muted-gold); background: var(--highlight); } .size-finder-card .size-label { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.1rem; margin-bottom: 2px; } .size-finder-card .us-size { font-size: .58rem; letter-spacing: .15em; text-transform: uppercase; color: var(--muted-gold); margin-bottom: 6px; } .size-finder-card .bust-range { font-size: .6rem; color: var(--text-secondary); line-height: 1.4; } .unit-toggle { display: flex; justify-content: center; gap: 0; margin-bottom: 24px; } .unit-btn { font-size: .65rem; letter-spacing: .2em; text-transform: uppercase; padding: 10px 28px; border: 1px solid var(--border); background: transparent; color: var(--text-secondary); cursor: pointer; transition: all .3s ease; font-family: 'Montserrat', sans-serif; } .unit-btn:first-child { border-radius: 2px 0 0 2px; } .unit-btn:last-child { border-radius: 0 2px 2px 0; border-left: none; } .unit-btn.active { background: var(--warm-black); color: var(--cream); border-color: var(--warm-black); } .garment-label { text-align: center; margin-bottom: 16px; } .garment-label span { font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; color: var(--text-secondary); background: var(--highlight); padding: 6px 16px; border-radius: 2px; } .table-wrapper { overflow-x: auto; } table { width: 100%; border-collapse: collapse; font-size: .85rem; } thead th { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1rem; padding: 14px 12px; text-align: center; border-bottom: 2px solid var(--warm-black); } thead th:first-child { text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: .65rem; letter-spacing: .18em; text-transform: uppercase; color: var(--text-secondary); vertical-align: bottom; } tbody td { padding: 12px; text-align: center; border-bottom: 1px solid var(--border); font-variant-numeric: tabular-nums; font-weight: 300; } tbody td:first-child { text-align: left; font-size: .75rem; color: var(--text-secondary); white-space: nowrap; } tbody tr:hover { background: var(--highlight); } .waist-range { font-size: .78rem; white-space: nowrap; } .between-sizes { margin-top: 20px; padding: 16px 20px; background: var(--highlight); border-left: 3px solid var(--muted-gold); border-radius: 0 2px 2px 0; } .between-sizes-title { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: .9rem; margin-bottom: 6px; } .between-sizes p { font-size: .7rem; line-height: 1.7; color: var(--text-secondary); } .fit-notes p { font-size: .72rem; line-height: 1.8; color: var(--text-secondary); max-width: 600px; } .fit-notes p + p { margin-top: 8px; } .model-note { margin-top: 14px; font-style: italic; font-size: .68rem !important; color: var(--muted-gold) !important; } .measure-guide { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 20px; } .measure-item { padding: 18px; background: #fff; border: 1px solid var(--border); border-radius: 2px; } .measure-item h4 { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: .95rem; margin-bottom: 6px; } .measure-item p { font-size: .68rem; line-height: 1.7; color: var(--text-secondary); } @media (max-width: 640px) { .description .lead { font-size: 1rem; } .tab-btn { padding: 12px 14px; font-size: .6rem; letter-spacing: .12em; } table { font-size: .78rem; } thead th { font-size: .88rem; padding: 10px 8px; } tbody td { padding: 10px 8px; } .size-finder-grid { grid-template-columns: repeat(4, 1fr); } } A bold, statement wide-leg silhouette designed to shimmer with every step. The elastic waistband and wide-leg fit create an easy, flattering shape, while the full lining ensures a smooth feel against the skin. Pair with the matching LIZA Bra Top and Blazer for a complete, head-turning look. Details Size Guide Fabric & Care Bronzite — a deep bronze-toned sequin overlay on a velvet base Velvet sequin fabric Fully lined Front zipper Side pockets Wide leg fit Elastic waistband Approx. 47″ long Sizing Tip: Choose your normal size. Find Your Size Based on your body measurements Inches Centimetres Garment Measurements — Laid Flat Measurement XS S M L XL 2XL 3XL Between Sizes? Choose your normal size. The elastic waistband provides a comfortable, flexible fit across a range of measurements. The LIZA Sequin Pant features a wide leg fit with an elastic waistband and front zipper. No stretch in the outer fabric. The elastic waist provides 6″ of additional adjustment. Pair with the matching LIZA Bra Top and Blazer for a complete look. Emmanuella is 5′8″ and wears size S. Waist Measure around your natural waistline, the narrowest part of your torso, typically just above the navel. Hip Measure around the fullest part of your hips and seat, keeping the tape level all the way around. Fabric Velvet: 92% Polyester · 8% Spandex / Sequin: 100% PET Weight Midweight · Opaque Care Dry Clean Preferred Stretch Lining Fully Lined var usSizes = ['US 0–2', 'US 4–6', 'US 6–8', 'US 10–12', 'US 14–16', 'US 18–20', 'US 22–24']; var sizeFinderData = { in: [ { size: 'XS', waist: 'Waist 22–28″', hip: 'Hip 46″' }, { size: 'S', waist: 'Waist 25–29″', hip: 'Hip 49″' }, { size: 'M', waist: 'Waist 28–32″', hip: 'Hip 52″' }, { size: 'L', waist: 'Waist 31–35″', hip: 'Hip 55″' }, { size: 'XL', waist: 'Waist 35–39″', hip: 'Hip 58″' }, { size: '2XL', waist: 'Waist 38–42″', hip: 'Hip 61″' }, { size: '3XL', waist: 'Waist 41–45″', hip: 'Hip 64″' } ], cm: [ { size: 'XS', waist: 'Waist 56–71 cm', hip: 'Hip 117 cm' }, { size: 'S', waist: 'Waist 63.5–73.5 cm', hip: 'Hip 124.5 cm' }, { size: 'M', waist: 'Waist 71–81 cm', hip: 'Hip 132 cm' }, { size: 'L', waist: 'Waist 78.5–89 cm', hip: 'Hip 139.5 cm' }, { size: 'XL', waist: 'Waist 89–99 cm', hip: 'Hip 147.5 cm' }, { size: '2XL', waist: 'Waist 96.5–106.5 cm', hip: 'Hip 155 cm' }, { size: '3XL', waist: 'Waist 104–114 cm', hip: 'Hip 162.5 cm' } ] }; var tableData = { in: [ { label: 'Waist', isRange: true, values: ['22–28', '25–29', '28–32', '31–35', '35–39', '38–42', '41–45'] }, { label: 'Hip', isRange: false, values: ['46', '49', '52', '55', '58', '61', '64'] }, { label: 'Total Length', isRange: false, values: ['47', '47', '47', '47½', '47½', '48', '48'] } ], cm: [ { label: 'Waist', isRange: true, values: ['56–71', '63.5–73.5', '71–81', '78.5–89', '89–99', '96.5–106.5', '104–114'] }, { label: 'Hip', isRange: false, values: ['117', '124.5', '132', '139.5', '147.5', '155', '162.5'] }, { label: 'Total Length', isRange: false, values: ['119.5', '119.5', '119.5', '120.5', '120.5', '122', '122'] } ] }; function switchTab(event, tab) { document.querySelectorAll('.tab-btn').forEach(function(b) { b.classList.remove('active'); }); document.querySelectorAll('.tab-panel').forEach(function(p) { p.classList.remove('active'); }); event.target.classList.add('active'); document.getElementById('tab-' + tab).classList.add('active'); } var currentUnit = 'in'; function setUnit(u) { currentUnit = u; document.querySelectorAll('.unit-btn').forEach(function(b) { b.classList.toggle('active', b.getAttribute('data-unit') === u); }); renderTable(); renderSizeFinder(); } function renderSizeFinder() { var g = document.getElementById('sizeFinderGrid'); g.innerHTML = ''; sizeFinderData[currentUnit].forEach(function(item, i) { var c = document.createElement('div'); c.className = 'size-finder-card'; c.innerHTML = '' + item.size + '' + '' + usSizes[i] + '' + '' + item.waist + '' + item.hip + ''; g.appendChild(c); }); } function renderTable() { var t = document.getElementById('tableBody'); t.innerHTML = ''; tableData[currentUnit].forEach(function(r) { var tr = document.createElement('tr'); tr.innerHTML = '' + r.label + '' + r.values.map(function(v) { return '' + v + ''; }).join(''); t.appendChild(tr); }); } renderTable(); renderSizeFinder();
More you might like
Related
LIZA Sequin Pants in RUBY
Related
LIZA Sequin Pants in ALEXANDRITE
Related
LIZA Sequin Pants in SAPPHIRE
Related