.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} /* Collapsible */ .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} .mf-collapse summary::-webkit-details-marker{display:none} .mf-collapse summary::after{content:'＋'} .mf-collapse[open] summary::after{content:'－'} .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%} /* 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} } Details Product Description Brand : Suffuse Collection : Basic Summer 25 Design : Butter Yellow Jacquard Long Shirt with Culottes Category : Pakistani Designer Pret Style : Long Shirt / 3 Piece Suit Colour : Butter Yellow Fabric : Shirt — Jacquard Fabric | Culottes — Cotton | Dupatta — Chiffon Work : All-Over Printed Cutwork Embroidery, Crew-to-V Neckline with Tassels, Rounded Hem, Fitted Sleeves, Hem Embroidery on Culottes, Gradient Embroidered Dupatta with Lace Edging Occasion : Summer Events, Eid, Daytime Gatherings, Garden Parties, Casual Festive Wear 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.) A soft and graceful butter yellow ensemble designed in a long jacquard shirt silhouette for an elegant summer look. The shirt features a crew-to-V neckline adorned with tassels, all-over printed cutwork embroidery, a rounded hem, and clean fitted sleeves for a refined finish. It is paired with butter-yellow cotton culottes detailed with delicate embroidery along the hem for a subtle, balanced base. The gradient chiffon dupatta blends butter-yellow, pink, and green tones with embroidered accents and lace edging on all sides, adding softness and movement. Stitched Panel Details Butter Yellow Jacquard Long Shirt Crew-to-V Neckline with Tassels All-Over Printed Cutwork Embroidery Rounded Hem Finish Fitted Sleeve Design Butter Yellow Cotton Culottes Hem Embroidery Detailing Gradient Chiffon Dupatta Floral Embroidery Accents Lace Edging on All Sides What's Included in Package? Long Shirt Culottes Dupatta Care Instructions Dry clean recommended for first wash to preserve embroidery and embellishments If hand washing, use cold water with mild detergent — wash separately Do not soak for long periods Avoid wringing or twisting Dry in shade away from direct sunlight Iron inside out on low heat Do not iron directly on lace or jacquard or printed areas Store in a breathable garment bag Do not bleach Handle chiffon dupatta with care Styling Tips For Eid: Pair with gold jewelry and khussa for a soft festive glow. For Wedding Events: Add statement earrings and soft curls for elegance. For Summer Outings: Keep accessories minimal with nude sandals. For Daytime Events: Opt for light makeup and loose waves. Dupatta Styling: Draped over one shoulder or pleated front style for a polished look. 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'); }); });
