The IRIS Drape Maxi Dress :root{--cream:#FAF7F2;--warm-black:#5C3D2E;--muted-gold:#7A6C52;--text-secondary:#4A443D;--border:#E8E2D9;--highlight:#F0EBE3}*{margin: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)}}.divider{width:40px;height:1px;background:var(--muted-gold);margin:20px auto}.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;min-width:110px}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)}} Step into effortless sophistication with the IRIS Drape Maxi Dress. Designed with a stunning draped silhouette, this dress features a sweeping ombré that moves from sun-lit teal at the shoulder to midnight indigo at the hem, like the ocean at its deepest hour. The flowing, lightweight fabric gracefully moves with you, offering both comfort and a flattering fit. Perfect for elegant evening events or relaxed daytime outings, the IRIS Drape Maxi Dress combines modern style with timeless charm. Details Size Guide Fabric & Care Printed silk-feel maxi dress Draped detail Side zipper Side slit Approx. 60 inches long Fully lined Sizing Tip: Size down if in between sizes. Find Your Size Based on your body measurements Between Sizes? Size down if in between sizes. The silk-feel fabric has a fluid drape that accommodates a range of body shapes. The IRIS Drape Maxi Dress is a flowing, lightweight style with 0/3 stretch. Size down if in between sizes. [Model name, height and size to be confirmed by Tehilah] Bust Measure around the fullest part of your bust, keeping the tape level across your back. Waist Measure around your natural waistline, 3–4″ above the navel — the narrowest part of your torso. Fabric 95% Polyester · 5% Spandex Weight Lightweight · Fluid Care Hand Wash 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']; const sizeFinderData = [ {size: 'XS', bust: 'Bust 31\u201333\u2033', waist: 'Waist 23\u201325\u2033'}, {size: 'S', bust: 'Bust 34\u201336\u2033', waist: 'Waist 26\u201328\u2033'}, {size: 'M', bust: 'Bust 37\u201339\u2033', waist: 'Waist 29\u201331\u2033'}, {size: 'L', bust: 'Bust 40\u201342\u2033', waist: 'Waist 32\u201334\u2033'}, {size: 'XL', bust: 'Bust 43\u201345\u2033', waist: 'Waist 36\u201338\u2033'}, {size: '2XL',bust: 'Bust 46\u201348\u2033', waist: 'Waist 39\u201341\u2033'}, {size: '3XL',bust: 'Bust 49\u201351\u2033', waist: 'Waist 42\u201344\u2033'} ]; function switchTab(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'); } function renderSizeFinder() { var g = document.getElementById('sizeFinderGrid'); g.innerHTML = ''; sizeFinderData.forEach(function(item, i) { var c = document.createElement('div'); c.className = 'size-finder-card'; c.innerHTML = '' + item.size + '' + '' + usSizes[i] + '' + '' + item.bust + '' + item.waist + ''; g.appendChild(c); }); } renderSizeFinder();
