.mf-pdp-tabs{font-family:'Helvetica Neue',Arial,sans-serif;max-width:100%;margin:0} .mf-pdp-tabs *{box-sizing:border-box} /* Tab Header */ .mf-tab-header{display:flex;border-bottom:2px solid #e8e3dc;margin-bottom:0;gap:0} .mf-tab-btn{ background:none; border:none; padding:14px 24px; font-family:inherit; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:2px; color:#aaa; cursor:pointer; position:relative; transition:color .3s; white-space:nowrap } .mf-tab-btn:hover{color:#555} .mf-tab-btn::after{ content:''; position:absolute; bottom:-2px; left:0; right:0; height:2px; background:#1a1a1a; transform:scaleX(0); transition:transform .35s cubic-bezier(.16,1,.3,1) } .mf-tab-btn.mf-active{color:#1a1a1a} .mf-tab-btn.mf-active::after{transform:scaleX(1)} /* Tab Panels */ .mf-tab-panel{ display:none; padding:24px 0 10px; animation:mfTabIn .35s ease } .mf-tab-panel.mf-active{display:block} @keyframes mfTabIn{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} } /* Details Table */ .mf-spec-table{width:100%;border-collapse:collapse} .mf-spec-table tr{border-bottom:1px solid #f0ece7} .mf-spec-table tr:last-child{border-bottom:none} .mf-spec-table td{ padding:11px 0; font-size:13.5px; line-height:1.6; vertical-align:top } .mf-spec-table td:first-child{ width:140px; font-weight:600; color:#1a1a1a; font-style:italic; padding-right:16px } .mf-spec-table td:last-child{color:#555} .mf-spec-table a{ color:#555; text-decoration:underline; text-underline-offset:2px } .mf-spec-table a:hover{color:#1a1a1a} /* Description Text */ .mf-desc-text{ font-size:14px; line-height:1.9; color:#444 } .mf-desc-text p{margin:0 0 14px} .mf-desc-text p:last-child{margin-bottom:0} /* Collapsible Sections */ .mf-collapse{ border:1px solid #ebe6df; margin-top:16px; background:#fdfcfb } .mf-collapse summary{ padding:16px 20px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1.5px; color:#1a1a1a; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; transition:background .3s } .mf-collapse summary:hover{background:#f9f6f2} .mf-collapse summary::-webkit-details-marker{display:none} .mf-collapse summary::after{ content:'＋'; font-size:16px; color:#c9a96e; font-weight:300; transition:transform .3s } .mf-collapse[open] summary::after{content:'－'} .mf-collapse[open] summary{ background:#f9f6f2; border-bottom:1px solid #ebe6df } .mf-collapse .mf-collapse-body{ padding:18px 20px; font-size:13.5px; line-height:1.8; color:#555 } .mf-collapse .mf-collapse-body ul{ list-style:none; padding:0; margin:0 } .mf-collapse .mf-collapse-body ul li{ padding:4px 0 4px 20px; position:relative } .mf-collapse .mf-collapse-body ul li::before{ content:''; position:absolute; left:0; top:13px; width:6px; height:6px; background:#c9a96e; border-radius:50% } .mf-collapse .mf-collapse-body strong{ color:#333; font-weight:600 } /* Mobile */ @media(max-width:749px){ .mf-tab-btn{ padding:12px 14px; font-size:10px; letter-spacing:1.5px } .mf-spec-table td:first-child{width:110px;font-size:12px} .mf-spec-table td:last-child{font-size:12px} .mf-desc-text{font-size:13px} .mf-collapse summary{padding:14px 16px;font-size:11px} .mf-collapse .mf-collapse-body{padding:14px 16px;font-size:12.5px} } Details Product Description Brand : Suffuse By Sana Yasir Collection : Luxury Pret Design : Embellished Organza Set Category : Pakistani Designer Luxury Pret Style : Long Shirt with Azar Pants & Dupatta Colour : Fuchsia Pink Fabric : Shirt — Organza | Pants — Raw Silk | Dupatta — Net Organza Work : Hand Embellishment, Tassel Hangings, Knife Pleats, Metal Strip Detailing Occasion : Wedding Festivities, Mehndi, Eid Celebrations, Formal Events, Luxury Parties Availability : Stitched (XS to XL + Custom Size) Ships From : Pakistani Warehouse — No customs or duties Ship To : Worldwide (UK, USA, Canada, Saudi Arabia, Australia etc.) Step into vibrant elegance with this fuchsia pink ensemble from Suffuse By Sana Yasir’s Luxury Pret collection, designed with fluid organza and refined craftsmanship. The long organza shirt is delicately hand embellished, elevated with beautiful tassel hangings along the hem that add movement and festive charm. The soft yet structured silhouette enhances its luxurious appeal. It is paired with pure raw silk Azar pants that bring balance and structure to the airy shirt. A net organza dupatta completes the look, featuring knife pleats and metallic strip detailing for a modern, glamorous finish. Perfect for mehndi celebrations, wedding festivities, Eid gatherings, formal occasions, and luxury evening wear, this outfit blends tradition with contemporary detailing. Stitched Panels Details Fuchsia Pink Long Organza Shirt Hand Embellishment Work Tassel Hangings on Hem Raw Silk Azar Pants Net Organza Dupatta Knife Pleat Detailing Metal Strip Accents Luxury Festive Silhouette What's Included in Package? Shirt — long fuchsia organza shirt with hand embellishment and tassels. Pants — pure raw silk Azar pants. Dupatta — net organza dupatta with pleats and metal detailing. Care Instructions Dry clean only to preserve embellishment Handle organza and net with care Do not bleach or use harsh detergents Steam iron on low heat from reverse side Avoid direct ironing on tassels and metal strips Store in a breathable garment bag Keep away from moisture and sunlight Do not wring or twist fabric Store dupatta separately to avoid snagging Handle hem tassels gently Styling Tips For Mehndi: Pair with gold jewellery and soft curls. For Weddings: Add statement earrings and heels. For Eid: Keep makeup dewy and elegant. For Parties: Style with sleek bun and clutch. Overall Look: Let tassels and pleats remain the highlight. const tabs = document.querySelectorAll('.mf-tab-btn'); const panels = document.querySelectorAll('.mf-tab-panel'); tabs.forEach((btn, index) => { btn.addEventListener('click', () => { // remove active from buttons tabs.forEach(b => b.classList.remove('mf-active')); // hide panels panels.forEach(p => p.classList.remove('mf-active')); // activate clicked button btn.classList.add('mf-active'); // show correct panel panels[index].classList.add('mf-active'); }); });
