{"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","url":"https:\/\/swagfactory.in\/products\/men-s-black-drawstring-shorts","provider":"Swag Factory","version":"1.0","type":"link"}