{"product_id":"men-s-multi-color-cargo-joggers-multi-pocket-casual-pants","title":"Men’s Multi-Color Cargo Joggers – Multi-Pocket Casual Pants","description":"\u003cstyle\u003e\n  .nv-cargo-page {\n    max-width: 920px;\n    margin: 0 auto;\n    padding: 0 12px 42px;\n    color: #242424;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    line-height: 1.55;\n  }\n\n  .nv-cargo-page * {\n    box-sizing: border-box;\n  }\n\n  .nv-cargo-page img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .nv-section {\n    margin: 34px 0;\n  }\n\n  .nv-img {\n    width: 100%;\n    margin: 16px 0;\n    overflow: hidden;\n    border-radius: 12px;\n    background: #f4f4f2;\n  }\n\n  .nv-img img {\n    width: 100%;\n    border-radius: 12px;\n  }\n\n  \/* ==========================\n     SIZE GUIDE FIRST\n  ========================== *\/\n\n  .nv-size-first {\n    margin: 0 0 36px;\n  }\n\n  .nv-size-label {\n    text-align: center;\n    margin-bottom: 12px;\n  }\n\n  .nv-size-label span {\n    display: inline-block;\n    background: #30342c;\n    color: #fff;\n    padding: 6px 13px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1px;\n  }\n\n  .nv-size-title {\n    margin: 0 0 6px;\n    text-align: center;\n    font-size: 25px;\n    line-height: 1.2;\n  }\n\n  .nv-size-desc {\n    max-width: 650px;\n    margin: 0 auto 14px;\n    text-align: center;\n    color: #727272;\n    font-size: 14px;\n  }\n\n  .nv-size-img {\n    overflow: hidden;\n    border-radius: 12px;\n    border: 1px solid #e2e2df;\n    background: #f5f5f2;\n  }\n\n  .nv-size-note {\n    margin: 10px auto 0;\n    text-align: center;\n    font-size: 12px;\n    color: #777;\n  }\n\n\n  \/* ==========================\n     INTRO\n  ========================== *\/\n\n  .nv-eyebrow {\n    margin-bottom: 6px;\n    text-align: center;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    color: #72776b;\n    text-transform: uppercase;\n  }\n\n  .nv-title {\n    max-width: 700px;\n    margin: 0 auto;\n    text-align: center;\n    font-size: 30px;\n    line-height: 1.15;\n    color: #202020;\n  }\n\n  .nv-intro {\n    max-width: 680px;\n    margin: 11px auto 0;\n    text-align: center;\n    color: #666;\n    font-size: 15px;\n  }\n\n  .nv-tag-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 7px;\n    margin-top: 17px;\n  }\n\n  .nv-tag {\n    padding: 7px 12px;\n    background: #f1f1ed;\n    border-radius: 20px;\n    font-size: 12px;\n    color: #464646;\n    font-weight: 600;\n  }\n\n\n  \/* ==========================\n     BENEFITS\n  ========================== *\/\n\n  .nv-heading {\n    text-align: center;\n    margin-bottom: 18px;\n  }\n\n  .nv-heading h2 {\n    margin: 0;\n    font-size: 25px;\n    line-height: 1.2;\n  }\n\n  .nv-heading p {\n    max-width: 640px;\n    margin: 7px auto 0;\n    font-size: 14px;\n    color: #707070;\n  }\n\n  .nv-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .nv-benefit {\n    padding: 18px 14px;\n    text-align: center;\n    background: #f5f5f2;\n    border-radius: 10px;\n  }\n\n  .nv-benefit-icon {\n    margin-bottom: 6px;\n    font-size: 25px;\n  }\n\n  .nv-benefit h3 {\n    margin: 0 0 5px;\n    font-size: 15px;\n  }\n\n  .nv-benefit p {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.45;\n    color: #707070;\n  }\n\n\n  \/* ==========================\n     FEATURE TEXT\n  ========================== *\/\n\n  .nv-feature-copy {\n    padding: 4px 4px 0;\n  }\n\n  .nv-feature-kicker {\n    display: block;\n    margin-bottom: 5px;\n    color: #747b68;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n  }\n\n  .nv-feature-copy h2 {\n    margin: 0 0 8px;\n    font-size: 23px;\n    line-height: 1.25;\n  }\n\n  .nv-feature-copy p {\n    margin: 0;\n    font-size: 15px;\n    color: #636363;\n  }\n\n\n  \/* ==========================\n     USE CASES\n  ========================== *\/\n\n  .nv-use-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 8px;\n    margin-top: 18px;\n  }\n\n  .nv-use {\n    padding: 15px 8px;\n    text-align: center;\n    background: #30342c;\n    color: #fff;\n    border-radius: 8px;\n  }\n\n  .nv-use strong {\n    display: block;\n    font-size: 13px;\n  }\n\n  .nv-use span {\n    display: block;\n    margin-top: 2px;\n    font-size: 11px;\n    opacity: .78;\n  }\n\n\n  \/* ==========================\n     PRODUCT DETAILS\n  ========================== *\/\n\n  .nv-details {\n    overflow: hidden;\n    border: 1px solid #e1e1df;\n    border-radius: 10px;\n  }\n\n  .nv-detail-row {\n    display: grid;\n    grid-template-columns: 34% 66%;\n    padding: 12px 14px;\n    border-bottom: 1px solid #e7e7e5;\n    font-size: 14px;\n  }\n\n  .nv-detail-row:nth-child(even) {\n    background: #f7f7f5;\n  }\n\n  .nv-detail-row:last-child {\n    border-bottom: 0;\n  }\n\n  .nv-detail-row strong {\n    color: #303030;\n  }\n\n  .nv-detail-row span {\n    color: #666;\n  }\n\n\n  \/* ==========================\n     COLOR STRIP\n  ========================== *\/\n\n  .nv-colors {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n  }\n\n  .nv-color {\n    min-width: 75px;\n    padding: 8px 11px;\n    text-align: center;\n    border: 1px solid #dededb;\n    border-radius: 6px;\n    background: #fff;\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n\n  \/* ==========================\n     FAQ\n  ========================== *\/\n\n  .nv-faq {\n    margin-top: 38px;\n  }\n\n  .nv-faq details {\n    border-bottom: 1px solid #dedede;\n  }\n\n  .nv-faq details:first-of-type {\n    border-top: 1px solid #dedede;\n  }\n\n  .nv-faq summary {\n    position: relative;\n    list-style: none;\n    cursor: pointer;\n    padding: 15px 36px 15px 3px;\n    font-size: 15px;\n    font-weight: 650;\n    color: #2d2d2d;\n  }\n\n  .nv-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .nv-faq summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 7px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 21px;\n    font-weight: 400;\n    color: #606060;\n  }\n\n  .nv-faq details[open] summary::after {\n    content: \"−\";\n  }\n\n  .nv-answer {\n    padding: 0 36px 15px 3px;\n    font-size: 14px;\n    color: #686868;\n  }\n\n  .nv-note {\n    margin-top: 25px;\n    padding: 13px 15px;\n    border-radius: 8px;\n    background: #f6f6f4;\n    color: #707070;\n    font-size: 12px;\n  }\n\n\n  \/* ==========================\n     MOBILE\n  ========================== *\/\n\n  @media (max-width: 600px) {\n\n    .nv-cargo-page {\n      padding: 0 9px 35px;\n    }\n\n    .nv-section {\n      margin: 28px 0;\n    }\n\n    .nv-title {\n      font-size: 25px;\n    }\n\n    .nv-heading h2,\n    .nv-size-title {\n      font-size: 22px;\n    }\n\n    .nv-intro,\n    .nv-feature-copy p {\n      font-size: 14px;\n    }\n\n    .nv-benefit-grid {\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n\n    .nv-benefit {\n      display: grid;\n      grid-template-columns: 40px 1fr;\n      text-align: left;\n      padding: 13px;\n    }\n\n    .nv-benefit-icon {\n      grid-row: 1 \/ 3;\n      display: flex;\n      align-items: center;\n      margin: 0;\n    }\n\n    .nv-benefit h3 {\n      margin: 0;\n    }\n\n    .nv-use-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .nv-detail-row {\n      grid-template-columns: 38% 62%;\n      padding: 11px 10px;\n      font-size: 13px;\n    }\n\n    .nv-img {\n      border-radius: 8px;\n    }\n\n    .nv-img img {\n      border-radius: 8px;\n    }\n\n    .nv-size-first {\n      margin-bottom: 28px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"nv-cargo-page\"\u003e\n\u003c!-- ==========================\n       SIZE GUIDE · FIRST\n  =========================== --\u003e\n\u003csection class=\"nv-size-first\"\u003e\u003c\/section\u003e\n\u003csection class=\"nv-section\"\u003e\n\u003cdiv class=\"nv-feature-copy\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==========================\n       THREE BENEFITS\n  =========================== --\u003e\n\u003csection class=\"nv-section\"\u003e\n\u003cdiv class=\"nv-heading\"\u003e\n\u003ch2\u003ePractical Where It Matters\u003c\/h2\u003e\n\u003cp\u003eSimple details designed to make these joggers easy to wear day after day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit-grid\"\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e📱\u003c\/div\u003e\n\u003ch3\u003eUseful Cargo Storage\u003c\/h3\u003e\n\u003cp\u003eSide cargo pockets keep everyday essentials within easy reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e👖\u003c\/div\u003e\n\u003ch3\u003eTapered Jogger Fit\u003c\/h3\u003e\n\u003cp\u003eA streamlined leg with gathered cuffs creates a cleaner casual look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-benefit\"\u003e\n\u003cdiv class=\"nv-benefit-icon\"\u003e🪶\u003c\/div\u003e\n\u003ch3\u003eLightweight Feel\u003c\/h3\u003e\n\u003cp\u003ePolyester construction keeps them practical for everyday and travel wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==========================\n       DETAIL IMAGE\n  =========================== --\u003e\n\u003csection class=\"nv-section\"\u003e\n\u003cdiv class=\"nv-heading\"\u003e\n\u003ch2\u003eDetails You Can See\u003c\/h2\u003e\n\u003cp\u003eA closer look at the waist, cargo storage, cuffs and fabric.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nv-img\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==========================\n       NAVY MODEL\n  =========================== --\u003e\n\u003csection class=\"nv-section\"\u003e\n\u003cdiv class=\"nv-img\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0822\/0095\/3070\/files\/cargo_joggers_navy.png?v=1789115081\" alt=\"Men wearing navy cargo joggers\" loading=\"lazy\"\u003e\u003cspan class=\"nv-feature-kicker\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Green \/ XS","offer_id":50297199296762,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ S","offer_id":50297199329530,"sku":"'111055726","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ M","offer_id":50297199362298,"sku":"'111055727","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ L","offer_id":50297199395066,"sku":"'111055728","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ XL","offer_id":50297199427834,"sku":"'111055729","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ 2XL","offer_id":50297199460602,"sku":"'111055730","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ 3XL","offer_id":50297199493370,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ 4XL","offer_id":50297199526138,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Green \/ 5XL","offer_id":50297199558906,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ XS","offer_id":50297199591674,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ S","offer_id":50297199624442,"sku":"'111055731","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ M","offer_id":50297199657210,"sku":"'111055732","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ L","offer_id":50297199689978,"sku":"'111055733","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ XL","offer_id":50297199722746,"sku":"'111055734","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 2XL","offer_id":50297199755514,"sku":"'111055735","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 3XL","offer_id":50297199788282,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 4XL","offer_id":50297199821050,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ 5XL","offer_id":50297199853818,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ XS","offer_id":50297199886586,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ S","offer_id":50297199919354,"sku":"'111055736","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ M","offer_id":50297199952122,"sku":"'111055737","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ L","offer_id":50297199984890,"sku":"'111055738","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ XL","offer_id":50297200017658,"sku":"'111055739","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 2XL","offer_id":50297200050426,"sku":"'111055740","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 3XL","offer_id":50297200083194,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 4XL","offer_id":50297200115962,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 5XL","offer_id":50297200148730,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ XS","offer_id":50297200181498,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ S","offer_id":50297200214266,"sku":"'111055741","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ M","offer_id":50297200247034,"sku":"'111055742","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ L","offer_id":50297200279802,"sku":"'111055743","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ XL","offer_id":50297200312570,"sku":"'111055744","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ 2XL","offer_id":50297200345338,"sku":"'111055745","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ 3XL","offer_id":50297200378106,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ 4XL","offer_id":50297200410874,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ 5XL","offer_id":50297200443642,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ XS","offer_id":50297200476410,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ S","offer_id":50297200509178,"sku":"'111055746","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":50297200541946,"sku":"'111055747","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":50297200574714,"sku":"'111055748","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":50297200607482,"sku":"'111055749","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":50297200640250,"sku":"'111055750","price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL","offer_id":50297200673018,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 4XL","offer_id":50297200705786,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 5XL","offer_id":50297200738554,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0854\/1356\/0570\/files\/watermark282c9adb41c8adfcb2ada8acbcabf0b7_7859d5db-e9e6-452a-9276-6cfa732ae447.webp?v=1789162808","url":"https:\/\/rodrige.com\/products\/men-s-multi-color-cargo-joggers-multi-pocket-casual-pants","provider":"Rodrige","version":"1.0","type":"link"}