{"title":"Cargo Pants","description":"","products":[{"product_id":"beige-ripstop-cotton-cargo-pants-7-pocket-utility-chic","title":"Beige Ripstop Cotton Cargo Pants","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      Classic beige 90% cotton ripstop cargo pants with 7 functional pockets, a relaxed silhouette, and adjustable drawstring waist for practical everyday style.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-title\"\u003e\n      Beige Ripstop Cotton Cargo Pants\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-sub\"\u003e\n      90% cotton ripstop | 7 utility pockets | Relaxed drawstring comfort\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\"\u003e90% cotton ripstop — lightweight, breathable, soft, and tear-resistant for daily movement\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003eColor\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eClassic beige — neutral, refined, and easy to style year-round\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003ePockets\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003e7 functional pockets — practical utility storage with a stylish cargo edge\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 silhouette — comfortable for travel, errands, creative workdays, and weekends\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003eWaist\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eAdjustable drawstring waist — easy comfort and flexible everyday fitting\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 30, 32, 34, and 36\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\"\u003eMachine washable and colorfast — effortless upkeep for repeated wear\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\"\u003eUrban Minimalist\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Beige ripstop cargos + crisp white button-down + flats → Clean, practical, and polished\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eStreet-Style Edge\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          7-pocket cargo pants + cropped tee + sneakers → Relaxed, bold, and effortlessly cool\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          Beige cargos + relaxed cotton shirt + belt bag + shades → Easy movement with smart utility\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eModest Casual\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Ripstop cargo pants + long tunic + sandals → Comfortable coverage with a modern utility look\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eWeekend Utility\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Drawstring cargos + oversized tee + crossbody bag → Practical weekend style without trying too hard\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 30, 32, 34, and 36 — pick your size while stock is here\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou may miss a practical cargo essential\u003c\/td\u003e\n              \u003ctd\u003eOne beige cargo pant that works with shirts, tees, tunics, sneakers, flats, and travel looks\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou’ll keep searching for comfort with pockets\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"saving-highlight\"\u003eStop searching, start styling\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 breathable cargo comfort with pockets that actually help.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"square-card\"\u003e\n        \u003cdiv class=\"urgency-square\"\u003e\n          “Beige cargo pants har season mein kaam aati hain baji pockets bhi, comfort bhi, style bhi!”\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      Beige ripstop cotton cargo pants | 7-pocket utility design | made for practical comfort and everyday edge\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Mannmoji","offers":[{"title":"30","offer_id":48084770521345,"sku":null,"price":3200.0,"currency_code":"PKR","in_stock":true},{"title":"32","offer_id":48084770554113,"sku":null,"price":3200.0,"currency_code":"PKR","in_stock":true},{"title":"34","offer_id":48084770586881,"sku":null,"price":3200.0,"currency_code":"PKR","in_stock":true},{"title":"36","offer_id":48084770619649,"sku":null,"price":3200.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/0302\/1569\/files\/27_609b7c48-b0b4-4aa3-bbb6-cec5b40f6182.png?v=1776341364"},{"product_id":"sleek-jet-black-cargo-pants-urban-edge-meets-all-day-ease","title":"Jet Black Cargo Pants","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      Sleek jet-black cargo pants in a soft yet sturdy 70% cotton blend, designed with a relaxed straight-leg fit and dual utility pockets for everyday urban ease.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-title\"\u003e\n      Jet Black Cargo Pants\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-sub\"\u003e\n      70% cotton blend | Jet black finish | Relaxed straight-leg cargo fit\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\"\u003e70% cotton blend — soft yet sturdy for lasting wear and everyday comfort\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003eColor\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eJet black — clean, refined, sleek, and easy to style with any top\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 straight-leg design — comfortable, structured, and streetwear-ready\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003ePockets\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eDual utility cargo pockets — practical storage with a modern cargo finish\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003eStyle\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eMinimal urban edge for coffee runs, casual plans, city walks, and everyday styling\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 26, 28, 30, 32, and 34\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\"\u003eMachine wash cold — easy to maintain color, shape, and structure\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\"\u003eClean Streetwear\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Jet black cargo pants + oversized white shirt + chunky sneakers → Clean street-ready confidence\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eGraphic Tee Casual\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Black cargos + graphic tee + chain accessory → Relaxed urban edge with everyday comfort\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eMinimal Monochrome\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Jet black cargos + black fitted top + silver hoops → Sleek, simple, and powerful\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eModest Everyday\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Relaxed cargo pants + long cotton shirt + flats → Comfortable coverage with polished utility style\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eCoffee Run Fit\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Straight-leg cargos + relaxed tee + crossbody bag → Easy movement, practical pockets, and casual style\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 26, 28, 30, 32, and 34 — pick your size while stock is here\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou may miss a black cargo essential\u003c\/td\u003e\n              \u003ctd\u003eOne cargo pant that works with oversized shirts, graphic tees, fitted tops, sneakers, and flats\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou’ll keep searching for easy streetwear pants\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"saving-highlight\"\u003eStop searching, start styling\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 — sleek black cargos that bring pockets, comfort, and street-style edge.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"square-card\"\u003e\n        \u003cdiv class=\"urgency-square\"\u003e\n          “Black cargo pants har outfit ke sath set ho jati hain baji comfort bhi, pockets bhi, attitude bhi!”\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      Jet black cargo pants | relaxed straight-leg utility fit | designed for urban edge and all-day ease\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Mannmoji","offers":[{"title":"26","offer_id":48084773077249,"sku":null,"price":3500.0,"currency_code":"PKR","in_stock":true},{"title":"28","offer_id":48084773110017,"sku":null,"price":3500.0,"currency_code":"PKR","in_stock":true},{"title":"30","offer_id":48084773142785,"sku":null,"price":3500.0,"currency_code":"PKR","in_stock":true},{"title":"32","offer_id":48084773175553,"sku":null,"price":3500.0,"currency_code":"PKR","in_stock":true},{"title":"34","offer_id":48084773208321,"sku":null,"price":3500.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/0302\/1569\/files\/20.png?v=1776336113"},{"product_id":"jet-black-8-pocket-cargo-pants-utility-meets-urban-edge","title":"Jet Black 8-Pocket Cargo Pants","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      Rich jet-black 100% cotton cargo pants with 8 functional utility pockets, high-rise comfort, and a relaxed wide-leg silhouette for bold everyday edge.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-title\"\u003e\n      \n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product-sub\"\u003e\n      100% cotton | 8 utility pockets | High-rise relaxed wide-leg fit\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\"\u003e100% cotton — breathable, durable, structured, and comfortable for regular wear\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003eColor\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eRich jet black — sleek, bold, modern, and easy to style with every top\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003ePockets\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003e8 functional utility pockets — practical, stylish, and made for a strong cargo look\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\"\u003eHigh-rise waist with a relaxed wide-leg silhouette for comfort and street-style structure\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\"\u003eAdjustable strap detailing adds a bold utility-inspired finish\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 26, 28, 30, 32, and 34\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\"\u003eMachine washable — made for everyday styling and repeated wear\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\"\u003eUrban Street Look\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Jet black cargo pants + fitted white tee + chunky sneakers → Strong street-style energy with everyday comfort\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eUtility Power Fit\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          8-pocket cargo pants + cropped jacket + boots → Bold, practical, and confidently modern\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eMinimal Black Look\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Black cargos + black fitted top + silver hoops → Sleek monochrome styling with an edgy finish\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eModest Everyday\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          High-rise cargo pants + long button-down shirt + flats → Comfortable coverage with a polished utility shape\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eCoffee Run Ready\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Relaxed wide-leg cargos + oversized tee + crossbody bag → Easy casual look that still feels styled\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 26, 28, 30, 32, and 34 — pick your size while stock is here\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou may miss a bold utility essential\u003c\/td\u003e\n              \u003ctd\u003eOne black cargo pant that works with tees, shirts, jackets, sneakers, boots, and heels\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou’ll keep searching for practical pants that still look stylish\u003c\/td\u003e\n              \u003ctd\u003e\u003cspan class=\"saving-highlight\"\u003eStop searching, start styling\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 black cargo pants that bring comfort, pockets, and powerful everyday style.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"square-card\"\u003e\n        \u003cdiv class=\"urgency-square\"\u003e\n          “Black cargo pants har top ke sath set ho jati hain baji pockets bhi, comfort bhi, style bhi!”\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      Jet black 8-pocket cargo pants | high-rise cotton utility fit | designed for urban edge and everyday practicality\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"MannMoji","offers":[{"title":"26","offer_id":48113232740609,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"28","offer_id":48113232773377,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"30","offer_id":48113232806145,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"32","offer_id":48113232838913,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"34","offer_id":48113232871681,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/0302\/1569\/files\/21_5bf8ffc3-e799-46e2-866f-7157a0242432.png?v=1776405785"}],"url":"https:\/\/mannmoji.com.pk\/collections\/cargo-pants.oembed","provider":"MannMoji","version":"1.0","type":"link"}