{"product_id":"charcoal-loose-fit-denim-pants-relaxed-structure-modern-attitude","title":"Charcoal Loose-Fit Denim 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      Washed charcoal 100% cotton denim pants with a high-rise waist, loose straight-to-wide leg fit, and clean structured fall for relaxed modern attitude.\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 denim | Washed charcoal grey | High-rise loose 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 denim — breathable, durable, and softens beautifully with 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\"\u003eWashed charcoal grey — contemporary, versatile, and easy to style across seasons\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 loose straight-to-wide leg fit for relaxed 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\"\u003eMinimal seams with a clean structured fall for a modern everyday finish\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"feature-label\"\u003eComfort\u003c\/div\u003e\n        \u003cdiv class=\"feature-value\"\u003eRelaxed silhouette gives easy movement without losing shape\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 use 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\"\u003eOff-Duty Cool\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Charcoal loose-fit denim + fitted black top + sneakers → Effortless relaxed street style\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eStreet-Ready Edge\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Washed charcoal pants + cropped jacket + boots → Bold, modern, and confident\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"style-card\"\u003e\n        \u003cdiv class=\"style-heading\"\u003eMinimal Everyday\u003c\/div\u003e\n        \u003cdiv class=\"style-description\"\u003e\n          Loose denim pants + white cotton shirt + flats → Clean everyday balance with soft structure\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          Charcoal denim + long tunic shirt + sandals → Relaxed coverage with a modern denim attitude\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          High-rise charcoal denim + 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 modern denim essential\u003c\/td\u003e\n              \u003ctd\u003eOne charcoal denim that works with shirts, tees, jackets, tunics, sneakers, and boots\u003c\/td\u003e\n            \u003c\/tr\u003e\n\n            \u003ctr\u003e\n              \u003ctd\u003eYou’ll keep searching for relaxed structured 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 relaxed charcoal denim that feels modern, comfortable, 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          “Charcoal denim ka modern look har top ke sath set ho jata hai baji size nikal gaya tou phir wait karna parega!”\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      Charcoal loose-fit denim pants | high-rise cotton denim | designed for relaxed structure and modern attitude\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Mannmoji","offers":[{"title":"26","offer_id":48113192730881,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"28","offer_id":48113192763649,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"30","offer_id":48113192796417,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"32","offer_id":48113192829185,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true},{"title":"34","offer_id":48113192861953,"sku":null,"price":3700.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/0302\/1569\/files\/23_3b6c4186-71ae-4dd0-be15-4c69b9939f67.png?v=1776405940","url":"https:\/\/mannmoji.com.pk\/products\/charcoal-loose-fit-denim-pants-relaxed-structure-modern-attitude","provider":"MannMoji","version":"1.0","type":"link"}