{"product_id":"men-s-blue-grey-camouflage-cargo-shorts","title":"Men’s Blue Grey Camouflage Cargo Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sf-blue-camo, .sf-blue-camo * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n  .sf-blue-camo {\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: #f0f3f6;\n    box-shadow: 8px 8px 0 #c1cbd5;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow-wrap: anywhere;\n  }\n  .sf-blue-camo::before, .sf-blue-camo::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    width: 105px;\n    height: 105px;\n    border: 2px solid #c5d0da;\n    border-radius: 26px;\n    transform: rotate(25deg);\n    animation: sf-bc-drift 9s ease-in-out infinite alternate;\n  }\n  .sf-blue-camo::before { top: -60px; right: -35px; }\n  .sf-blue-camo::after { right: -68px; bottom: 105px; animation-delay: -4s; }\n  .sf-blue-camo__label {\n    display: inline-block;\n    margin-bottom: 19px;\n    padding: 8px 12px;\n    border: 2px solid #111;\n    border-radius: 100px;\n    background: #d5e0ea;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    animation: sf-bc-pulse 3s ease-in-out infinite;\n  }\n  .sf-blue-camo__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-blue-camo__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: #bacbdc;\n    animation: sf-bc-float 4s ease-in-out infinite;\n  }\n  .sf-blue-camo__intro {\n    margin: 0 0 23px;\n    font-size: clamp(14px, 3.8vw, 16px);\n    line-height: 1.65;\n  }\n  .sf-blue-camo__features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n  .sf-blue-camo__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 #d0dae3;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .sf-blue-camo__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 8px 0 #bacbdc;\n  }\n  .sf-blue-camo__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: #d5e0ea;\n    font-size: 12px;\n    font-weight: 900;\n  }\n  .sf-blue-camo__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-blue-camo__card p {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n  .sf-blue-camo__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin: 23px 0;\n  }\n  .sf-blue-camo__specs span {\n    max-width: 100%;\n    padding: 8px 10px;\n    border: 1.5px solid #111;\n    border-radius: 8px;\n    background: #dce6ef;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n  .sf-blue-camo__made {\n    padding: 18px;\n    border: 2px solid #111;\n    border-radius: 16px;\n    background: #d5e0ea;\n  }\n  .sf-blue-camo__made strong {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .15em;\n  }\n  .sf-blue-camo__made p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.55;\n  }\n  @keyframes sf-bc-pulse { 50% { transform: scale(1.04); } }\n  @keyframes sf-bc-float { 50% { transform: translateY(-4px); } }\n  @keyframes sf-bc-drift {\n    to { transform: translate(-12px, 15px) rotate(42deg); }\n  }\n  @media (max-width: 380px) {\n    .sf-blue-camo {\n      width: min(100% - 16px, 560px);\n      padding: 19px;\n      border-radius: 19px;\n      box-shadow: 5px 5px 0 #c1cbd5;\n    }\n    .sf-blue-camo__card { gap: 10px; padding: 13px; border-radius: 13px; }\n    .sf-blue-camo__made { padding: 14px; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .sf-blue-camo *, .sf-blue-camo::before, .sf-blue-camo::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-blue-camo\" aria-labelledby=\"sf-blue-camo-title\"\u003e\n  \u003cspan class=\"sf-blue-camo__label\"\u003eCargo collection\u003c\/span\u003e\n\n  \u003ch2 class=\"sf-blue-camo__title\" id=\"sf-blue-camo-title\"\u003e\n    Men’s Blue Grey\n    \u003cspan\u003eCamo Cargo Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sf-blue-camo__intro\"\u003e\n    Blue grey camouflage shorts featuring flap cargo pockets, a button-front\n    waistband and a zip detail on the leg. G-Star Raw branding completes the look.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"sf-blue-camo__features\"\u003e\n    \u003cdiv class=\"sf-blue-camo__card\"\u003e\n      \u003cspan class=\"sf-blue-camo__number\"\u003e01\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eBlue grey camouflage\u003c\/h3\u003e\n        \u003cp\u003eLayered blue and grey tones give the shorts a distinctive pattern.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-blue-camo__card\"\u003e\n      \u003cspan class=\"sf-blue-camo__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-blue-camo__card\"\u003e\n      \u003cspan class=\"sf-blue-camo__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 finish the waistband.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-blue-camo__card\"\u003e\n      \u003cspan class=\"sf-blue-camo__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 complete the design.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-blue-camo__specs\" aria-label=\"Product details\"\u003e\n    \u003cspan\u003eBlue grey 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-blue-camo__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":50526689951883,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526689984651,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526690017419,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526690050187,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/H4_a29b4151-b974-45f5-94ff-b5ab30954327.png?v=1790235135","url":"https:\/\/swagfactory.in\/products\/men-s-blue-grey-camouflage-cargo-shorts","provider":"Swag Factory","version":"1.0","type":"link"}