{"product_id":"men-s-taupe-cargo-shorts-with-drawstring-waist","title":"Men’s Taupe Cargo Shorts with Drawstring Waist","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .f2-cargo-story,\n  .f2-cargo-story * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .f2-cargo-story {\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    position: relative;\n    isolation: isolate;\n    border: 3px solid #403a34;\n    border-radius: 30px;\n    background: #f7f3ec;\n    box-shadow: 9px 10px 0 #c9bdb0;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow-wrap: anywhere;\n  }\n\n  .f2-cargo-story::before,\n  .f2-cargo-story::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #a99c8d;\n    opacity: .35;\n    animation: f2-shape-drift 9s ease-in-out infinite alternate;\n  }\n\n  .f2-cargo-story::before {\n    top: -28px;\n    right: -24px;\n    width: 115px;\n    height: 115px;\n    border-radius: 30px;\n    transform: rotate(18deg);\n  }\n\n  .f2-cargo-story::after {\n    bottom: 110px;\n    left: -38px;\n    width: 92px;\n    height: 92px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .f2-cargo-story__label {\n    display: inline-block;\n    margin: 0 0 18px;\n    padding: 8px 13px;\n    border: 2px solid #403a34;\n    border-radius: 999px;\n    background: #e3d8ca;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: f2-label-pulse 3.5s ease-in-out infinite;\n  }\n\n  .f2-cargo-story__heading {\n    margin: 0;\n    font-size: clamp(34px, 9vw, 55px);\n    font-weight: 900;\n    line-height: 1.02;\n    letter-spacing: -.055em;\n    text-transform: uppercase;\n  }\n\n  .f2-cargo-story__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 7px;\n    padding: 4px 12px 8px;\n    border: 2px solid #403a34;\n    border-radius: 11px;\n    background: #c9b9a6;\n    transform: rotate(-1deg);\n    animation: f2-heading-float 4s ease-in-out infinite;\n  }\n\n  .f2-cargo-story__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .f2-cargo-story__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .f2-cargo-story__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #403a34;\n    border-radius: 19px;\n    background: #fffdf9;\n    box-shadow: 4px 5px 0 #d3c6b7;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .f2-cargo-story__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #c1af9c;\n  }\n\n  .f2-cargo-story__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #403a34;\n    border-radius: 50%;\n    background: #dbcdbd;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .f2-cargo-story__copy {\n    min-width: 0;\n  }\n\n  .f2-cargo-story__card h3 {\n    margin: 1px 0 5px;\n    font-size: clamp(16px, 4.5vw, 19px);\n    font-weight: 900;\n    line-height: 1.2;\n  }\n\n  .f2-cargo-story__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .f2-cargo-story__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .f2-cargo-story__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #403a34;\n    border-radius: 10px;\n    background: #e8e0d5;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .f2-cargo-story__made {\n    padding: 18px 20px;\n    border: 2px solid #403a34;\n    border-radius: 20px;\n    background: #ded2c3;\n  }\n\n  .f2-cargo-story__made strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n  }\n\n  .f2-cargo-story__made p {\n    margin: 0;\n    font-size: clamp(15px, 4vw, 17px);\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  @keyframes f2-heading-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes f2-label-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes f2-shape-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .f2-cargo-story {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #c9bdb0;\n    }\n\n    .f2-cargo-story__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #d3c6b7;\n    }\n\n    .f2-cargo-story__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .f2-cargo-story *,\n    .f2-cargo-story::before,\n    .f2-cargo-story::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"f2-cargo-story\" aria-label=\"Taupe cargo shorts product details\"\u003e\n  \u003cspan class=\"f2-cargo-story__label\"\u003eThe cargo edit\u003c\/span\u003e\n\n  \u003ch2 class=\"f2-cargo-story__heading\"\u003e\n    Everyday\n    \u003cspan\u003eCargo Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"f2-cargo-story__intro\"\u003e\n    A clean taupe colour meets a practical cargo silhouette. With an elasticated drawstring waist, side pockets and flap cargo pockets, these shorts bring an easy finish to casual outfits.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"f2-cargo-story__features\"\u003e\n    \u003carticle class=\"f2-cargo-story__card\"\u003e\n      \u003cspan class=\"f2-cargo-story__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"f2-cargo-story__copy\"\u003e\n        \u003ch3\u003eAdjustable waist\u003c\/h3\u003e\n        \u003cp\u003eAn elasticated waistband and drawstring let you adjust the fit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"f2-cargo-story__card\"\u003e\n      \u003cspan class=\"f2-cargo-story__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"f2-cargo-story__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003eKeep the familiar pocket detail of an everyday pair of shorts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"f2-cargo-story__card\"\u003e\n      \u003cspan class=\"f2-cargo-story__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"f2-cargo-story__copy\"\u003e\n        \u003ch3\u003eCargo detail\u003c\/h3\u003e\n        \u003cp\u003eFlap pockets on both legs give the silhouette its utility look.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"f2-cargo-story__card\"\u003e\n      \u003cspan class=\"f2-cargo-story__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"f2-cargo-story__copy\"\u003e\n        \u003ch3\u003eUnderstated colour\u003c\/h3\u003e\n        \u003cp\u003eThe taupe shade offers a neutral base for casual styling.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"f2-cargo-story__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eElasticated drawstring waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n    \u003cspan\u003eFlap cargo pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"f2-cargo-story__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday wear · Utility-inspired styling\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526620778635,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526620811403,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526620844171,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526620876939,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/F4_5b3d65ee-0252-4790-a42e-ffcff444ec24.png?v=1790234748","url":"https:\/\/swagfactory.in\/products\/men-s-taupe-cargo-shorts-with-drawstring-waist","provider":"Swag Factory","version":"1.0","type":"link"}