{"product_id":"men-s-charcoal-camouflage-cargo-shorts","title":"Men’s Charcoal Camouflage Cargo Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sf-camo-shorts, .sf-camo-shorts * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n  .sf-camo-shorts {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: min(100% - 20px, 560px);\n    margin: 24px auto;\n    padding: 28px;\n    border: 2px solid #111;\n    border-radius: 25px;\n    background: #f0f2ee;\n    box-shadow: 8px 8px 0 #c3cbc0;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow-wrap: anywhere;\n  }\n  .sf-camo-shorts::before, .sf-camo-shorts::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    width: 105px;\n    height: 105px;\n    border: 2px solid #c5cec2;\n    border-radius: 26px;\n    transform: rotate(25deg);\n    animation: sf-camo-drift 9s ease-in-out infinite alternate;\n  }\n  .sf-camo-shorts::before { top: -60px; right: -35px; }\n  .sf-camo-shorts::after { right: -68px; bottom: 105px; animation-delay: -4s; }\n  .sf-camo-shorts__label {\n    display: inline-block;\n    margin-bottom: 19px;\n    padding: 8px 12px;\n    border: 2px solid #111;\n    border-radius: 100px;\n    background: #d6dfd2;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    animation: sf-camo-pulse 3s ease-in-out infinite;\n  }\n  .sf-camo-shorts__title {\n    margin: 0 0 17px;\n    font-size: clamp(29px, 8vw, 46px);\n    font-weight: 900;\n    letter-spacing: -.05em;\n    line-height: 1.05;\n    text-transform: uppercase;\n  }\n  .sf-camo-shorts__title span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 6px;\n    padding: 5px 11px 8px;\n    border: 2px solid #111;\n    border-radius: 9px;\n    background: #b9cbb3;\n    animation: sf-camo-float 4s ease-in-out infinite;\n  }\n  .sf-camo-shorts__intro {\n    margin: 0 0 23px;\n    font-size: clamp(14px, 3.8vw, 16px);\n    line-height: 1.65;\n  }\n  .sf-camo-shorts__features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n  .sf-camo-shorts__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 13px;\n    min-width: 0;\n    padding: 16px;\n    border: 2px solid #111;\n    border-radius: 16px;\n    background: #fff;\n    box-shadow: 4px 4px 0 #d0d9cc;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .sf-camo-shorts__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 8px 0 #b9cbb3;\n  }\n  .sf-camo-shorts__number {\n    display: grid;\n    flex: 0 0 36px;\n    width: 36px;\n    height: 36px;\n    place-items: center;\n    border: 2px solid #111;\n    border-radius: 50%;\n    background: #d6dfd2;\n    font-size: 12px;\n    font-weight: 900;\n  }\n  .sf-camo-shorts__card h3 {\n    margin: 1px 0 5px;\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n  .sf-camo-shorts__card p {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n  .sf-camo-shorts__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin: 23px 0;\n  }\n  .sf-camo-shorts__specs span {\n    max-width: 100%;\n    padding: 8px 10px;\n    border: 1.5px solid #111;\n    border-radius: 8px;\n    background: #dce5d8;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n  .sf-camo-shorts__made {\n    padding: 18px;\n    border: 2px solid #111;\n    border-radius: 16px;\n    background: #d6dfd2;\n  }\n  .sf-camo-shorts__made strong {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .15em;\n  }\n  .sf-camo-shorts__made p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.55;\n  }\n  @keyframes sf-camo-pulse { 50% { transform: scale(1.04); } }\n  @keyframes sf-camo-float { 50% { transform: translateY(-4px); } }\n  @keyframes sf-camo-drift {\n    to { transform: translate(-12px, 15px) rotate(42deg); }\n  }\n  @media (max-width: 380px) {\n    .sf-camo-shorts {\n      width: min(100% - 16px, 560px);\n      padding: 19px;\n      border-radius: 19px;\n      box-shadow: 5px 5px 0 #c3cbc0;\n    }\n    .sf-camo-shorts__card { gap: 10px; padding: 13px; border-radius: 13px; }\n    .sf-camo-shorts__made { padding: 14px; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .sf-camo-shorts *, .sf-camo-shorts::before, .sf-camo-shorts::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-camo-shorts\" aria-labelledby=\"sf-camo-shorts-title\"\u003e\n  \u003cspan class=\"sf-camo-shorts__label\"\u003eCargo collection\u003c\/span\u003e\n\n  \u003ch2 class=\"sf-camo-shorts__title\" id=\"sf-camo-shorts-title\"\u003e\n    Men’s Charcoal\n    \u003cspan\u003eCamo Cargo Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sf-camo-shorts__intro\"\u003e\n    A charcoal and grey camouflage design with flap cargo pockets, a button-front\n    waistband and a zip detail on the leg. Finished with visible G-Star Raw branding.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"sf-camo-shorts__features\"\u003e\n    \u003cdiv class=\"sf-camo-shorts__card\"\u003e\n      \u003cspan class=\"sf-camo-shorts__number\"\u003e01\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eCamouflage print\u003c\/h3\u003e\n        \u003cp\u003eCharcoal and grey tones give the shorts their distinctive pattern.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-camo-shorts__card\"\u003e\n      \u003cspan class=\"sf-camo-shorts__number\"\u003e02\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eFlap cargo pockets\u003c\/h3\u003e\n        \u003cp\u003eLeg pockets add the defining detail of the cargo design.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-camo-shorts__card\"\u003e\n      \u003cspan class=\"sf-camo-shorts__number\"\u003e03\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eButton-front waist\u003c\/h3\u003e\n        \u003cp\u003eA visible front button and belt loops complete the waistband.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-camo-shorts__card\"\u003e\n      \u003cspan class=\"sf-camo-shorts__number\"\u003e04\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eZip and logo details\u003c\/h3\u003e\n        \u003cp\u003eA leg zip and G-Star Raw branding finish the look.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-camo-shorts__specs\" aria-label=\"Product details\"\u003e\n    \u003cspan\u003eCharcoal camo\u003c\/span\u003e\n    \u003cspan\u003eCargo pockets\u003c\/span\u003e\n    \u003cspan\u003eButton-front waist\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-camo-shorts__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits, weekend looks and streetwear styling.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526722588811,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":false},{"title":"XL","offer_id":50526722621579,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":false},{"title":"L","offer_id":50526722654347,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":false},{"title":"M","offer_id":50526722687115,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/I4_56e4f265-e9bc-48fc-b76d-bb99e0666f6d.png?v=1790235297","url":"https:\/\/swagfactory.in\/products\/men-s-charcoal-camouflage-cargo-shorts","provider":"Swag Factory","version":"1.0","type":"link"}