Denim Pinstripe AMARA Pants
The Amara Pants :root{--cream:#FAF7F2;--warm-black:#1A1714;--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:'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)}}.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:'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}.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 relaxed wide-leg silhouette designed for effortless comfort and style. The elastic waist with an adjustable drawstring ensures a customisable fit, while the ÖFUURË embroidered detail on the back pocket adds a signature touch. Finished with functional side pockets, the Amara blends ease, movement, and elevated everyday wear. Details Size Guide Fabric & Care Elastic waistband with adjustable drawstring Wide-leg relaxed fit ÖFUURË embroidery on back pocket Side pockets Midweight feel Approx. 45–46 ½″ long 30 ½″ inseam Sizing Tip: Size down if in between sizes — the elastic waist accommodates. 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 Amara is a loose, relaxed fit with an elastic drawstring waist that provides a wide stretch range. If you fall between two size groups, we recommend sizing down — the generous elastic and drawstring will accommodate you comfortably. The Amara Pants are sized in combined size groups (XS/S, M/L, XL/2XL, 3XL/4XL). The elastic drawstring waist stretches significantly — the full stretch range is listed in the garment measurements. Model is 5′8″ and wears size XS/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 buttocks, keeping the tape level. Inseam Measure from the crotch seam down the inside of the leg to where you’d like the pants to fall. Fabric 60% Cotton · 40% Polyester Weight Midweight · Opaque Care Dry Clean to Preserve Stretch Fit Loose / Relaxed const usSizes=['US 0\u20136','US 6\u201312','US 14\u201320','US 22\u201326']; const sizeFinderData={in:[{size:'XS/S',waist:'Waist 23\u201328\u2033',hip:'Hip 33\u201338\u2033'},{size:'M/L',waist:'Waist 29\u201334\u2033',hip:'Hip 39\u201344\u2033'},{size:'XL/2XL',waist:'Waist 36\u201341\u2033',hip:'Hip 45\u201350\u2033'},{size:'3XL/4XL',waist:'Waist 42\u201347\u2033',hip:'Hip 51\u201355\u2033'}],cm:[{size:'XS/S',waist:'Waist 58.5\u201371 cm',hip:'Hip 84\u201396.5 cm'},{size:'M/L',waist:'Waist 73.5\u201386.5 cm',hip:'Hip 99\u2013112 cm'},{size:'XL/2XL',waist:'Waist 91.5\u2013104 cm',hip:'Hip 114\u2013127 cm'},{size:'3XL/4XL',waist:'Waist 106.5\u2013119 cm',hip:'Hip 130\u2013140 cm'}]}; const tableData={in:[{label:'Waist (stretch range)',values:['25 \u2013 45','31 \u2013 51','37 \u2013 57','41 \u2013 61'],isRange:true},{label:'Hip',values:['51 \u00bd','57 \u00bd','62 \u00bd','69 \u00bd']},{label:'Inseam',values:['30 \u00bd','30 \u00bd','30 \u00bd','30 \u00bd']},{label:'Total Length',values:['45','45 \u00bd','46','46 \u00bd']}],cm:[{label:'Waist (stretch range)',values:['63.5 \u2013 114','78.5 \u2013 129.5','94 \u2013 145','104 \u2013 155'],isRange:true},{label:'Hip',values:['131','146','159','176.5']},{label:'Inseam',values:['77.5','77.5','77.5','77.5']},{label:'Total Length',values:['114','115.5','117','118']}]}; 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.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();
More you might like
Related
Amara | Pinstripe Wide-Leg Pants
Related
PINSTRIPE DENIM PANTS
Pinstripe Pants Denim
Related