IRIS KAFTAN MAXI DRESS

The Iris Kaftan 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;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)}}.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}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)}} Embrace effortless elegance with the Iris Kaftan Dress, a perfect blend of comfort and luxury. The relaxed silhouette and lightweight fabric make it perfect for any occasion, whether you’re lounging poolside or strolling through your favourite resort. With its striking colours and versatile design, the Iris Kaftan Dress is a must-have for your vacation wardrobe. Details Size Guide Fabric & Care Lined Batwing dress Keyhole detail with button — can be worn in the front or back Stretchy Lightweight with good air permeability Approx. 62″ long (size S) Lined but slightly sheer. The mesh fabric has a subtle see-through quality even with the lining Sizing Tip: Size down 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? Size down if in between sizes. The stretchy mesh fabric adapts to your shape, and the relaxed batwing silhouette gives plenty of room. The Iris Kaftan Dress is a stretchy mesh batwing style with a 2/3 stretch factor. The relaxed silhouette flows beautifully over the body. Approx. 62″ long in size S. Tessa is 5′7″ and wears size XS. Michelle is 5′9″ and wears size XL. 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. Hip Measure around the fullest part of your hips and buttocks, keeping the tape level. Fabric 70% Polyester · 30% Spandex Weight Lightweight · Breathable Care Hand Wash Stretch Lining Lined Opacity Slightly Sheer 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\u2033',hip:'Hip 33\u201335\u2033'},{size:'S',bust:'Bust 34\u201336\u2033',hip:'Hip 36\u201338\u2033'},{size:'M',bust:'Bust 37\u201339\u2033',hip:'Hip 39\u201341\u2033'},{size:'L',bust:'Bust 40\u201342\u2033',hip:'Hip 42\u201344\u2033'},{size:'XL',bust:'Bust 43\u201345\u2033',hip:'Hip 45\u201347\u2033'},{size:'2XL',bust:'Bust 46\u201348\u2033',hip:'Hip 48\u201350\u2033'},{size:'3XL',bust:'Bust 49\u201351\u2033',hip:'Hip 51\u201353\u2033'},{size:'4XL',bust:'Bust 52\u201355\u2033',hip:'Hip 53\u201355\u2033'}],cm:[{size:'XS',bust:'Bust 78.5\u201384 cm',hip:'Hip 84\u201389 cm'},{size:'S',bust:'Bust 86.5\u201391.5 cm',hip:'Hip 91.5\u201396.5 cm'},{size:'M',bust:'Bust 94\u201399 cm',hip:'Hip 99\u2013104 cm'},{size:'L',bust:'Bust 101.5\u2013107 cm',hip:'Hip 107\u2013112 cm'},{size:'XL',bust:'Bust 109\u2013114 cm',hip:'Hip 114\u2013119 cm'},{size:'2XL',bust:'Bust 117\u2013122 cm',hip:'Hip 122\u2013127 cm'},{size:'3XL',bust:'Bust 124.5\u2013130 cm',hip:'Hip 130\u2013135 cm'},{size:'4XL',bust:'Bust 132\u2013140 cm',hip:'Hip 135\u2013140 cm'}]}; 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')} const tableData={in:[{label:'Bust',values:['26.4','28.8','31.2','33.6','36','38.4','40.8','43.2']},{label:'Hip',values:['31.6','34','36.4','38.8','41.2','43.6','46','48.4']}],cm:[{label:'Bust',values:['67','73','79','85.5','91.5','97.5','103.5','110']},{label:'Hip',values:['80.5','86.5','92.5','98.5','104.5','110.5','117','123']}]}; 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';const f1=item.bust||item.waist;const f2=item.waist&&item.bust?item.waist:(item.hip||'');c.innerHTML=''+item.size+''+usSizes[i]+''+f1+(f2?''+f2:'')+'';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();