{"product_id":"midnight-motif-2-piece-co-ord","title":"Midnight Motif 2-Piece Co-Ord Set","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\u003e\n\n\u003cstyle\u003e\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    background: #fafafa;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;\n    line-height: 1.5;\n    color: #1a1a1a;\n  }\n\n  .badge-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-bottom: 1.5rem;\n    padding-bottom: 1rem;\n    border-bottom: 1px solid #e5e5e5;\n  }\n\n  .badge {\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    background: #e8f0eb;\n    color: #2d5a47;\n    padding: 0.4rem 1rem;\n    border-radius: 20px;\n    text-transform: uppercase;\n  }\n\n  .product-highlight {\n    font-size: 0.95rem;\n    color: #555;\n    margin-bottom: 0.8rem;\n    font-weight: 400;\n    line-height: 1.6;\n    border-left: 3px solid #ccc;\n    padding-left: 1rem;\n  }\n\n  .product-sub {\n    font-size: 0.9rem;\n    color: #666;\n    margin-bottom: 1.5rem;\n    line-height: 1.6;\n    border-left: 3px solid #ddd;\n    padding-left: 1rem;\n  }\n\n  \/* ACCORDION BASE *\/\n  .acc-input {\n    display: none;\n  }\n\n  .acc-section {\n    margin-bottom: 0;\n  }\n\n  .acc-label {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem 0;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1a1a1a;\n    cursor: pointer;\n    border-bottom: 1px solid #e5e5e5;\n    background: transparent;\n    margin: 0;\n    user-select: none;\n    transition: color 0.2s ease;\n  }\n\n  .acc-label:hover {\n    color: #2d5a47;\n  }\n\n  .acc-toggle {\n    font-size: 1.3rem;\n    color: #999;\n    font-weight: 300;\n    min-width: 20px;\n    text-align: right;\n  }\n\n  \/* Show + by default *\/\n  .toggle-plus {\n    display: inline-block;\n  }\n\n  .toggle-minus {\n    display: none;\n  }\n\n  \/* Hide + when checked, show - *\/\n  .acc-input:checked ~ .acc-label .toggle-plus {\n    display: none;\n  }\n\n  .acc-input:checked ~ .acc-label .toggle-minus {\n    display: inline-block;\n  }\n\n  \/* Show + when not checked, hide - *\/\n  .acc-input:not(:checked) ~ .acc-label .toggle-plus {\n    display: inline-block;\n  }\n\n  .acc-input:not(:checked) ~ .acc-label .toggle-minus {\n    display: none;\n  }\n\n  .acc-content {\n    display: none;\n    padding: 1.5rem 0 1.5rem 0;\n    margin-bottom: 0;\n  }\n\n  .acc-input:checked ~ .acc-content {\n    display: block;\n  }\n\n  \/* FEATURES GRID *\/\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1rem;\n    background: #f5f3f0;\n    border-radius: 16px;\n    padding: 1.5rem;\n    border: 1px solid #e8e3de;\n  }\n\n  .feature {\n    display: flex;\n    flex-direction: column;\n    gap: 0.3rem;\n  }\n\n  .feature-label {\n    font-weight: 700;\n    font-size: 0.8rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #2d5a47;\n  }\n\n  .feature-value {\n    font-size: 0.9rem;\n    color: #333;\n    line-height: 1.6;\n  }\n\n  \/* STYLE GRID *\/\n  .style-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1rem;\n    background: #f5f3f0;\n    border-radius: 16px;\n    padding: 1.5rem;\n    border: 1px solid #e8e3de;\n  }\n\n  .style-card {\n    display: flex;\n    flex-direction: column;\n    gap: 0.4rem;\n  }\n\n  .style-heading {\n    font-weight: 700;\n    font-size: 0.95rem;\n    color: #2d5a47;\n  }\n\n  .style-description {\n    font-size: 0.9rem;\n    color: #333;\n    line-height: 1.6;\n  }\n\n  \/* WHY ORDER TODAY *\/\n  .table-wrapper {\n    background: #f5f3f0;\n    border-radius: 16px;\n    padding: 1rem;\n    border: 1px solid #e8e3de;\n    overflow-x: auto;\n    margin-bottom: 1.5rem;\n  }\n\n  .comparison-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: #fff;\n    border-radius: 12px;\n    overflow: hidden;\n  }\n\n  .comparison-table th {\n    text-align: left;\n    padding: 1rem;\n    background: #f0ebe4;\n    font-weight: 700;\n    font-size: 0.9rem;\n    color: #2d5a47;\n    border-bottom: 1px solid #ddd;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n  }\n\n  .comparison-table td {\n    padding: 1rem;\n    border-bottom: 1px solid #e5e5e5;\n    font-size: 0.9rem;\n    color: #333;\n    line-height: 1.5;\n  }\n\n  .comparison-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  .comparison-table td:first-child {\n    font-weight: 600;\n    color: #1a1a1a;\n    width: 35%;\n  }\n\n  .highlight-orange {\n    color: #d97706;\n    font-weight: 600;\n    background: #fef3c7;\n    padding: 0.2rem 0.5rem;\n    border-radius: 4px;\n  }\n\n  \/* SQUARE CARDS *\/\n  .square-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1.5rem;\n    margin-top: 1.5rem;\n  }\n\n  .square-card {\n    background: #fff;\n    border-radius: 12px;\n    padding: 1.5rem;\n    border: 1px solid #e5e5e5;\n    text-align: center;\n    font-size: 0.9rem;\n    line-height: 1.6;\n    color: #333;\n    min-height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .square-full {\n    grid-column: 1 \/ -1;\n    max-width: 70%;\n    margin: 0 auto;\n    font-weight: 600;\n    color: #1a1a1a;\n  }\n\n  .quote-card {\n    color: #8b6b47;\n    font-style: italic;\n  }\n\n  @media (max-width: 680px) {\n    .features-grid,\n    .style-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .square-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .square-full {\n      max-width: 100%;\n      grid-column: auto;\n    }\n\n    .acc-label {\n      font-size: 1rem;\n    }\n\n    .feature-value,\n    .style-description {\n      font-size: 0.85rem;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"max-width: 800px; margin: 0 auto; padding: 2rem 1rem; background: #fff;\"\u003e\n\n  \u003c!-- START SECTION (Always Visible) --\u003e\n  \u003cdiv class=\"badge-row\"\u003e\n    \u003cspan class=\"badge\"\u003ePremium Quality\u003c\/span\u003e\n    \u003cspan class=\"badge\"\u003e7 Days Warranty\u003c\/span\u003e\n    \u003cspan class=\"badge\"\u003eSale Is Live\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product-highlight\"\u003eSoft linen-blend 2-piece co-ord set with a midnight motif look, designed for breathable comfort, graceful movement, and instantly complete styling.\n\n\u003c\/div\u003e\n\n  \u003cdiv class=\"product-sub\"\u003eSoft linen blend | 2-piece co-ord set | Light, breathable, smooth feel\u003c\/div\u003e\n\n  \u003c!-- ACCORDION 1: FEATURES --\u003e\n  \u003cdiv class=\"acc-section\"\u003e\n    \u003cinput type=\"checkbox\" id=\"feat\" class=\"acc-input\"\u003e\n    \u003clabel for=\"feat\" class=\"acc-label\"\u003eFeatures\u003cspan class=\"acc-toggle\"\u003e\u003cspan class=\"toggle-plus\"\u003e+\u003c\/span\u003e\u003cspan class=\"toggle-minus\"\u003e-\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n    \u003cdiv class=\"acc-content\"\u003e\n      \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eFabric\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003eSoft linen blend - light, breathable, smooth, and comfortable for long wear\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eSet\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003e2-piece co-ord set - matching top and bottom for a complete ready-to-wear outfit\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eDesign\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003eMidnight motif style - elegant, modern, and easy to dress up or down\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eFit\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003eRelaxed coordinated silhouette - gives movement, comfort, and everyday polish\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eFeel\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003eLight and breathable texture - perfect for daily plans, travel, and casual outings\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n         \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eSizes\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003eAvailable in S, M, L, and XL\u003c\/div\u003e\n        \u003c\/div\u003e \n        \u003cdiv class=\"feature\"\u003e\n          \u003cdiv class=\"feature-label\"\u003eCare\u003c\/div\u003e\n          \u003cdiv class=\"feature-value\"\u003eGentle wash recommended - keeps the linen blend soft, smooth, and fresh-looking\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ACCORDION 2: STYLE IT 5 WAYS --\u003e\n  \u003cdiv class=\"acc-section\"\u003e\n    \u003cinput type=\"checkbox\" id=\"style\" class=\"acc-input\"\u003e\n    \u003clabel for=\"style\" class=\"acc-label\"\u003eStyle It 5 Ways\u003cspan class=\"acc-toggle\"\u003e\u003cspan class=\"toggle-plus\"\u003e+\u003c\/span\u003e\u003cspan class=\"toggle-minus\"\u003e-\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n    \u003cdiv class=\"acc-content\"\u003e\n      \u003cdiv class=\"style-grid\"\u003e\n        \u003cdiv class=\"style-card\"\u003e\n          \u003cdiv class=\"style-heading\"\u003eComplete Everyday Look\u003c\/div\u003e\n          \u003cdiv class=\"style-description\"\u003eMidnight motif co-ord set + flats + minimal earrings → Ready outfit with zero styling stress\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"style-card\"\u003e\n          \u003cdiv class=\"style-heading\"\u003eCafé Polished\u003c\/div\u003e\n          \u003cdiv class=\"style-description\"\u003eCo-ord set + soft sandals + crossbody bag → Clean, graceful, and camera-ready for casual plans\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"style-card\"\u003e\n          \u003cdiv class=\"style-heading\"\u003eOffice Creative\u003c\/div\u003e\n          \u003cdiv class=\"style-description\"\u003eLinen-blend co-ord + structured tote + loafers → Comfortable workday style with a modern edge\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"style-card\"\u003e\n          \u003cdiv class=\"style-heading\"\u003eTravel Ready\u003c\/div\u003e\n          \u003cdiv class=\"style-description\"\u003eMatching co-ord set + sneakers + light scarf → Easy movement, breathable comfort, and no outfit confusion\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"style-card\"\u003e\n          \u003cdiv class=\"style-heading\"\u003eEvening Soft Glam\u003c\/div\u003e\n          \u003cdiv class=\"style-description\"\u003eMidnight motif set + statement earrings + block heels → Effortless dinner look without heavy styling\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ACCORDION 3: WHY ORDER TODAY --\u003e\n  \u003cdiv class=\"acc-section\"\u003e\n    \u003cinput type=\"checkbox\" id=\"why\" class=\"acc-input\"\u003e\n    \u003clabel for=\"why\" class=\"acc-label\"\u003eWhy Order Today?\u003cspan class=\"acc-toggle\"\u003e\u003cspan class=\"toggle-plus\"\u003e+\u003c\/span\u003e\u003cspan class=\"toggle-minus\"\u003e-\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n    \u003cdiv class=\"acc-content\"\u003e\n      \u003cdiv class=\"table-wrapper\"\u003e\n        \u003ctable class=\"comparison-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eIf You Wait\u003c\/th\u003e\n              \u003cth\u003eIf You Order Now\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSale price might end\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"highlight-orange\"\u003eLock in today's sale price - limited time only\u003c\/span\u003e\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eYour size might sell out\u003c\/td\u003e\n              \u003ctd\u003eAvailable in S, M, L, and XL - pick your size while stock is here\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eYou may miss a complete outfit\u003c\/td\u003e\n              \u003ctd\u003eOne co-ord set gives you a ready top-and-bottom look for daily wear, travel, office, and outings\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eYou’ll keep searching for something easy but elegant\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"highlight-orange\"\u003eStop searching, start wearing\u003c\/span\u003e\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- SQUARE CARDS --\u003e\n      \u003cdiv class=\"square-grid\"\u003e\n        \u003cdiv class=\"square-card\"\u003e\n          Perfect practical gift for your sister, friend, or yourself a complete co-ord outfit that feels soft, stylish, and easy to repeat.\n        \u003c\/div\u003e\n        \u003cdiv class=\"square-card quote-card\"\u003e\n         “Co-ord set ka faida hi yeh hai baji outfit ready, styling tension khatam. Size miss mat karna!”\n        \u003c\/div\u003e\n        \u003cdiv class=\"square-card square-full\"\u003e\n          ADD TO CART - PAY WHEN IT ARRIVES\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MannMoji","offers":[{"title":"S","offer_id":49490294440193,"sku":null,"price":4449.0,"currency_code":"PKR","in_stock":true},{"title":"M","offer_id":49490294472961,"sku":null,"price":4449.0,"currency_code":"PKR","in_stock":true},{"title":"L","offer_id":49490294505729,"sku":null,"price":4449.0,"currency_code":"PKR","in_stock":true},{"title":"XL","offer_id":49490294538497,"sku":null,"price":4449.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/0302\/1569\/files\/8_8383a427-2e77-4690-8a95-5672b5d94a3a.png?v=1782734195","url":"https:\/\/mannmoji.com.pk\/products\/midnight-motif-2-piece-co-ord","provider":"MannMoji","version":"1.0","type":"link"}