{"title":"Shorts","description":null,"products":[{"product_id":"men-s-navy-bandana-print-drawstring-shorts","title":"Men’s Navy Bandana Print Drawstring Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sh2-bandana-shorts,\n  .sh2-bandana-shorts * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .sh2-bandana-shorts {\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    border: 3px solid #25354c;\n    border-radius: 30px;\n    background: #f3f6f9;\n    box-shadow: 9px 10px 0 #b9c8d8;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .sh2-bandana-shorts::before,\n  .sh2-bandana-shorts::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #90a6bd;\n    opacity: .35;\n    animation: sh2-drift 9s ease-in-out infinite alternate;\n  }\n\n  .sh2-bandana-shorts::before {\n    top: -28px;\n    right: -25px;\n    width: 115px;\n    height: 115px;\n    border-radius: 28px;\n    transform: rotate(18deg);\n  }\n\n  .sh2-bandana-shorts::after {\n    bottom: 105px;\n    left: -38px;\n    width: 94px;\n    height: 94px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .sh2-bandana-shorts__label {\n    display: inline-block;\n    margin-bottom: 18px;\n    padding: 8px 13px;\n    border: 2px solid #25354c;\n    border-radius: 999px;\n    background: #dce5ef;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: sh2-pulse 3.5s ease-in-out infinite;\n  }\n\n  .sh2-bandana-shorts__heading {\n    margin: 0;\n    font-size: clamp(33px, 8.5vw, 54px);\n    font-weight: 900;\n    line-height: 1.04;\n    letter-spacing: -.055em;\n    text-transform: uppercase;\n  }\n\n  .sh2-bandana-shorts__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 7px;\n    padding: 5px 12px 8px;\n    border: 2px solid #25354c;\n    border-radius: 11px;\n    background: #b8cee5;\n    animation: sh2-float 4s ease-in-out infinite;\n  }\n\n  .sh2-bandana-shorts__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .sh2-bandana-shorts__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .sh2-bandana-shorts__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #25354c;\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: 4px 5px 0 #cedae6;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .sh2-bandana-shorts__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #aec2d8;\n  }\n\n  .sh2-bandana-shorts__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #25354c;\n    border-radius: 50%;\n    background: #dce5ef;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .sh2-bandana-shorts__copy {\n    min-width: 0;\n  }\n\n  .sh2-bandana-shorts__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  .sh2-bandana-shorts__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .sh2-bandana-shorts__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .sh2-bandana-shorts__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #25354c;\n    border-radius: 10px;\n    background: #e5edf5;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .sh2-bandana-shorts__made {\n    padding: 18px 20px;\n    border: 2px solid #25354c;\n    border-radius: 20px;\n    background: #d7e4f0;\n  }\n\n  .sh2-bandana-shorts__made strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n  }\n\n  .sh2-bandana-shorts__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 sh2-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes sh2-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes sh2-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .sh2-bandana-shorts {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #b9c8d8;\n    }\n\n    .sh2-bandana-shorts__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #cedae6;\n    }\n\n    .sh2-bandana-shorts__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sh2-bandana-shorts *,\n    .sh2-bandana-shorts::before,\n    .sh2-bandana-shorts::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sh2-bandana-shorts\" aria-label=\"Navy bandana print shorts product details\"\u003e\n  \u003cspan class=\"sh2-bandana-shorts__label\"\u003eThe print edit\u003c\/span\u003e\n\n  \u003ch2 class=\"sh2-bandana-shorts__heading\"\u003e\n    Navy\n    \u003cspan\u003eBandana Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sh2-bandana-shorts__intro\"\u003e\n    A patchwork-style bandana print brings white motifs and intricate pattern to a navy base. These shorts feature an elasticated drawstring waist, side pockets and a relaxed silhouette.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"sh2-bandana-shorts__features\"\u003e\n    \u003carticle class=\"sh2-bandana-shorts__card\"\u003e\n      \u003cspan class=\"sh2-bandana-shorts__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"sh2-bandana-shorts__copy\"\u003e\n        \u003ch3\u003ePatchwork-style print\u003c\/h3\u003e\n        \u003cp\u003eDifferent bandana-inspired motifs give the shorts their standout look.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"sh2-bandana-shorts__card\"\u003e\n      \u003cspan class=\"sh2-bandana-shorts__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"sh2-bandana-shorts__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=\"sh2-bandana-shorts__card\"\u003e\n      \u003cspan class=\"sh2-bandana-shorts__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"sh2-bandana-shorts__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003ePockets at the sides add a practical everyday detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"sh2-bandana-shorts__card\"\u003e\n      \u003cspan class=\"sh2-bandana-shorts__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"sh2-bandana-shorts__copy\"\u003e\n        \u003ch3\u003eRelaxed shape\u003c\/h3\u003e\n        \u003cp\u003eThe loose silhouette pairs easily with a plain T-shirt and sneakers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sh2-bandana-shorts__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eNavy and white bandana print\u003c\/span\u003e\n    \u003cspan\u003eElasticated drawstring waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sh2-bandana-shorts__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday styling · Statement prints\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526320820363,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526320853131,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526320885899,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526320918667,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/SH4_d2f88acd-c35e-4097-adba-e86facf8991a.png?v=1790233133"},{"product_id":"men-s-white-monogram-print-drawstring-shorts","title":"Men’s White Monogram Print Drawstring Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .a2-white-print,\n  .a2-white-print * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .a2-white-print {\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    border: 3px solid #2d3440;\n    border-radius: 30px;\n    background: #faf9f6;\n    box-shadow: 9px 10px 0 #c9ccd0;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .a2-white-print::before,\n  .a2-white-print::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #a5aab3;\n    opacity: .4;\n    animation: a2-drift 9s ease-in-out infinite alternate;\n  }\n\n  .a2-white-print::before {\n    top: -28px;\n    right: -25px;\n    width: 115px;\n    height: 115px;\n    border-radius: 28px;\n    transform: rotate(18deg);\n  }\n\n  .a2-white-print::after {\n    bottom: 105px;\n    left: -38px;\n    width: 94px;\n    height: 94px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .a2-white-print__label {\n    display: inline-block;\n    margin-bottom: 18px;\n    padding: 8px 13px;\n    border: 2px solid #2d3440;\n    border-radius: 999px;\n    background: #e5e7ea;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: a2-pulse 3.5s ease-in-out infinite;\n  }\n\n  .a2-white-print__heading {\n    margin: 0;\n    font-size: clamp(33px, 8.5vw, 54px);\n    font-weight: 900;\n    line-height: 1.04;\n    letter-spacing: -.055em;\n    text-transform: uppercase;\n  }\n\n  .a2-white-print__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 7px;\n    padding: 5px 12px 8px;\n    border: 2px solid #2d3440;\n    border-radius: 11px;\n    background: #d8dce1;\n    animation: a2-float 4s ease-in-out infinite;\n  }\n\n  .a2-white-print__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .a2-white-print__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .a2-white-print__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #2d3440;\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: 4px 5px 0 #d7d9dc;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .a2-white-print__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #bfc3c9;\n  }\n\n  .a2-white-print__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #2d3440;\n    border-radius: 50%;\n    background: #e5e7ea;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .a2-white-print__copy {\n    min-width: 0;\n  }\n\n  .a2-white-print__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  .a2-white-print__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .a2-white-print__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .a2-white-print__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #2d3440;\n    border-radius: 10px;\n    background: #eceef0;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .a2-white-print__made {\n    padding: 18px 20px;\n    border: 2px solid #2d3440;\n    border-radius: 20px;\n    background: #e1e4e8;\n  }\n\n  .a2-white-print__made strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n  }\n\n  .a2-white-print__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 a2-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes a2-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes a2-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .a2-white-print {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #c9ccd0;\n    }\n\n    .a2-white-print__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #d7d9dc;\n    }\n\n    .a2-white-print__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .a2-white-print *,\n    .a2-white-print::before,\n    .a2-white-print::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"a2-white-print\" aria-label=\"White printed shorts product details\"\u003e\n  \u003cspan class=\"a2-white-print__label\"\u003eThe print edit\u003c\/span\u003e\n\n  \u003ch2 class=\"a2-white-print__heading\"\u003e\n    White\n    \u003cspan\u003ePrinted Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"a2-white-print__intro\"\u003e\n    A crisp white base and repeating dark motif give these shorts a distinctive look. The elasticated drawstring waist and side pockets complete the relaxed silhouette.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"a2-white-print__features\"\u003e\n    \u003carticle class=\"a2-white-print__card\"\u003e\n      \u003cspan class=\"a2-white-print__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"a2-white-print__copy\"\u003e\n        \u003ch3\u003eRepeating print\u003c\/h3\u003e\n        \u003cp\u003eThe dark all-over motif adds detail across the white shorts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"a2-white-print__card\"\u003e\n      \u003cspan class=\"a2-white-print__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"a2-white-print__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=\"a2-white-print__card\"\u003e\n      \u003cspan class=\"a2-white-print__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"a2-white-print__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003ePockets at the sides add a practical everyday detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"a2-white-print__card\"\u003e\n      \u003cspan class=\"a2-white-print__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"a2-white-print__copy\"\u003e\n        \u003ch3\u003eRelaxed shape\u003c\/h3\u003e\n        \u003cp\u003eThe loose silhouette pairs easily with a plain T-shirt and sneakers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"a2-white-print__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eWhite and dark print\u003c\/span\u003e\n    \u003cspan\u003eElasticated drawstring waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"a2-white-print__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday styling · Statement prints\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526347526283,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526347559051,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526347591819,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526347624587,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/A4_251fdbda-17cb-41cb-9625-c2e3f70c5d67.png?v=1790233316"},{"product_id":"men-s-sage-green-monogram-print-drawstring-shorts","title":"Men’s Sage Green Monogram Print Drawstring Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .b2-sage-shorts,\n  .b2-sage-shorts * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .b2-sage-shorts {\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    border: 3px solid #345244;\n    border-radius: 30px;\n    background: #f5f8f2;\n    box-shadow: 9px 10px 0 #b6c8b6;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .b2-sage-shorts::before,\n  .b2-sage-shorts::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #88a58a;\n    opacity: .35;\n    animation: b2-sage-drift 9s ease-in-out infinite alternate;\n  }\n\n  .b2-sage-shorts::before {\n    top: -28px;\n    right: -25px;\n    width: 115px;\n    height: 115px;\n    border-radius: 28px;\n    transform: rotate(18deg);\n  }\n\n  .b2-sage-shorts::after {\n    bottom: 105px;\n    left: -38px;\n    width: 94px;\n    height: 94px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .b2-sage-shorts__label {\n    display: inline-block;\n    margin-bottom: 18px;\n    padding: 8px 13px;\n    border: 2px solid #345244;\n    border-radius: 999px;\n    background: #dce9d9;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: b2-sage-pulse 3.5s ease-in-out infinite;\n  }\n\n  .b2-sage-shorts__heading {\n    margin: 0;\n    font-size: clamp(33px, 8.5vw, 54px);\n    font-weight: 900;\n    line-height: 1.04;\n    letter-spacing: -.055em;\n    text-transform: uppercase;\n  }\n\n  .b2-sage-shorts__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 7px;\n    padding: 5px 12px 8px;\n    border: 2px solid #345244;\n    border-radius: 11px;\n    background: #bdd5ba;\n    animation: b2-sage-float 4s ease-in-out infinite;\n  }\n\n  .b2-sage-shorts__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .b2-sage-shorts__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .b2-sage-shorts__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #345244;\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: 4px 5px 0 #d0dfcd;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .b2-sage-shorts__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #aec9ad;\n  }\n\n  .b2-sage-shorts__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #345244;\n    border-radius: 50%;\n    background: #dce9d9;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .b2-sage-shorts__copy {\n    min-width: 0;\n  }\n\n  .b2-sage-shorts__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  .b2-sage-shorts__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .b2-sage-shorts__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .b2-sage-shorts__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #345244;\n    border-radius: 10px;\n    background: #e6efe3;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .b2-sage-shorts__made {\n    padding: 18px 20px;\n    border: 2px solid #345244;\n    border-radius: 20px;\n    background: #d5e4d1;\n  }\n\n  .b2-sage-shorts__made strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n  }\n\n  .b2-sage-shorts__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 b2-sage-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes b2-sage-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes b2-sage-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .b2-sage-shorts {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #b6c8b6;\n    }\n\n    .b2-sage-shorts__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #d0dfcd;\n    }\n\n    .b2-sage-shorts__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .b2-sage-shorts *,\n    .b2-sage-shorts::before,\n    .b2-sage-shorts::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"b2-sage-shorts\" aria-label=\"Sage green printed shorts product details\"\u003e\n  \u003cspan class=\"b2-sage-shorts__label\"\u003eThe print edit\u003c\/span\u003e\n\n  \u003ch2 class=\"b2-sage-shorts__heading\"\u003e\n    Sage Green\n    \u003cspan\u003ePrinted Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"b2-sage-shorts__intro\"\u003e\n    A soft sage green base and repeating dark motif give these shorts a distinctive look. The elasticated drawstring waist and side pockets complete the relaxed silhouette.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"b2-sage-shorts__features\"\u003e\n    \u003carticle class=\"b2-sage-shorts__card\"\u003e\n      \u003cspan class=\"b2-sage-shorts__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"b2-sage-shorts__copy\"\u003e\n        \u003ch3\u003eRepeating print\u003c\/h3\u003e\n        \u003cp\u003eThe dark all-over motif adds detail across the sage green shorts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"b2-sage-shorts__card\"\u003e\n      \u003cspan class=\"b2-sage-shorts__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"b2-sage-shorts__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=\"b2-sage-shorts__card\"\u003e\n      \u003cspan class=\"b2-sage-shorts__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"b2-sage-shorts__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003ePockets at the sides add a practical everyday detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"b2-sage-shorts__card\"\u003e\n      \u003cspan class=\"b2-sage-shorts__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"b2-sage-shorts__copy\"\u003e\n        \u003ch3\u003eRelaxed shape\u003c\/h3\u003e\n        \u003cp\u003eThe loose silhouette pairs easily with a plain T-shirt and sneakers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"b2-sage-shorts__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eSage green and dark print\u003c\/span\u003e\n    \u003cspan\u003eElasticated drawstring waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"b2-sage-shorts__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday styling · Statement prints\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526385995915,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526386028683,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526386061451,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526386094219,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/B4_1b28c80d-0a75-4e40-9235-fc586f7a70b9.png?v=1790233513"},{"product_id":"men-s-blue-monogram-print-drawstring-shorts","title":"Men’s Blue Monogram Print Drawstring Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .d2-blue-print,\n  .d2-blue-print * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .d2-blue-print {\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    border: 3px solid #183967;\n    border-radius: 30px;\n    background: #f3f7fc;\n    box-shadow: 9px 10px 0 #a9c5e8;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .d2-blue-print::before,\n  .d2-blue-print::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #6397d4;\n    opacity: .35;\n    animation: d2-drift 9s ease-in-out infinite alternate;\n  }\n\n  .d2-blue-print::before {\n    top: -28px;\n    right: -25px;\n    width: 115px;\n    height: 115px;\n    border-radius: 28px;\n    transform: rotate(18deg);\n  }\n\n  .d2-blue-print::after {\n    bottom: 105px;\n    left: -38px;\n    width: 94px;\n    height: 94px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .d2-blue-print__label {\n    display: inline-block;\n    margin-bottom: 18px;\n    padding: 8px 13px;\n    border: 2px solid #183967;\n    border-radius: 999px;\n    background: #d8e8fa;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: d2-pulse 3.5s ease-in-out infinite;\n  }\n\n  .d2-blue-print__heading {\n    margin: 0;\n    font-size: clamp(33px, 8.5vw, 54px);\n    font-weight: 900;\n    line-height: 1.04;\n    letter-spacing: -.055em;\n    text-transform: uppercase;\n  }\n\n  .d2-blue-print__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 7px;\n    padding: 5px 12px 8px;\n    border: 2px solid #183967;\n    border-radius: 11px;\n    background: #a9cff4;\n    animation: d2-float 4s ease-in-out infinite;\n  }\n\n  .d2-blue-print__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .d2-blue-print__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .d2-blue-print__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #183967;\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: 4px 5px 0 #c8dcf2;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .d2-blue-print__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #a9c5e8;\n  }\n\n  .d2-blue-print__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #183967;\n    border-radius: 50%;\n    background: #d8e8fa;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .d2-blue-print__copy {\n    min-width: 0;\n  }\n\n  .d2-blue-print__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  .d2-blue-print__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .d2-blue-print__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .d2-blue-print__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #183967;\n    border-radius: 10px;\n    background: #e0eefb;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .d2-blue-print__made {\n    padding: 18px 20px;\n    border: 2px solid #183967;\n    border-radius: 20px;\n    background: #cee2f8;\n  }\n\n  .d2-blue-print__made strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n  }\n\n  .d2-blue-print__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 d2-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes d2-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes d2-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .d2-blue-print {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #a9c5e8;\n    }\n\n    .d2-blue-print__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #c8dcf2;\n    }\n\n    .d2-blue-print__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .d2-blue-print *,\n    .d2-blue-print::before,\n    .d2-blue-print::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"d2-blue-print\" aria-label=\"Blue printed shorts product details\"\u003e\n  \u003cspan class=\"d2-blue-print__label\"\u003eThe print edit\u003c\/span\u003e\n\n  \u003ch2 class=\"d2-blue-print__heading\"\u003e\n    Bold Blue\n    \u003cspan\u003ePrinted Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"d2-blue-print__intro\"\u003e\n    Bright blue shorts with an all-over dark motif print bring colour and pattern to a casual outfit. An elasticated drawstring waist and side pockets complete the look.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"d2-blue-print__features\"\u003e\n    \u003carticle class=\"d2-blue-print__card\"\u003e\n      \u003cspan class=\"d2-blue-print__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"d2-blue-print__copy\"\u003e\n        \u003ch3\u003eAll-over motif\u003c\/h3\u003e\n        \u003cp\u003eThe dark repeating print gives the blue shorts their distinctive look.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"d2-blue-print__card\"\u003e\n      \u003cspan class=\"d2-blue-print__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"d2-blue-print__copy\"\u003e\n        \u003ch3\u003eAdjustable waist\u003c\/h3\u003e\n        \u003cp\u003eAn elasticated waistband and visible drawstring let you adjust the fit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"d2-blue-print__card\"\u003e\n      \u003cspan class=\"d2-blue-print__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"d2-blue-print__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003ePockets at the sides add a practical everyday detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"d2-blue-print__card\"\u003e\n      \u003cspan class=\"d2-blue-print__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"d2-blue-print__copy\"\u003e\n        \u003ch3\u003eRelaxed silhouette\u003c\/h3\u003e\n        \u003cp\u003eThe roomy shape pairs easily with a plain T-shirt and sneakers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"d2-blue-print__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eBlue and dark motif print\u003c\/span\u003e\n    \u003cspan\u003eElasticated drawstring waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"d2-blue-print__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday styling · Statement prints\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526433575051,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526433607819,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526433640587,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526433673355,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/D4_1aeb3db0-4675-42a1-9b29-bc26cf2416fe.png?v=1790233774"},{"product_id":"men-s-navy-allover-monogram-print-shorts","title":"Men’s Navy Allover Monogram Print Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .c2-navy-shorts,\n  .c2-navy-shorts * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .c2-navy-shorts {\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    border: 3px solid #243450;\n    border-radius: 30px;\n    background: #f4f6fa;\n    box-shadow: 9px 10px 0 #b9c7d9;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .c2-navy-shorts::before,\n  .c2-navy-shorts::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #8da3c0;\n    opacity: .35;\n    animation: c2-drift 9s ease-in-out infinite alternate;\n  }\n\n  .c2-navy-shorts::before {\n    top: -28px;\n    right: -25px;\n    width: 115px;\n    height: 115px;\n    border-radius: 28px;\n    transform: rotate(18deg);\n  }\n\n  .c2-navy-shorts::after {\n    bottom: 105px;\n    left: -38px;\n    width: 94px;\n    height: 94px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .c2-navy-shorts__label {\n    display: inline-block;\n    margin-bottom: 18px;\n    padding: 8px 13px;\n    border: 2px solid #243450;\n    border-radius: 999px;\n    background: #dce6f4;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: c2-pulse 3.5s ease-in-out infinite;\n  }\n\n  .c2-navy-shorts__heading {\n    margin: 0;\n    font-size: clamp(33px, 8.5vw, 54px);\n    font-weight: 900;\n    line-height: 1.04;\n    letter-spacing: -.055em;\n    text-transform: uppercase;\n  }\n\n  .c2-navy-shorts__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 7px;\n    padding: 5px 12px 8px;\n    border: 2px solid #243450;\n    border-radius: 11px;\n    background: #b7cbe5;\n    animation: c2-float 4s ease-in-out infinite;\n  }\n\n  .c2-navy-shorts__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .c2-navy-shorts__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .c2-navy-shorts__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #243450;\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: 4px 5px 0 #ccd7e6;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .c2-navy-shorts__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #aabed8;\n  }\n\n  .c2-navy-shorts__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #243450;\n    border-radius: 50%;\n    background: #dce6f4;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .c2-navy-shorts__copy {\n    min-width: 0;\n  }\n\n  .c2-navy-shorts__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  .c2-navy-shorts__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .c2-navy-shorts__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .c2-navy-shorts__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #243450;\n    border-radius: 10px;\n    background: #e5edf8;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .c2-navy-shorts__made {\n    padding: 18px 20px;\n    border: 2px solid #243450;\n    border-radius: 20px;\n    background: #d6e2f2;\n  }\n\n  .c2-navy-shorts__made strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n  }\n\n  .c2-navy-shorts__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 c2-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes c2-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes c2-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .c2-navy-shorts {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #b9c7d9;\n    }\n\n    .c2-navy-shorts__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #ccd7e6;\n    }\n\n    .c2-navy-shorts__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .c2-navy-shorts *,\n    .c2-navy-shorts::before,\n    .c2-navy-shorts::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"c2-navy-shorts\" aria-label=\"Navy printed shorts product details\"\u003e\n  \u003cspan class=\"c2-navy-shorts__label\"\u003eThe print edit\u003c\/span\u003e\n\n  \u003ch2 class=\"c2-navy-shorts__heading\"\u003e\n    Navy\n    \u003cspan\u003ePrinted Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"c2-navy-shorts__intro\"\u003e\n    An all-over white motif print stands out against the navy base. These shorts feature an elasticated waistband and side pockets for an easy casual look.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"c2-navy-shorts__features\"\u003e\n    \u003carticle class=\"c2-navy-shorts__card\"\u003e\n      \u003cspan class=\"c2-navy-shorts__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"c2-navy-shorts__copy\"\u003e\n        \u003ch3\u003eAll-over print\u003c\/h3\u003e\n        \u003cp\u003eWhite motifs across the navy shorts give a simple outfit a bold focal point.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"c2-navy-shorts__card\"\u003e\n      \u003cspan class=\"c2-navy-shorts__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"c2-navy-shorts__copy\"\u003e\n        \u003ch3\u003eElasticated waist\u003c\/h3\u003e\n        \u003cp\u003eThe gathered waistband makes the shorts easy to pull on.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"c2-navy-shorts__card\"\u003e\n      \u003cspan class=\"c2-navy-shorts__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"c2-navy-shorts__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003ePockets at the sides add an everyday practical detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"c2-navy-shorts__card\"\u003e\n      \u003cspan class=\"c2-navy-shorts__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"c2-navy-shorts__copy\"\u003e\n        \u003ch3\u003eRelaxed shape\u003c\/h3\u003e\n        \u003cp\u003eThe loose silhouette pairs easily with a plain tee and sneakers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"c2-navy-shorts__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eNavy and white print\u003c\/span\u003e\n    \u003cspan\u003eElasticated waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"c2-navy-shorts__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday styling · Statement prints\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526510153867,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526510186635,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526510219403,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526510252171,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/C3_d88411b3-392f-427a-8b29-14b83946e531.png?v=1790234198"},{"product_id":"men-s-black-monogram-print-drawstring-shorts","title":"Men’s Black Monogram Print Drawstring Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .e2-monogram-story,\n  .e2-monogram-story * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .e2-monogram-story {\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 560px);\n    margin: 0 auto;\n    padding: clamp(20px, 5vw, 36px);\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    border: 3px solid #24252a;\n    border-radius: 30px;\n    background: #f5f3f0;\n    box-shadow: 9px 10px 0 #c8c6c5;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .e2-monogram-story::before,\n  .e2-monogram-story::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid #74777e;\n    opacity: .3;\n    animation: e2-shape-drift 9s ease-in-out infinite alternate;\n  }\n\n  .e2-monogram-story::before {\n    top: -30px;\n    right: -25px;\n    width: 120px;\n    height: 120px;\n    border-radius: 28px;\n    transform: rotate(18deg);\n  }\n\n  .e2-monogram-story::after {\n    bottom: 105px;\n    left: -35px;\n    width: 95px;\n    height: 95px;\n    border-radius: 50%;\n    animation-delay: -4s;\n  }\n\n  .e2-monogram-story__label {\n    display: inline-block;\n    margin: 0 0 18px;\n    padding: 8px 13px;\n    border: 2px solid #24252a;\n    border-radius: 999px;\n    background: #d9d9dc;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    animation: e2-label-pulse 3.5s ease-in-out infinite;\n  }\n\n  .e2-monogram-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  .e2-monogram-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 #24252a;\n    border-radius: 11px;\n    background: #bfc0c5;\n    transform: rotate(-1deg);\n    animation: e2-heading-float 4s ease-in-out infinite;\n  }\n\n  .e2-monogram-story__intro {\n    margin: 22px 0 25px;\n    font-size: clamp(15px, 3.8vw, 17px);\n    line-height: 1.65;\n  }\n\n  .e2-monogram-story__features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .e2-monogram-story__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #24252a;\n    border-radius: 19px;\n    background: #fff;\n    box-shadow: 4px 5px 0 #d3d2d4;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .e2-monogram-story__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 9px 0 #b9b8bd;\n  }\n\n  .e2-monogram-story__number {\n    display: grid;\n    flex: 0 0 38px;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    border: 2px solid #24252a;\n    border-radius: 50%;\n    background: #d5d5d9;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .e2-monogram-story__copy {\n    min-width: 0;\n  }\n\n  .e2-monogram-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  .e2-monogram-story__card p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .e2-monogram-story__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 23px 0;\n  }\n\n  .e2-monogram-story__specs span {\n    max-width: 100%;\n    padding: 8px 11px;\n    border: 2px solid #24252a;\n    border-radius: 10px;\n    background: #e4e4e6;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .e2-monogram-story__made {\n    padding: 18px 20px;\n    border: 2px solid #24252a;\n    border-radius: 20px;\n    background: #d9d9dc;\n  }\n\n  .e2-monogram-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  .e2-monogram-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 e2-heading-float {\n    0%, 100% { transform: translateY(0) rotate(-1deg); }\n    50% { transform: translateY(-5px) rotate(.5deg); }\n  }\n\n  @keyframes e2-label-pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes e2-shape-drift {\n    from { translate: 0 0; }\n    to { translate: 9px -11px; }\n  }\n\n  @media (max-width: 400px) {\n    .e2-monogram-story {\n      border-radius: 22px;\n      box-shadow: 5px 6px 0 #c8c6c5;\n    }\n\n    .e2-monogram-story__card {\n      gap: 12px;\n      padding: 14px;\n      border-radius: 15px;\n      box-shadow: 3px 4px 0 #d3d2d4;\n    }\n\n    .e2-monogram-story__number {\n      flex-basis: 34px;\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e2-monogram-story *,\n    .e2-monogram-story::before,\n    .e2-monogram-story::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"e2-monogram-story\" aria-label=\"Black monogram shorts product details\"\u003e\n  \u003cspan class=\"e2-monogram-story__label\"\u003eThe print edit\u003c\/span\u003e\n\n  \u003ch2 class=\"e2-monogram-story__heading\"\u003e\n    Black\n    \u003cspan\u003eMonogram Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"e2-monogram-story__intro\"\u003e\n    A black base and repeating light-coloured monogram print give these shorts a striking look. The elasticated drawstring waist and side pockets complete the relaxed silhouette.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"e2-monogram-story__features\"\u003e\n    \u003carticle class=\"e2-monogram-story__card\"\u003e\n      \u003cspan class=\"e2-monogram-story__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"e2-monogram-story__copy\"\u003e\n        \u003ch3\u003eAll-over print\u003c\/h3\u003e\n        \u003cp\u003eThe repeating monogram pattern makes a statement across the shorts.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"e2-monogram-story__card\"\u003e\n      \u003cspan class=\"e2-monogram-story__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"e2-monogram-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=\"e2-monogram-story__card\"\u003e\n      \u003cspan class=\"e2-monogram-story__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"e2-monogram-story__copy\"\u003e\n        \u003ch3\u003eSide pockets\u003c\/h3\u003e\n        \u003cp\u003eBuilt-in side pockets add a practical everyday detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"e2-monogram-story__card\"\u003e\n      \u003cspan class=\"e2-monogram-story__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"e2-monogram-story__copy\"\u003e\n        \u003ch3\u003eEasy silhouette\u003c\/h3\u003e\n        \u003cp\u003eThe relaxed cut pairs naturally with a simple T-shirt and sneakers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"e2-monogram-story__specs\" aria-label=\"Product highlights\"\u003e\n    \u003cspan\u003eBlack monogram print\u003c\/span\u003e\n    \u003cspan\u003eElasticated drawstring waist\u003c\/span\u003e\n    \u003cspan\u003eSide pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"e2-monogram-story__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits · Everyday styling · Statement prints\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526581620875,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526581653643,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526581686411,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526581719179,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/E4_b6718a85-68b1-4d3d-b560-d2fb89aff12d.png?v=1790234511"},{"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"},{"product_id":"men-s-brown-camouflage-cargo-shorts","title":"Men’s Brown Camouflage Cargo Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sf-brown-camo, .sf-brown-camo * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n  .sf-brown-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: #f6f1ea;\n    box-shadow: 8px 8px 0 #d5c7b8;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow-wrap: anywhere;\n  }\n  .sf-brown-camo::before, .sf-brown-camo::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    width: 105px;\n    height: 105px;\n    border: 2px solid #dccfbe;\n    border-radius: 26px;\n    transform: rotate(25deg);\n    animation: sf-br-drift 9s ease-in-out infinite alternate;\n  }\n  .sf-brown-camo::before { top: -60px; right: -35px; }\n  .sf-brown-camo::after { right: -68px; bottom: 105px; animation-delay: -4s; }\n  .sf-brown-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: #e5d6c4;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    animation: sf-br-pulse 3s ease-in-out infinite;\n  }\n  .sf-brown-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-brown-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: #d3bfa8;\n    animation: sf-br-float 4s ease-in-out infinite;\n  }\n  .sf-brown-camo__intro {\n    margin: 0 0 23px;\n    font-size: clamp(14px, 3.8vw, 16px);\n    line-height: 1.65;\n  }\n  .sf-brown-camo__features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n  .sf-brown-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 #e2d5c6;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .sf-brown-camo__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 8px 0 #d3bfa8;\n  }\n  .sf-brown-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: #e5d6c4;\n    font-size: 12px;\n    font-weight: 900;\n  }\n  .sf-brown-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-brown-camo__card p {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n  .sf-brown-camo__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin: 23px 0;\n  }\n  .sf-brown-camo__specs span {\n    max-width: 100%;\n    padding: 8px 10px;\n    border: 1.5px solid #111;\n    border-radius: 8px;\n    background: #eadfD1;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n  .sf-brown-camo__made {\n    padding: 18px;\n    border: 2px solid #111;\n    border-radius: 16px;\n    background: #e5d6c4;\n  }\n  .sf-brown-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-brown-camo__made p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.55;\n  }\n  @keyframes sf-br-pulse { 50% { transform: scale(1.04); } }\n  @keyframes sf-br-float { 50% { transform: translateY(-4px); } }\n  @keyframes sf-br-drift {\n    to { transform: translate(-12px, 15px) rotate(42deg); }\n  }\n  @media (max-width: 380px) {\n    .sf-brown-camo {\n      width: min(100% - 16px, 560px);\n      padding: 19px;\n      border-radius: 19px;\n      box-shadow: 5px 5px 0 #d5c7b8;\n    }\n    .sf-brown-camo__card { gap: 10px; padding: 13px; border-radius: 13px; }\n    .sf-brown-camo__made { padding: 14px; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .sf-brown-camo *, .sf-brown-camo::before, .sf-brown-camo::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-brown-camo\" aria-labelledby=\"sf-brown-camo-title\"\u003e\n  \u003cspan class=\"sf-brown-camo__label\"\u003eCargo collection\u003c\/span\u003e\n\n  \u003ch2 class=\"sf-brown-camo__title\" id=\"sf-brown-camo-title\"\u003e\n    Men’s Brown\n    \u003cspan\u003eCamo Cargo Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sf-brown-camo__intro\"\u003e\n    Brown camouflage shorts with flap cargo pockets, a button-front waistband\n    and a zip detail on the leg. Visible G-Star Raw branding completes the design.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"sf-brown-camo__features\"\u003e\n    \u003cdiv class=\"sf-brown-camo__card\"\u003e\n      \u003cspan class=\"sf-brown-camo__number\"\u003e01\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eBrown camouflage\u003c\/h3\u003e\n        \u003cp\u003eLayered brown tones give the shorts their distinctive pattern.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-brown-camo__card\"\u003e\n      \u003cspan class=\"sf-brown-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-brown-camo__card\"\u003e\n      \u003cspan class=\"sf-brown-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-brown-camo__card\"\u003e\n      \u003cspan class=\"sf-brown-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 look.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-brown-camo__specs\" aria-label=\"Product details\"\u003e\n    \u003cspan\u003eBrown 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-brown-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":50526658429067,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526658461835,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526658494603,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526658527371,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/G3_43e32f72-3636-45ad-9024-0a8ddd72cf45.png?v=1790234907"},{"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"},{"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"},{"product_id":"men-s-grey-washed-cargo-shorts","title":"Men’s Grey Washed Cargo Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sf-grey-cargo, .sf-grey-cargo * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n  .sf-grey-cargo {\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: #f1f3f1;\n    box-shadow: 8px 8px 0 #bec7c2;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow-wrap: anywhere;\n  }\n  .sf-grey-cargo::before, .sf-grey-cargo::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    width: 100px;\n    height: 100px;\n    border: 2px solid #c1cbc5;\n    border-radius: 25px;\n    transform: rotate(25deg);\n    animation: sf-grey-shape 8s ease-in-out infinite alternate;\n  }\n  .sf-grey-cargo::before { top: -55px; right: -35px; }\n  .sf-grey-cargo::after { right: -65px; bottom: 90px; animation-delay: -3s; }\n  .sf-grey-cargo__label {\n    display: inline-block;\n    margin-bottom: 19px;\n    padding: 8px 12px;\n    border: 2px solid #111;\n    border-radius: 100px;\n    background: #d5dfd9;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n    animation: sf-grey-pulse 3s ease-in-out infinite;\n  }\n  .sf-grey-cargo__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-grey-cargo__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: #b9cbc0;\n    animation: sf-grey-float 4s ease-in-out infinite;\n  }\n  .sf-grey-cargo__intro {\n    margin: 0 0 23px;\n    font-size: clamp(14px, 3.8vw, 16px);\n    line-height: 1.65;\n  }\n  .sf-grey-cargo__features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n  .sf-grey-cargo__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 #d1dad4;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .sf-grey-cargo__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 8px 0 #b9cbc0;\n  }\n  .sf-grey-cargo__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: #d5dfd9;\n    font-size: 12px;\n    font-weight: 900;\n  }\n  .sf-grey-cargo__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-grey-cargo__card p {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n  .sf-grey-cargo__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin: 23px 0;\n  }\n  .sf-grey-cargo__specs span {\n    max-width: 100%;\n    padding: 8px 10px;\n    border: 1.5px solid #111;\n    border-radius: 8px;\n    background: #dce5df;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n  .sf-grey-cargo__made {\n    padding: 18px;\n    border: 2px solid #111;\n    border-radius: 16px;\n    background: #d5dfd9;\n  }\n  .sf-grey-cargo__made strong {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .15em;\n  }\n  .sf-grey-cargo__made p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.55;\n  }\n  @keyframes sf-grey-pulse { 50% { transform: scale(1.04); } }\n  @keyframes sf-grey-float { 50% { transform: translateY(-4px); } }\n  @keyframes sf-grey-shape {\n    to { transform: translate(-12px, 14px) rotate(42deg); }\n  }\n  @media (max-width: 380px) {\n    .sf-grey-cargo {\n      width: min(100% - 16px, 560px);\n      padding: 19px;\n      border-radius: 19px;\n      box-shadow: 5px 5px 0 #bec7c2;\n    }\n    .sf-grey-cargo__card { gap: 10px; padding: 13px; border-radius: 13px; }\n    .sf-grey-cargo__made { padding: 14px; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .sf-grey-cargo *, .sf-grey-cargo::before, .sf-grey-cargo::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-grey-cargo\" aria-labelledby=\"sf-grey-cargo-title\"\u003e\n  \u003cspan class=\"sf-grey-cargo__label\"\u003eStreetwear essentials\u003c\/span\u003e\n\n  \u003ch2 class=\"sf-grey-cargo__title\" id=\"sf-grey-cargo-title\"\u003e\n    Men’s Grey Washed\n    \u003cspan\u003eCargo Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sf-grey-cargo__intro\"\u003e\n    Grey shorts with a distinctive washed look, an elasticated drawstring waist\n    and flap cargo pockets. A small logo detail completes the design.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"sf-grey-cargo__features\"\u003e\n    \u003cdiv class=\"sf-grey-cargo__card\"\u003e\n      \u003cspan class=\"sf-grey-cargo__number\"\u003e01\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eWashed grey finish\u003c\/h3\u003e\n        \u003cp\u003eThe textured-looking wash gives the shorts their standout appearance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-grey-cargo__card\"\u003e\n      \u003cspan class=\"sf-grey-cargo__number\"\u003e02\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eCargo pocket styling\u003c\/h3\u003e\n        \u003cp\u003eFlap pockets on the legs add a classic cargo detail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-grey-cargo__card\"\u003e\n      \u003cspan class=\"sf-grey-cargo__number\"\u003e03\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eDrawstring waist\u003c\/h3\u003e\n        \u003cp\u003eAdjust the elasticated waistband with the front drawstring.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-grey-cargo__card\"\u003e\n      \u003cspan class=\"sf-grey-cargo__number\"\u003e04\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eSmall logo detail\u003c\/h3\u003e\n        \u003cp\u003eA subtle mark above the cargo pocket finishes the look.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-grey-cargo__specs\" aria-label=\"Product details\"\u003e\n    \u003cspan\u003eWashed grey\u003c\/span\u003e\n    \u003cspan\u003eDrawstring waist\u003c\/span\u003e\n    \u003cspan\u003eFlap cargo pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-grey-cargo__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":50526761812107,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526761844875,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526761877643,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526761910411,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/J4.png?v=1790235490"},{"product_id":"men-s-black-drawstring-shorts","title":"Men’s Black Drawstring Shorts","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sf-black-shorts,\n  .sf-black-shorts * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .sf-black-shorts {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: min(100% - 24px, 560px);\n    margin: 24px auto;\n    padding: 30px;\n    border: 2px solid #111;\n    border-radius: 26px;\n    background: #f3f4f6;\n    box-shadow: 9px 9px 0 #c9cdd4;\n    font-family: Arial, Helvetica, sans-serif;\n    overflow-wrap: anywhere;\n  }\n\n  .sf-black-shorts::before,\n  .sf-black-shorts::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    width: 115px;\n    height: 115px;\n    border: 2px solid #c9cdd4;\n    border-radius: 28px;\n    transform: rotate(25deg);\n    animation: sf-shape-drift 9s ease-in-out infinite alternate;\n  }\n\n  .sf-black-shorts::before { top: -60px; right: -40px; }\n  .sf-black-shorts::after {\n    right: -75px;\n    bottom: 115px;\n    animation-delay: -4s;\n  }\n\n  .sf-black-shorts__label {\n    display: inline-block;\n    margin: 0 0 20px;\n    padding: 8px 13px;\n    border: 2px solid #111;\n    border-radius: 100px;\n    background: #dce0e6;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.3;\n    text-transform: uppercase;\n    animation: sf-label-pulse 3s ease-in-out infinite;\n  }\n\n  .sf-black-shorts__heading {\n    margin: 0 0 17px;\n    font-size: clamp(30px, 8vw, 47px);\n    font-weight: 900;\n    letter-spacing: -.055em;\n    line-height: 1.04;\n    text-transform: uppercase;\n  }\n\n  .sf-black-shorts__heading span {\n    display: block;\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 5px;\n    padding: 5px 12px 9px;\n    border: 2px solid #111;\n    border-radius: 9px;\n    background: #b8c0cc;\n    animation: sf-heading-float 4s ease-in-out infinite;\n  }\n\n  .sf-black-shorts__intro {\n    margin: 0 0 24px;\n    font-size: clamp(14px, 3.8vw, 16px);\n    line-height: 1.7;\n  }\n\n  .sf-black-shorts__features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n\n  .sf-black-shorts__card {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    min-width: 0;\n    padding: 17px;\n    border: 2px solid #111;\n    border-radius: 17px;\n    background: #fff;\n    box-shadow: 4px 4px 0 #d1d5db;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .sf-black-shorts__card:hover {\n    transform: translateY(-4px);\n    box-shadow: 6px 8px 0 #b8c0cc;\n  }\n\n  .sf-black-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: #dce0e6;\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .sf-black-shorts__card h3 {\n    margin: 1px 0 5px;\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.25;\n    text-transform: uppercase;\n  }\n\n  .sf-black-shorts__card p {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .sf-black-shorts__specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin: 23px 0;\n  }\n\n  .sf-black-shorts__specs span {\n    max-width: 100%;\n    padding: 8px 10px;\n    border: 1.5px solid #111;\n    border-radius: 8px;\n    background: #e3e6eb;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n\n  .sf-black-shorts__made {\n    padding: 18px;\n    border: 2px solid #111;\n    border-radius: 17px;\n    background: #dce0e6;\n  }\n\n  .sf-black-shorts__made strong {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .15em;\n  }\n\n  .sf-black-shorts__made p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.55;\n  }\n\n  @keyframes sf-label-pulse {\n    50% { transform: scale(1.04); }\n  }\n\n  @keyframes sf-heading-float {\n    50% { transform: translateY(-4px); }\n  }\n\n  @keyframes sf-shape-drift {\n    to { transform: translate(-12px, 16px) rotate(42deg); }\n  }\n\n  @media (max-width: 380px) {\n    .sf-black-shorts {\n      width: min(100% - 16px, 560px);\n      padding: 19px;\n      border-radius: 19px;\n      box-shadow: 5px 5px 0 #c9cdd4;\n    }\n\n    .sf-black-shorts__card {\n      gap: 10px;\n      padding: 13px;\n      border-radius: 13px;\n      box-shadow: 3px 3px 0 #d1d5db;\n    }\n\n    .sf-black-shorts__made { padding: 14px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sf-black-shorts *,\n    .sf-black-shorts::before,\n    .sf-black-shorts::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-black-shorts\" aria-labelledby=\"sf-black-shorts-title\"\u003e\n  \u003cspan class=\"sf-black-shorts__label\"\u003eEveryday shorts\u003c\/span\u003e\n\n  \u003ch2 class=\"sf-black-shorts__heading\" id=\"sf-black-shorts-title\"\u003e\n    Men’s Black\n    \u003cspan\u003eDrawstring Shorts\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sf-black-shorts__intro\"\u003e\n    A clean, easy-to-style pair of black shorts with an elasticated waist,\n    adjustable drawstring and a small embroidered detail on the leg.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"sf-black-shorts__features\"\u003e\n    \u003cdiv class=\"sf-black-shorts__card\"\u003e\n      \u003cspan class=\"sf-black-shorts__number\"\u003e01\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eClassic black colour\u003c\/h3\u003e\n        \u003cp\u003eA simple look that pairs easily with your everyday outfits.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-black-shorts__card\"\u003e\n      \u003cspan class=\"sf-black-shorts__number\"\u003e02\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eAdjustable drawstring\u003c\/h3\u003e\n        \u003cp\u003eTie the waist to your preferred fit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-black-shorts__card\"\u003e\n      \u003cspan class=\"sf-black-shorts__number\"\u003e03\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eElasticated waistband\u003c\/h3\u003e\n        \u003cp\u003eAn easy pull-on design for everyday wear.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sf-black-shorts__card\"\u003e\n      \u003cspan class=\"sf-black-shorts__number\"\u003e04\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003ch3\u003eSubtle embroidered detail\u003c\/h3\u003e\n        \u003cp\u003eA small motif on the leg adds a finishing touch.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-black-shorts__specs\" aria-label=\"Product details\"\u003e\n    \u003cspan\u003eBlack colour\u003c\/span\u003e\n    \u003cspan\u003eDrawstring waist\u003c\/span\u003e\n    \u003cspan\u003eEmbroidered detail\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-black-shorts__made\"\u003e\n    \u003cstrong\u003eMADE FOR\u003c\/strong\u003e\n    \u003cp\u003eCasual outfits, weekends and everyday styling.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50526777507979,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50526777540747,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50526777573515,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50526777606283,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/K4.png?v=1790235660"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/collections\/J5.png?v=1790318826","url":"https:\/\/swagfactory.in\/collections\/shorts.oembed","provider":"Swag Factory","version":"1.0","type":"link"}