{"product_id":"midnight-motif-2-piece-co-ord-set-soft-linen","title":"Midnight Motif 2-Piece Co-Ord Set","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      background: #eef2f0;\n      font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n      line-height: 1.5;\n      padding: 2rem 1rem;\n      color: #1e2a28;\n    }\n\n    .product-container {\n      max-width: 1120px;\n      margin: 0 auto;\n      background: #ffffff;\n      border-radius: 28px;\n      box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.02);\n      overflow: hidden;\n    }\n\n    .product-inner {\n      padding: 2.2rem 2rem 2rem 2rem;\n    }\n\n    .badge-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.75rem;\n      margin-bottom: 1.5rem;\n      border-bottom: 1px solid #e7e2db;\n      padding-bottom: 1rem;\n    }\n\n    .badge {\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 0.02em;\n      background: #f4f1ec;\n      color: #3b5548;\n      padding: 0.3rem 1rem;\n      border-radius: 40px;\n      text-transform: uppercase;\n    }\n\n    .badge-accent {\n      background: #e0eae4;\n      color: #1b4d3a;\n    }\n\n    .product-highlight {\n      font-style: normal;\n      font-size: 1rem;\n      color: #5d6f64;\n      margin-bottom: 0.75rem;\n      font-weight: 500;\n      border-left: 2px solid #b2c9bb;\n      padding-left: 1rem;\n    }\n\n    .product-title {\n      font-size: 1.65rem;\n      font-weight: 550;\n      line-height: 1.3;\n      margin: 0.4rem 0 0.4rem 0;\n      color: #1f2e29;\n      letter-spacing: -0.2px;\n      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n      font-style: normal;\n      background: linear-gradient(135deg, #1f2e29 0%, #2c4a3b 100%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      display: inline-block;\n      border-left: 2px solid #c2d4c9;\n      padding-left: 0.9rem;\n    }\n\n    .product-sub {\n      font-size: 0.95rem;\n      color: #5b6f64;\n      margin-bottom: 1.6rem;\n      font-weight: 440;\n      letter-spacing: -0.1px;\n    }\n\n    .grid-section-heading {\n      font-size: 1.6rem;\n      font-weight: 700;\n      color: #1e2c27;\n      letter-spacing: -0.3px;\n      margin: 0.5rem 0 1rem 0;\n      padding-bottom: 0.25rem;\n      border-bottom: 2px solid #dce5df;\n      display: inline-block;\n      width: auto;\n    }\n\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n      gap: 1rem;\n      background: #faf9f7;\n      border-radius: 24px;\n      padding: 1.4rem 1.5rem;\n      margin: 1rem 0 1.8rem 0;\n      border: 1px solid #efe7e0;\n    }\n\n    .feature {\n      display: flex;\n      flex-direction: column;\n      gap: 0.25rem;\n    }\n\n    .feature-label {\n      font-weight: 700;\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #2b6b4e;\n    }\n\n    .feature-value {\n      font-size: 0.95rem;\n      color: #2e3e38;\n      line-height: 1.4;\n    }\n\n    .style-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n      gap: 1rem;\n      background: #faf9f7;\n      border-radius: 24px;\n      padding: 1.4rem 1.5rem;\n      margin: 1rem 0 1.8rem 0;\n      border: 1px solid #efe7e0;\n    }\n\n    .style-card {\n      display: flex;\n      flex-direction: column;\n      gap: 0.35rem;\n    }\n\n    .style-heading {\n      font-weight: 600;\n      font-size: 1rem;\n      letter-spacing: -0.2px;\n      color: #2b6b4e;\n      background: transparent;\n      margin-bottom: 0.2rem;\n      display: inline-block;\n    }\n\n    .style-description {\n      font-size: 0.95rem;\n      color: #2e3e38;\n      line-height: 1.4;\n    }\n\n    .comparison-section {\n      margin: 2rem 0 1.8rem 0;\n    }\n\n    .section-heading {\n      font-size: 1.6rem;\n      font-weight: 600;\n      color: #1e2c27;\n      letter-spacing: -0.2px;\n      margin-bottom: 1rem;\n      border-left: 3px solid #9abbac;\n      padding-left: 1rem;\n    }\n\n    .wear-table-wrapper {\n      background: #faf9f7;\n      border-radius: 24px;\n      padding: 1rem;\n      border: 1px solid #efe7e0;\n      overflow-x: auto;\n    }\n\n    .wear-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-size: 0.95rem;\n      background: #ffffff;\n      border-radius: 20px;\n      overflow: hidden;\n    }\n\n    .wear-table th {\n      text-align: left;\n      font-weight: 700;\n      font-size: 1rem;\n      padding: 1rem 1rem 0.9rem 1rem;\n      background: #f2efe9;\n      border-bottom: 2px solid #ddd5cb;\n      color: #2b5e48;\n      letter-spacing: -0.2px;\n    }\n\n    .wear-table td {\n      padding: 1rem 1rem;\n      border-bottom: 1px solid #ece3db;\n      vertical-align: top;\n      background-color: #ffffff;\n      color: #2f3e38;\n      line-height: 1.45;\n    }\n\n    .wear-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .wear-table th:first-child,\n    .wear-table td:first-child {\n      font-weight: 700;\n      background-color: #fefcf9;\n      color: #3a5c4b;\n      width: 35%;\n    }\n\n    .wear-table td:last-child {\n      background-color: #ffffff;\n      font-weight: 500;\n    }\n\n    .wear-table tr:hover td {\n      background-color: #fcfaf6;\n    }\n\n    .wear-table tr:hover td:first-child {\n      background-color: #f8f5ef;\n    }\n\n    .saving-highlight {\n      color: #bc6f2c;\n      font-weight: 700;\n      background: #fef1e6;\n      display: inline-block;\n      padding: 0.1rem 0.5rem;\n      border-radius: 20px;\n    }\n\n    .square-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 1.5rem;\n      margin: 2.5rem 0 1.5rem 0;\n    }\n\n    .square-card {\n      background: #ffffff;\n      border-radius: 24px;\n      box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.02);\n      padding: 1.8rem 1.2rem;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      min-height: 140px;\n      border: 1px solid #f0eae3;\n    }\n\n    .square-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 20px 32px -12px rgba(0, 0, 0, 0.12);\n    }\n\n    .square-card-full {\n      grid-column: span 2;\n      max-width: 70%;\n      margin: 0 auto;\n      width: 100%;\n    }\n\n    .gift-square {\n      font-size: 1rem;\n      font-weight: 500;\n      color: #4f6a5c;\n      line-height: 1.45;\n      letter-spacing: -0.2px;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .urgency-square {\n      font-size: 1rem;\n      font-weight: 500;\n      color: #9b6e42;\n      line-height: 1.45;\n      letter-spacing: 0.1px;\n    }\n\n    .cta-square {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 0.6rem;\n      background: transparent;\n      border: none;\n      font-size: 1.05rem;\n      font-weight: 600;\n      color: #2c5a48;\n      cursor: pointer;\n      font-family: inherit;\n      transition: all 0.25s ease;\n      border-bottom: 1.5px solid #cbdcd2;\n      padding: 0.25rem 0.5rem;\n    }\n\n    .cta-square:hover {\n      color: #1a3f32;\n      border-bottom-color: #8fae9c;\n      gap: 0.8rem;\n    }\n\n    .arrow-square {\n      font-size: 1.1rem;\n      transition: transform 0.2s;\n    }\n\n    .cta-square:hover .arrow-square {\n      transform: translateX(4px);\n    }\n\n    hr.divider-light {\n      margin: 1.2rem 0 1rem 0;\n      border: 0;\n      height: 1px;\n      background: #e9e0d7;\n    }\n\n    .footer-subtle {\n      text-align: center;\n      font-size: 0.7rem;\n      color: #aa9b8b;\n      margin-top: 0.8rem;\n      letter-spacing: 0.2px;\n    }\n\n    @media (max-width: 680px) {\n      .product-inner {\n        padding: 1.5rem;\n      }\n      .product-title {\n        font-size: 1.35rem;\n        background: none;\n        color: #1f2e29;\n        -webkit-background-clip: unset;\n        background-clip: unset;\n        border-left: 2px solid #c2d4c9;\n        padding-left: 0.8rem;\n      }\n      .section-heading, .grid-section-heading {\n        font-size: 1.4rem;\n      }\n      .features-grid, .style-grid {\n        padding: 1rem;\n      }\n      .wear-table th, .wear-table td {\n        padding: 0.8rem;\n        font-size: 0.85rem;\n      }\n      .style-heading {\n        font-size: 0.9rem;\n      }\n      .square-grid {\n        grid-template-columns: 1fr;\n        gap: 1.2rem;\n      }\n      .square-card-full {\n        grid-column: span 1;\n        max-width: 100%;\n        margin: 0;\n      }\n      .square-card {\n        padding: 1.2rem;\n        min-height: auto;\n      }\n      .gift-square, .urgency-square {\n        font-size: 0.9rem;\n      }\n      .cta-square {\n        font-size: 0.95rem;\n      }\n      .product-sub {\n        font-size: 0.85rem;\n      }\n    }\n  \u003c\/style\u003e\n\n\u003cdiv class=\"product-container\"\u003e\n  \u003cdiv class=\"product-inner\"\u003e\n\n    \u003c!-- Badge row --\u003e\n    \u003cdiv class=\"badge-row\"\u003e\n      \u003cspan class=\"badge\"\u003eCash on Delivery\u003c\/span\u003e\n      \u003cspan class=\"badge badge-accent\"\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\"\u003e\n      Soft linen-blend 2-piece co-ord set with a midnight motif look, designed for breathable comfort, graceful movement, and instantly complete styling.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-title\"\u003e\n      \n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-sub\"\u003e\n      Soft linen blend | 2-piece co-ord set | Light, breathable, smooth feel\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES SECTION --\u003e\n    \u003cdiv class=\"grid-section-heading\"\u003eFeatures\u003c\/div\u003e\n\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\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\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\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\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\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\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\n    \u003c!-- STYLE IT 5 WAYS --\u003e\n    \u003cdiv class=\"grid-section-heading\"\u003eStyle It 5 Ways\u003c\/div\u003e\n\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\"\u003e\n          Midnight motif co-ord set + flats + minimal earrings → Ready outfit with zero styling stress\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eCafé Polished\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Co-ord set + soft sandals + crossbody bag → Clean, graceful, and camera-ready for casual plans\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eOffice Creative\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Linen-blend co-ord + structured tote + loafers → Comfortable workday style with a modern edge\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eTravel Ready\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Matching co-ord set + sneakers + light scarf → Easy movement, breathable comfort, and no outfit confusion\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eEvening Soft Glam\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Midnight motif set + statement earrings + block heels → Effortless dinner look without heavy styling\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"comparison-section\"\u003e\n      \u003ch2 class=\"section-heading\"\u003eWhy Order Today?\u003c\/h2\u003e\n\n      \u003cdiv class=\"wear-table-wrapper\"\u003e\n        \u003ctable class=\"wear-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\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSale price might end\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"saving-highlight\"\u003eLock in today's sale price — limited time only\u003c\/span\u003e\u003c\/td\u003e\n            \u003c\/tr\u003e\n\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\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\n            \u003ctr\u003e\n              \u003ctd\u003eYou’ll keep searching for something easy but elegant\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"saving-highlight\"\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    \u003c\/div\u003e\n\n    \u003c!-- SQUARE GRID FOR FINAL ELEMENTS --\u003e\n    \u003cdiv class=\"square-grid\"\u003e\n      \u003cdiv class=\"square-card\"\u003e\n        \u003cdiv class=\"gift-square\"\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      \u003c\/div\u003e\n\n      \u003cdiv class=\"square-card\"\u003e\n        \u003cdiv class=\"urgency-square\"\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      \u003c\/div\u003e\n\n      \u003cdiv class=\"square-card square-card-full\"\u003e\n        \u003cdiv class=\"gift-square\"\u003e\n          ADD TO CART — PAY WHEN IT ARRIVES\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003chr class=\"divider-light\"\u003e\n\n    \u003cdiv style=\"font-size: 0.68rem; text-align: center; color: #aa9b8b; margin-top: 0.5rem;\"\u003e\n      Midnight motif 2-piece co-ord set | soft linen blend | designed for breathable everyday elegance\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Mannmoji","offers":[{"title":"S","offer_id":48084772618497,"sku":null,"price":4200.0,"currency_code":"PKR","in_stock":true},{"title":"M","offer_id":48084772651265,"sku":null,"price":4200.0,"currency_code":"PKR","in_stock":true},{"title":"L","offer_id":48084772684033,"sku":null,"price":4200.0,"currency_code":"PKR","in_stock":true},{"title":"XL","offer_id":48084772716801,"sku":null,"price":4200.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=1776336306","url":"https:\/\/mannmoji.com.pk\/products\/midnight-motif-2-piece-co-ord-set-soft-linen","provider":"MannMoji","version":"1.0","type":"link"}