LIZA Sequin Bra Top in RUBY
LIZA Sequin Bra Top in Ruby :root{--cream:#FAF7F2;--warm-black:#1A1714;--muted-gold:#7A6C52;--text-secondary:#4A443D;--border:#E8E2D9;--highlight:#F0EBE3}*{margin:0;padding:0;box-s izing:border-box}body{background:var(--cream);color:var(--warm-black);font-family:'Libre Franklin',sans-serif;font-weight:300;min-height:100vh;display:flex;justify-content:center;padding:40px 20px;-webkit-font-smoothing:antialiased}.container{max-width:820px;width:100%;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:'Libre Franklin',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:'Libre Franklin',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:'Libre Franklin',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 dazzling centrepiece for any special occasion. Crafted from luxurious velvet and adorned with meticulous sequin embellishments that catch and reflect the light, the LIZA Bra Top in Ruby imparts a mesmerizing sparkle. Bold, elegant, and designed to stand out. Pair with the LIZA Pants and Blazer for a complete look. Details Size Guide Fabric & Care Velvet sequin fabric Fully lined Crop top with back closure and elastic Adjustable straps Sizing Tip: Size up if in between sizes. Find Your Size Based on your body measurements Inches Centimetres Garment Measurements — Laid Flat Measurement XS S M L XL 2XL 3XL 4XL Between Sizes? This top has a stretchy elastic waist. Size up if you are between sizes for the most comfortable fit around the bust. The LIZA Bra Top features adjustable straps and an elastic back closure for a customisable fit. The sequin velvet fabric has a moderate stretch. Dana is 5'10" and wears size S. Jed is 5'7" and wears size S. Bust Measure around the fullest part of your bust, keeping the tape level across your back. Waist Measure around your natural waistline — the narrowest part of your torso, typically just above the navel. Fabric Velvet: 92% Polyester · 8% Spandex / Sequin: 100% PET Weight Midweight · Opaque Care Dry Clean Preferred Stretch Lining Fully Lined const usSizes=['US 0\u20132','US 4\u20136','US 6\u20138','US 10\u201312','US 14\u201316','US 18\u201320','US 22\u201324','US 24\u201326']; const sizeFinderData={in:[{size:'XS',bust:'Bust 31\u201333"',waist:'Waist 23\u201325"'},{size:'S',bust:'Bust 34\u201336"',waist:'Waist 26\u201328"'},{size:'M',bust:'Bust 37\u201339"',waist:'Waist 29\u201331"'},{size:'L',bust:'Bust 40\u201342"',waist:'Waist 32\u201334"'},{size:'XL',bust:'Bust 43\u201345"',waist:'Waist 36\u201338"'},{size:'2XL',bust:'Bust 46\u201348"',waist:'Waist 39\u201341"'},{size:'3XL',bust:'Bust 49\u201351"',waist:'Waist 42\u201344"'},{size:'4XL',bust:'Bust 52\u201355"',waist:'Waist 45\u201347"'}],cm:[{size:'XS',bust:'Bust 78.5\u201384 cm',waist:'Waist 58.5\u201363.5 cm'},{size:'S',bust:'Bust 86.5\u201391.5 cm',waist:'Waist 66\u201371 cm'},{size:'M',bust:'Bust 94\u201399 cm',waist:'Waist 73.5\u201378.5 cm'},{size:'L',bust:'Bust 101.5\u2013107 cm',waist:'Waist 81\u201386.5 cm'},{size:'XL',bust:'Bust 109\u2013114 cm',waist:'Waist 91.5\u201396.5 cm'},{size:'2XL',bust:'Bust 117\u2013122 cm',waist:'Waist 99\u2013104 cm'},{size:'3XL',bust:'Bust 124.5\u2013130 cm',waist:'Waist 106.5\u2013112 cm'},{size:'4XL',bust:'Bust 132\u2013140 cm',waist:'Waist 114\u2013119 cm'}]}; const tableData={in:[{label:'Chest',values:['29','32','35','38','41','44','47','50']},{label:'Waist (stretch)',isRange:true,values:['24\u201330','26\u201333','29\u201336','32\u201339','35\u201342','38\u201345','41\u201348','45\u201353']},{label:'Length (front)',values:['8\u00be','9\u00bc','9\u215d','10','10\u215c','10\u00be','11\u215b','11\u00bd']}],cm:[{label:'Chest',values:['73.5','81.5','89','96.5','104','112','119.5','127']},{label:'Waist (stretch)',isRange:true,values:['61\u201376','66\u201384','73.5\u201391.5','81\u201399','89\u2013107','96.5\u2013114','104\u2013122','114\u2013134.5']},{label:'Length (front)',values:['22.5','23.5','24.5','25.5','26.5','27.5','28.5','29']}]}; function switchTab(tab){document.querySelectorAll('.tab-btn').forEach(b=>b.classList.remove('active'));document.querySelectorAll('.tab-panel').forEach(p=>p.classList.remove('active'));event.target.classList.add('active');document.getElementById('tab-'+tab).classList.add('active')} let currentUnit='in'; function setUnit(u){currentUnit=u;document.querySelectorAll('.unit-btn').forEach(b=>b.classList.toggle('active',b.textContent.toLowerCase().includes(u==='in'?'inch':'cent')));renderTable();renderSizeFinder()} function renderSizeFinder(){const g=document.getElementById('sizeFinderGrid');g.innerHTML='';sizeFinderData[currentUnit].forEach((item,i)=>{const c=document.createElement('div');c.className='size-finder-card';c.innerHTML=''+item.size+''+usSizes[i]+''+item.bust+''+item.waist+'';g.appendChild(c)})} function renderTable(){const t=document.getElementById('tableBody');t.innerHTML='';tableData[currentUnit].forEach(r=>{const tr=document.createElement('tr');tr.innerHTML=''+r.label+''+r.values.map(v=>''+v+'').join('');t.appendChild(tr)})} renderTable();renderSizeFinder();
More you might like
Related
LIZA Sequin Bra Top in ALEXANDRITE
Related
LIZA Sequin Bra Top in Sapphire
Related
LIZA Sequin Bra Top in MAGENTA
Related