Denim Pinstripe RUMI Bubble Mini Skirt
The Rumi Bubble Mini Skirt :root{--cream:#FAF7F2;--warm-black:#5C3D2E;--muted-gold:#7A6C52;--text-secondary:#4A443D;--border:#E8E2D9;--highlight:#F0EBE3}*{margin:0;padding:0;box-si zing: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)}}.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}.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 dramatic bubble silhouette that creates volume and movement with every step. Designed with a structured corset waist detail, the Rumi cinches the midsection for a flattering, snatched fit while maintaining a playful, sculpted shape. Fully lined for comfort, this mini skirt brings a bold, fashion-forward edge to your wardrobe. Details Size Guide Fabric & Care Bubble mini silhouette Structured corset waist detail Fully lined Back lace-up closure for an adjustable fit Voluminous, flared shape Side pockets Sizing Tip: Choose your normal size based on your waist measurement. 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? The Rumi has a structured corset waist with a back lace-up for adjustability. Choose your normal size based on your waist measurement, since the lace-up back provides additional room to fine-tune the fit. The Rumi Bubble Mini Skirt features a corset-style waistband with a small stretch range and back lace-up closure. Choose your normal size based on your waist measurement. Model is 5′8″ and wears size XS. 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 60% Cotton · 40% Polyester Weight Midweight · Opaque Care Dry Clean to Preserve Stretch Lining Fully Lined const usSizes=['US 0–2','US 4–6','US 6–8','US 10–12','US 14–16','US 18–20','US 22–24','US 24–26']; const sizeFinderData={in:[{size:'XS',waist:'Waist 23–25″',hip:'Hip 33–35″'},{size:'S',waist:'Waist 26–28″',hip:'Hip 36–38″'},{size:'M',waist:'Waist 29–31″',hip:'Hip 39–41″'},{size:'L',waist:'Waist 32–34″',hip:'Hip 42–44″'},{size:'XL',waist:'Waist 36–38″',hip:'Hip 45–47″'},{size:'2XL',waist:'Waist 39–41″',hip:'Hip 48–50″'},{size:'3XL',waist:'Waist 42–44″',hip:'Hip 51–53″'},{size:'4XL',waist:'Waist 45–47″',hip:'Hip 53–55″'}],cm:[{size:'XS',waist:'Waist 58.5–63.5 cm',hip:'Hip 84–89 cm'},{size:'S',waist:'Waist 66–71 cm',hip:'Hip 91.5–96.5 cm'},{size:'M',waist:'Waist 73.5–78.5 cm',hip:'Hip 99–104 cm'},{size:'L',waist:'Waist 81–86.5 cm',hip:'Hip 107–112 cm'},{size:'XL',waist:'Waist 91.5–96.5 cm',hip:'Hip 114–119 cm'},{size:'2XL',waist:'Waist 99–104 cm',hip:'Hip 122–127 cm'},{size:'3XL',waist:'Waist 106.5–112 cm',hip:'Hip 130–135 cm'},{size:'4XL',waist:'Waist 114–119 cm',hip:'Hip 135–140 cm'}]}; const tableData={in:[],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')} 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.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();
More you might like
Related
RD STYLE Rumi Denim Bubble Jacket
Related