{"title":"Shirts","description":null,"products":[{"product_id":"men-s-black-white-vertical-stripe-shirt","title":"Men’s Black \u0026 White Vertical Stripe Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-black-stripe,\n .sf-black-stripe * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-black-stripe {\n --black: #171717;\n --black-soft: #343434;\n --grey: #9a9a9a;\n --silver: #d9d9d9;\n --light: #f3f3f3;\n --pale: #fafafa;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #f7f7f7 48%,\n #ececec 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-black-stripe__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-black-stripe__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-black-stripe__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n border: 2px solid #111;\n border-radius: 24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #f5f5f5 0 8px,\n #3b3b3b 8px 15px\n );\n transform: rotate(22deg);\n animation: sfBlackMove1 8s ease-in-out infinite;\n }\n\n .sf-black-stripe__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: #dedede;\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfBlackMove2 7s ease-in-out infinite;\n }\n\n .sf-black-stripe__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--black-soft);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfBlackMove3 6s ease-in-out infinite;\n }\n\n .sf-black-stripe__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #e8e8e8;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfBlackPulse 2.8s ease-in-out infinite;\n }\n\n .sf-black-stripe__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--black);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-black-stripe__title {\n margin: 0 0 18px;\n font-size: clamp(33px,8vw,52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-black-stripe__title-line {\n display: block;\n }\n\n .sf-black-stripe__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #cfcfcf;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfBlackFloat 4s ease-in-out infinite;\n }\n\n .sf-black-stripe__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--black);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-black-stripe__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-black-stripe__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-black-stripe__card:nth-child(even) {\n background: var(--pale);\n }\n\n .sf-black-stripe__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-black-stripe__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #d5d5d5;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-black-stripe__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-black-stripe__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-black-stripe__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-black-stripe__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #e2e2e2;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-black-stripe__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-black-stripe__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.92);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-black-stripe__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #bcbcbc;\n }\n\n .sf-black-stripe__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background:\n repeating-linear-gradient(\n 90deg,\n #fff 0 8px,\n #c7c7c7 8px 14px\n );\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .8;\n }\n\n .sf-black-stripe__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-black-stripe__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfBlackFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfBlackPulse {\n 0%,100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfBlackMove1 {\n 0%,100% {\n transform: translate(0,0) rotate(22deg);\n }\n 50% {\n transform: translate(-8px,10px) rotate(30deg);\n }\n }\n\n @keyframes sfBlackMove2 {\n 0%,100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-14px);\n }\n }\n\n @keyframes sfBlackMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-black-stripe {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-black-stripe__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-black-stripe__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-black-stripe__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-black-stripe__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-black-stripe__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-black-stripe__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-black-stripe__card-title {\n font-size: 14px;\n }\n\n .sf-black-stripe__card-text {\n font-size: 12px;\n }\n\n .sf-black-stripe__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-black-stripe__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-black-stripe__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #bcbcbc;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-black-stripe *,\n .sf-black-stripe *:before,\n .sf-black-stripe *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-black-stripe__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-black-stripe\"\u003e\n\n \u003cspan class=\"sf-black-stripe__shape sf-black-stripe__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-black-stripe__shape sf-black-stripe__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-black-stripe__shape sf-black-stripe__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-black-stripe__inner\"\u003e\n\n \u003cdiv class=\"sf-black-stripe__label\"\u003e\n \u003cspan class=\"sf-black-stripe__dot\"\u003e\u003c\/span\u003e\n Striped Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-black-stripe__title\"\u003e\n \u003cspan class=\"sf-black-stripe__title-line\"\u003e\n BLACK \u0026amp; WHITE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-black-stripe__accent\"\u003e\n STRIPED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-black-stripe__intro\"\u003e\n A black long-sleeve shirt featuring fine white vertical stripes,\n a button-down collar, full front button closure and a small dark\n embroidered chest detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-black-stripe__features\"\u003e\n\n \u003cdiv class=\"sf-black-stripe__card\"\u003e\n \u003cdiv class=\"sf-black-stripe__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__content\"\u003e\n \u003ch3 class=\"sf-black-stripe__card-title\"\u003e\n BLACK \u0026amp; WHITE STRIPES\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-black-stripe__card-text\"\u003e\n Fine white vertical stripes create a clean contrasting pattern\n across the black shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__card\"\u003e\n \u003cdiv class=\"sf-black-stripe__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__content\"\u003e\n \u003ch3 class=\"sf-black-stripe__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-black-stripe__card-text\"\u003e\n The pointed collar features visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__card\"\u003e\n \u003cdiv class=\"sf-black-stripe__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__content\"\u003e\n \u003ch3 class=\"sf-black-stripe__card-title\"\u003e\n CHEST EMBROIDERY\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-black-stripe__card-text\"\u003e\n A small dark embroidered chest motif adds a subtle detail\n to the striped front design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__card\"\u003e\n \u003cdiv class=\"sf-black-stripe__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__content\"\u003e\n \u003ch3 class=\"sf-black-stripe__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-black-stripe__card-text\"\u003e\n Full-length sleeves with striped buttoned cuffs complete\n the shirt's clean button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__specs\"\u003e\n\n \u003cdiv class=\"sf-black-stripe__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__spec\"\u003e\n BLACK \u0026amp; WHITE STRIPES\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__spec\"\u003e\n EMBROIDERED CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-black-stripe__made\"\u003e\n\n \u003cspan class=\"sf-black-stripe__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-black-stripe__made-text\"\u003e\n Striped-shirt styling • Black-and-white looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"M","offer_id":50522242777227,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522242809995,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522242842763,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":50522242875531,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/4.png?v=1790155055"},{"product_id":"men-s-blue-white-vertical-striped-button-down-shirt","title":"Men’s Blue \u0026 White Vertical Striped Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-sky-stripe-shirt,\n .sf-sky-stripe-shirt * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-sky-stripe-shirt {\n --sky: #b9cceb;\n --sky-strong: #94afe0;\n --sky-deep: #667fae;\n --sky-soft: #eef4fd;\n --navy: #263b5b;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #f7faff 48%,\n #e9f0fa 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-sky-stripe-shirt__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-sky-stripe-shirt__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-sky-stripe-shirt__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n border: 2px solid #111;\n border-radius: 24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #ffffff 0 9px,\n #a6bbe1 9px 17px\n );\n transform: rotate(22deg);\n animation: sfSkyStripeMove1 8s ease-in-out infinite;\n }\n\n .sf-sky-stripe-shirt__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: #dce6f7;\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfSkyStripeMove2 7s ease-in-out infinite;\n }\n\n .sf-sky-stripe-shirt__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--sky-deep);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfSkyStripeMove3 6s ease-in-out infinite;\n }\n\n .sf-sky-stripe-shirt__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #e1e9f7;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfSkyStripePulse 2.8s ease-in-out infinite;\n }\n\n .sf-sky-stripe-shirt__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--navy);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-sky-stripe-shirt__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-sky-stripe-shirt__title-line {\n display: block;\n }\n\n .sf-sky-stripe-shirt__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #b8cae9;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfSkyStripeFloat 4s ease-in-out infinite;\n }\n\n .sf-sky-stripe-shirt__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--sky-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-sky-stripe-shirt__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-sky-stripe-shirt__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-sky-stripe-shirt__card:nth-child(even) {\n background: var(--sky-soft);\n }\n\n .sf-sky-stripe-shirt__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-sky-stripe-shirt__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #c5d4ee;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-sky-stripe-shirt__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-sky-stripe-shirt__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-sky-stripe-shirt__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-sky-stripe-shirt__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #dfe8f7;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-sky-stripe-shirt__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-sky-stripe-shirt__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.9);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-sky-stripe-shirt__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #afc3e4;\n }\n\n .sf-sky-stripe-shirt__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background:\n repeating-linear-gradient(\n 90deg,\n #fff 0 8px,\n #c6d5ee 8px 14px\n );\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .8;\n }\n\n .sf-sky-stripe-shirt__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-sky-stripe-shirt__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfSkyStripeFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfSkyStripePulse {\n 0%,100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfSkyStripeMove1 {\n 0%,100% {\n transform: translate(0,0) rotate(22deg);\n }\n 50% {\n transform: translate(-8px,10px) rotate(30deg);\n }\n }\n\n @keyframes sfSkyStripeMove2 {\n 0%,100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-14px);\n }\n }\n\n @keyframes sfSkyStripeMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media(max-width:480px) {\n .sf-sky-stripe-shirt {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-sky-stripe-shirt__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-sky-stripe-shirt__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-sky-stripe-shirt__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-sky-stripe-shirt__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-sky-stripe-shirt__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-sky-stripe-shirt__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-sky-stripe-shirt__card-title {\n font-size: 14px;\n }\n\n .sf-sky-stripe-shirt__card-text {\n font-size: 12px;\n }\n\n .sf-sky-stripe-shirt__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-sky-stripe-shirt__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-sky-stripe-shirt__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #afc3e4;\n }\n }\n\n @media(prefers-reduced-motion:reduce) {\n .sf-sky-stripe-shirt *,\n .sf-sky-stripe-shirt *:before,\n .sf-sky-stripe-shirt *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-sky-stripe-shirt__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-sky-stripe-shirt\"\u003e\n\n \u003cspan class=\"sf-sky-stripe-shirt__shape sf-sky-stripe-shirt__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-sky-stripe-shirt__shape sf-sky-stripe-shirt__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-sky-stripe-shirt__shape sf-sky-stripe-shirt__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__inner\"\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__label\"\u003e\n \u003cspan class=\"sf-sky-stripe-shirt__dot\"\u003e\u003c\/span\u003e\n Striped Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-sky-stripe-shirt__title\"\u003e\n \u003cspan class=\"sf-sky-stripe-shirt__title-line\"\u003e\n SKY BLUE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-sky-stripe-shirt__accent\"\u003e\n STRIPED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-sky-stripe-shirt__intro\"\u003e\n A clean long-sleeve shirt featuring fine sky-blue and white vertical\n stripes, a classic pointed collar, full front button closure and a\n small contrasting chest emblem.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__features\"\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-sky-stripe-shirt__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-sky-stripe-shirt__card-title\"\u003e\n FINE VERTICAL STRIPES\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sky-stripe-shirt__card-text\"\u003e\n Narrow sky-blue and white vertical lines create a clean,\n consistent striped pattern across the complete shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-sky-stripe-shirt__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-sky-stripe-shirt__card-title\"\u003e\n CLASSIC POINTED COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sky-stripe-shirt__card-text\"\u003e\n A structured pointed collar gives the shirt a neat and\n defined neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-sky-stripe-shirt__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-sky-stripe-shirt__card-title\"\u003e\n CHEST EMBLEM DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sky-stripe-shirt__card-text\"\u003e\n A small contrasting emblem on the chest adds a subtle visual\n detail to the striped front.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-sky-stripe-shirt__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-sky-stripe-shirt__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sky-stripe-shirt__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n clean button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__specs\"\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__spec\"\u003e\n SKY-BLUE \u0026amp; WHITE STRIPES\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__spec\"\u003e\n CLASSIC POINTED COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__spec\"\u003e\n CHEST EMBLEM DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sky-stripe-shirt__made\"\u003e\n\n \u003cspan class=\"sf-sky-stripe-shirt__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-sky-stripe-shirt__made-text\"\u003e\n Striped-shirt styling • Button-front looks • Clean long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"M","offer_id":50522277150859,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522277183627,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522277216395,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":50522277249163,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/sh3.png?v=1790155779"},{"product_id":"men-s-navy-blue-white-checked-button-down-shirt","title":"Men’s Navy Blue \u0026 White Checked Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-navy-windowpane,\n .sf-navy-windowpane * {\n box-sizing: border-box;\n color:#111!important;\n -webkit-text-fill-color:#111!important;\n }\n\n .sf-navy-windowpane {\n --navy:#344c67;\n --navy-deep:#24384e;\n --slate:#7b8791;\n --cream:#eee9d8;\n --soft:#edf2f5;\n --pale:#f7f9fa;\n\n position:relative;\n width:calc(100% - 24px);\n max-width:560px;\n margin:30px auto;\n padding:26px;\n overflow:hidden;\n background:linear-gradient(\n 145deg,\n #ffffff 0%,\n #f5f8fa 48%,\n #e5ebef 100%\n );\n border:2px solid #111;\n border-radius:28px;\n box-shadow:8px 8px 0 rgba(17,17,17,.13);\n font-family:Arial,Helvetica,sans-serif;\n }\n\n .sf-navy-windowpane__inner {\n position:relative;\n z-index:2;\n }\n\n .sf-navy-windowpane__shape {\n position:absolute;\n z-index:0;\n pointer-events:none;\n opacity:.48;\n }\n\n .sf-navy-windowpane__shape--1 {\n width:94px;\n height:94px;\n top:-40px;\n right:-30px;\n border:2px solid #111;\n border-radius:24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #e9e5d9 0 10px,\n #8e969d 10px 17px,\n #344c67 17px 29px\n );\n transform:rotate(22deg);\n animation:sfNWMove1 8s ease-in-out infinite;\n }\n\n .sf-navy-windowpane__shape--2 {\n width:49px;\n height:49px;\n left:-20px;\n top:42%;\n background:#dbe1e5;\n border:2px solid #111;\n border-radius:50%;\n animation:sfNWMove2 7s ease-in-out infinite;\n }\n\n .sf-navy-windowpane__shape--3 {\n width:84px;\n height:14px;\n right:18px;\n bottom:76px;\n background:var(--navy);\n border:2px solid #111;\n border-radius:999px;\n transform:rotate(-10deg);\n animation:sfNWMove3 6s ease-in-out infinite;\n }\n\n .sf-navy-windowpane__label {\n display:inline-flex;\n align-items:center;\n gap:8px;\n margin:0 0 17px;\n padding:8px 13px;\n background:#e1e6e9;\n border:2px solid #111;\n border-radius:999px;\n box-shadow:3px 3px 0 #111;\n font-size:10px;\n line-height:1;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n animation:sfNWPulse 2.8s ease-in-out infinite;\n }\n\n .sf-navy-windowpane__dot {\n width:7px;\n height:7px;\n flex:0 0 7px;\n background:var(--navy);\n border:1px solid #111;\n border-radius:50%;\n }\n\n .sf-navy-windowpane__title {\n margin:0 0 18px;\n font-size:clamp(33px,8vw,52px);\n line-height:.96;\n letter-spacing:-.045em;\n font-weight:950;\n }\n\n .sf-navy-windowpane__title-line {\n display:block;\n }\n\n .sf-navy-windowpane__accent {\n display:inline-block;\n margin-top:8px;\n padding:5px 11px 8px;\n background:#c8d1d8;\n border:2px solid #111;\n border-radius:12px;\n box-shadow:4px 4px 0 #111;\n transform:rotate(-1deg);\n animation:sfNWFloat 4s ease-in-out infinite;\n }\n\n .sf-navy-windowpane__intro {\n margin:0 0 22px;\n padding:16px 17px;\n background:rgba(255,255,255,.94);\n border-left:5px solid var(--navy-deep);\n border-radius:0 15px 15px 0;\n font-size:clamp(14px,3.5vw,16px);\n line-height:1.65;\n font-weight:600;\n }\n\n .sf-navy-windowpane__features {\n display:grid;\n grid-template-columns:1fr;\n gap:12px;\n margin-bottom:19px;\n }\n\n .sf-navy-windowpane__card {\n display:flex;\n align-items:flex-start;\n gap:13px;\n width:100%;\n padding:15px;\n background:#fff;\n border:2px solid #111;\n border-radius:17px;\n box-shadow:4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-navy-windowpane__card:nth-child(even) {\n background:var(--pale);\n }\n\n .sf-navy-windowpane__card:hover {\n transform:translateY(-4px);\n box-shadow:7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-navy-windowpane__number {\n display:grid;\n place-items:center;\n width:38px;\n height:38px;\n flex:0 0 38px;\n background:#d5d9d5;\n border:2px solid #111;\n border-radius:50%;\n box-shadow:2px 2px 0 #111;\n font-size:12px;\n line-height:1;\n font-weight:950;\n }\n\n .sf-navy-windowpane__content {\n min-width:0;\n flex:1;\n }\n\n .sf-navy-windowpane__card-title {\n margin:1px 0 5px;\n font-size:15px;\n line-height:1.2;\n font-weight:950;\n letter-spacing:-.015em;\n }\n\n .sf-navy-windowpane__card-text {\n margin:0;\n font-size:13px;\n line-height:1.5;\n font-weight:600;\n }\n\n .sf-navy-windowpane__specs {\n display:flex;\n flex-wrap:wrap;\n gap:8px;\n margin:0 0 17px;\n padding:14px;\n background:#dfe5e9;\n border:2px solid #111;\n border-radius:16px;\n }\n\n .sf-navy-windowpane__spec-heading {\n width:100%;\n margin-bottom:2px;\n font-size:10px;\n font-weight:950;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .sf-navy-windowpane__spec {\n flex:1 1 125px;\n padding:8px 10px;\n background:rgba(255,255,255,.9);\n border:1.5px solid #111;\n border-radius:999px;\n text-align:center;\n font-size:11px;\n line-height:1.3;\n font-weight:850;\n overflow-wrap:anywhere;\n }\n\n .sf-navy-windowpane__made {\n position:relative;\n overflow:hidden;\n padding:18px;\n background:#fff;\n border:2px solid #111;\n border-radius:19px;\n box-shadow:5px 5px 0 #b6c1c9;\n }\n\n .sf-navy-windowpane__made:after {\n content:\"\";\n position:absolute;\n width:88px;\n height:88px;\n right:-38px;\n bottom:-50px;\n background:var(--cream);\n border:2px solid #111;\n border-radius:50%;\n opacity:.82;\n }\n\n .sf-navy-windowpane__made-label {\n position:relative;\n z-index:1;\n display:block;\n margin-bottom:9px;\n font-size:10px;\n font-weight:950;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .sf-navy-windowpane__made-text {\n position:relative;\n z-index:1;\n margin:0;\n font-size:clamp(16px,4vw,19px);\n line-height:1.45;\n font-weight:900;\n }\n\n @keyframes sfNWFloat {\n 0%,100% {\n transform:translateY(0) rotate(-1deg);\n }\n 50% {\n transform:translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfNWPulse {\n 0%,100% {\n transform:scale(1);\n }\n 50% {\n transform:scale(1.025);\n }\n }\n\n @keyframes sfNWMove1 {\n 0%,100% {\n transform:translate(0,0) rotate(22deg);\n }\n 50% {\n transform:translate(-8px,10px) rotate(30deg);\n }\n }\n\n @keyframes sfNWMove2 {\n 0%,100% {\n transform:translateY(0);\n }\n 50% {\n transform:translateY(-14px);\n }\n }\n\n @keyframes sfNWMove3 {\n 0%,100% {\n transform:translateX(0) rotate(-10deg);\n }\n 50% {\n transform:translateX(-13px) rotate(-5deg);\n }\n }\n\n @media(max-width:480px) {\n .sf-navy-windowpane {\n width:calc(100% - 18px);\n margin:18px auto;\n padding:18px;\n border-radius:21px;\n box-shadow:5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-navy-windowpane__label {\n padding:7px 11px;\n font-size:9px;\n box-shadow:2px 2px 0 #111;\n }\n\n .sf-navy-windowpane__title {\n font-size:clamp(29px,10vw,40px);\n margin-bottom:15px;\n }\n\n .sf-navy-windowpane__accent {\n padding:4px 9px 7px;\n border-radius:9px;\n box-shadow:3px 3px 0 #111;\n }\n\n .sf-navy-windowpane__intro {\n padding:13px 14px;\n font-size:13px;\n border-radius:0 12px 12px 0;\n }\n\n .sf-navy-windowpane__card {\n padding:13px;\n gap:11px;\n border-radius:14px;\n box-shadow:3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-navy-windowpane__number {\n width:34px;\n height:34px;\n flex-basis:34px;\n font-size:11px;\n }\n\n .sf-navy-windowpane__card-title {\n font-size:14px;\n }\n\n .sf-navy-windowpane__card-text {\n font-size:12px;\n }\n\n .sf-navy-windowpane__specs {\n padding:11px;\n border-radius:13px;\n }\n\n .sf-navy-windowpane__spec {\n flex-basis:110px;\n font-size:10px;\n }\n\n .sf-navy-windowpane__made {\n padding:15px;\n border-radius:15px;\n box-shadow:4px 4px 0 #b6c1c9;\n }\n }\n\n @media(prefers-reduced-motion:reduce) {\n .sf-navy-windowpane *,\n .sf-navy-windowpane *:before,\n .sf-navy-windowpane *:after {\n animation:none!important;\n transition:none!important;\n }\n\n .sf-navy-windowpane__card:hover {\n transform:none!important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-navy-windowpane\"\u003e\n\n \u003cspan class=\"sf-navy-windowpane__shape sf-navy-windowpane__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-navy-windowpane__shape sf-navy-windowpane__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-navy-windowpane__shape sf-navy-windowpane__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__inner\"\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__label\"\u003e\n \u003cspan class=\"sf-navy-windowpane__dot\"\u003e\u003c\/span\u003e\n Check Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-navy-windowpane__title\"\u003e\n \u003cspan class=\"sf-navy-windowpane__title-line\"\u003e\n NAVY BLUE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-navy-windowpane__accent\"\u003e\n WINDOWPANE CHECK SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-navy-windowpane__intro\"\u003e\n A navy blue long-sleeve shirt featuring a large cream and grey\n windowpane check pattern, button-down collar, full front button closure\n and a chest pocket with a small label detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__features\"\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__card\"\u003e\n \u003cdiv class=\"sf-navy-windowpane__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__content\"\u003e\n \u003ch3 class=\"sf-navy-windowpane__card-title\"\u003e\n WINDOWPANE CHECK\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-windowpane__card-text\"\u003e\n Cream and grey intersecting lines form a large structured\n check pattern across the navy blue shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__card\"\u003e\n \u003cdiv class=\"sf-navy-windowpane__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__content\"\u003e\n \u003ch3 class=\"sf-navy-windowpane__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-windowpane__card-text\"\u003e\n The pointed collar features visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__card\"\u003e\n \u003cdiv class=\"sf-navy-windowpane__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__content\"\u003e\n \u003ch3 class=\"sf-navy-windowpane__card-title\"\u003e\n CHEST POCKET DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-windowpane__card-text\"\u003e\n A single chest pocket is integrated into the checked front\n with a small contrasting label detail.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__card\"\u003e\n \u003cdiv class=\"sf-navy-windowpane__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__content\"\u003e\n \u003ch3 class=\"sf-navy-windowpane__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-windowpane__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n classic checked silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__specs\"\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__spec\"\u003e\n NAVY CHECK PATTERN\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__spec\"\u003e\n CHEST POCKET\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-windowpane__made\"\u003e\n\n \u003cspan class=\"sf-navy-windowpane__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-navy-windowpane__made-text\"\u003e\n Check-shirt styling • Button-down looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522255130763,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522255163531,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522255196299,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522255229067,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/A4.png?v=1790156075"},{"product_id":"men-s-beige-blue-checked-button-down-shirt","title":"Men’s Beige \u0026 Blue Checked Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-tan-blue-plaid,\n .sf-tan-blue-plaid * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-tan-blue-plaid {\n --tan: #c6ad91;\n --tan-deep: #987b5e;\n --tan-soft: #f1e7dc;\n --blue: #2499db;\n --blue-deep: #17699c;\n --blue-soft: #dceff9;\n --paper: #fffaf5;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #fcf8f3 48%, #eee4d9 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-tan-blue-plaid__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-tan-blue-plaid__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-tan-blue-plaid__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n border: 2px solid #111;\n border-radius: 24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #e6ddd2 0 12px,\n #b59d84 12px 22px,\n #74bde6 22px 31px,\n #268fca 31px 42px\n );\n transform: rotate(22deg);\n animation: sfTBMove1 8s ease-in-out infinite;\n }\n\n .sf-tan-blue-plaid__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: var(--blue-soft);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfTBMove2 7s ease-in-out infinite;\n }\n\n .sf-tan-blue-plaid__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--blue);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfTBMove3 6s ease-in-out infinite;\n }\n\n .sf-tan-blue-plaid__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: var(--tan-soft);\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfTBPulse 2.8s ease-in-out infinite;\n }\n\n .sf-tan-blue-plaid__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--blue);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-tan-blue-plaid__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-tan-blue-plaid__title-line {\n display: block;\n }\n\n .sf-tan-blue-plaid__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #9ed4ef;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfTBFloat 4s ease-in-out infinite;\n }\n\n .sf-tan-blue-plaid__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--blue-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-tan-blue-plaid__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-tan-blue-plaid__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-tan-blue-plaid__card:nth-child(even) {\n background: #f9f4ee;\n }\n\n .sf-tan-blue-plaid__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-tan-blue-plaid__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #a8d9f0;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-tan-blue-plaid__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-tan-blue-plaid__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-tan-blue-plaid__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-tan-blue-plaid__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #eadfd3;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-tan-blue-plaid__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-tan-blue-plaid__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.9);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-tan-blue-plaid__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #9bcfe8;\n }\n\n .sf-tan-blue-plaid__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--blue-soft);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .8;\n }\n\n .sf-tan-blue-plaid__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-tan-blue-plaid__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfTBFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfTBPulse {\n 0%,100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfTBMove1 {\n 0%,100% {\n transform: translate(0,0) rotate(22deg);\n }\n 50% {\n transform: translate(-8px,10px) rotate(30deg);\n }\n }\n\n @keyframes sfTBMove2 {\n 0%,100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-14px);\n }\n }\n\n @keyframes sfTBMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-tan-blue-plaid {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-tan-blue-plaid__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-tan-blue-plaid__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-tan-blue-plaid__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-tan-blue-plaid__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-tan-blue-plaid__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-tan-blue-plaid__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-tan-blue-plaid__card-title {\n font-size: 14px;\n }\n\n .sf-tan-blue-plaid__card-text {\n font-size: 12px;\n }\n\n .sf-tan-blue-plaid__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-tan-blue-plaid__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-tan-blue-plaid__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #9bcfe8;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-tan-blue-plaid *,\n .sf-tan-blue-plaid *:before,\n .sf-tan-blue-plaid *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-tan-blue-plaid__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-tan-blue-plaid\"\u003e\n\n \u003cspan class=\"sf-tan-blue-plaid__shape sf-tan-blue-plaid__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-tan-blue-plaid__shape sf-tan-blue-plaid__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-tan-blue-plaid__shape sf-tan-blue-plaid__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__inner\"\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__label\"\u003e\n \u003cspan class=\"sf-tan-blue-plaid__dot\"\u003e\u003c\/span\u003e\n Plaid Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-tan-blue-plaid__title\"\u003e\n \u003cspan class=\"sf-tan-blue-plaid__title-line\"\u003e\n TAN \u0026amp; BLUE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-tan-blue-plaid__accent\"\u003e\n PLAID CHECK SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-tan-blue-plaid__intro\"\u003e\n A long-sleeve plaid shirt featuring tan, beige, grey and bright-blue\n intersecting checks, a button-down collar, full front button closure\n and a small contrasting embroidered chest detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__features\"\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__card\"\u003e\n \u003cdiv class=\"sf-tan-blue-plaid__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__content\"\u003e\n \u003ch3 class=\"sf-tan-blue-plaid__card-title\"\u003e\n LAYERED PLAID PATTERN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-tan-blue-plaid__card-text\"\u003e\n Tan and beige tones are crossed with bright-blue and darker lines\n to create a detailed multi-tone checked design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__card\"\u003e\n \u003cdiv class=\"sf-tan-blue-plaid__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__content\"\u003e\n \u003ch3 class=\"sf-tan-blue-plaid__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-tan-blue-plaid__card-text\"\u003e\n The pointed collar includes visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__card\"\u003e\n \u003cdiv class=\"sf-tan-blue-plaid__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__content\"\u003e\n \u003ch3 class=\"sf-tan-blue-plaid__card-title\"\u003e\n CHEST EMBROIDERY\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-tan-blue-plaid__card-text\"\u003e\n A small dark embroidered chest motif adds a subtle contrasting\n detail against the multi-colour plaid pattern.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__card\"\u003e\n \u003cdiv class=\"sf-tan-blue-plaid__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__content\"\u003e\n \u003ch3 class=\"sf-tan-blue-plaid__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-tan-blue-plaid__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n classic checked silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__specs\"\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__spec\"\u003e\n TAN \u0026amp; BLUE PLAID\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__spec\"\u003e\n EMBROIDERED CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-tan-blue-plaid__made\"\u003e\n\n \u003cspan class=\"sf-tan-blue-plaid__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-tan-blue-plaid__made-text\"\u003e\n Plaid-shirt styling • Button-down looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522255949963,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522255982731,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522256015499,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522256048267,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/B4.png?v=1790156264"},{"product_id":"men-s-light-blue-orange-white-checked-button-down-shirt","title":"Men’s Light Blue, Orange \u0026 White Checked Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-blue-orange-plaid,\n .sf-blue-orange-plaid * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-blue-orange-plaid {\n --sky: #c8def3;\n --blue: #426fa8;\n --blue-deep: #274d7a;\n --orange: #e7a04b;\n --orange-soft: #f5d6ad;\n --soft: #f4f8fc;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #f6f9fc 48%, #e8f1f8 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, .13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-blue-orange-plaid__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-blue-orange-plaid__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-blue-orange-plaid__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n border: 2px solid #111;\n border-radius: 24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #d6e8f7 0 12px,\n #5d86b8 12px 21px,\n #efb567 21px 31px,\n #355d91 31px 42px\n );\n transform: rotate(22deg);\n animation: sfBOShape1 8s ease-in-out infinite;\n }\n\n .sf-blue-orange-plaid__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: var(--orange-soft);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfBOShape2 7s ease-in-out infinite;\n }\n\n .sf-blue-orange-plaid__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--blue);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfBOShape3 6s ease-in-out infinite;\n }\n\n .sf-blue-orange-plaid__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #deebf6;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfBOPulse 2.8s ease-in-out infinite;\n }\n\n .sf-blue-orange-plaid__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--orange);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-blue-orange-plaid__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-blue-orange-plaid__title-line {\n display: block;\n }\n\n .sf-blue-orange-plaid__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #efc183;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfBOFloat 4s ease-in-out infinite;\n }\n\n .sf-blue-orange-plaid__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255, 255, 255, .94);\n border-left: 5px solid var(--blue-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-blue-orange-plaid__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-blue-orange-plaid__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, .16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-blue-orange-plaid__card:nth-child(even) {\n background: var(--soft);\n }\n\n .sf-blue-orange-plaid__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, .18);\n }\n\n .sf-blue-orange-plaid__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #f0c48c;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-blue-orange-plaid__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-blue-orange-plaid__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-blue-orange-plaid__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-blue-orange-plaid__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #ddeaf5;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-blue-orange-plaid__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-blue-orange-plaid__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, .9);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-blue-orange-plaid__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #e6b26f;\n }\n\n .sf-blue-orange-plaid__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: #deebf7;\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .82;\n }\n\n .sf-blue-orange-plaid__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-blue-orange-plaid__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfBOFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfBOPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfBOShape1 {\n 0%, 100% {\n transform: translate(0, 0) rotate(22deg);\n }\n\n 50% {\n transform: translate(-8px, 10px) rotate(30deg);\n }\n }\n\n @keyframes sfBOShape2 {\n 0%, 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-14px);\n }\n }\n\n @keyframes sfBOShape3 {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-blue-orange-plaid {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, .12);\n }\n\n .sf-blue-orange-plaid__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-blue-orange-plaid__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-blue-orange-plaid__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-blue-orange-plaid__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-blue-orange-plaid__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, .15);\n }\n\n .sf-blue-orange-plaid__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-blue-orange-plaid__card-title {\n font-size: 14px;\n }\n\n .sf-blue-orange-plaid__card-text {\n font-size: 12px;\n }\n\n .sf-blue-orange-plaid__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-blue-orange-plaid__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-blue-orange-plaid__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #e6b26f;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-blue-orange-plaid *,\n .sf-blue-orange-plaid *:before,\n .sf-blue-orange-plaid *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-blue-orange-plaid__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-blue-orange-plaid\"\u003e\n\n \u003cspan class=\"sf-blue-orange-plaid__shape sf-blue-orange-plaid__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-blue-orange-plaid__shape sf-blue-orange-plaid__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-blue-orange-plaid__shape sf-blue-orange-plaid__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__inner\"\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__label\"\u003e\n \u003cspan class=\"sf-blue-orange-plaid__dot\"\u003e\u003c\/span\u003e\n Plaid Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-blue-orange-plaid__title\"\u003e\n \u003cspan class=\"sf-blue-orange-plaid__title-line\"\u003e\n BLUE \u0026amp; ORANGE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-blue-orange-plaid__accent\"\u003e\n PLAID CHECK SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-blue-orange-plaid__intro\"\u003e\n A long-sleeve plaid shirt featuring a light-blue base with blue,\n orange and dark intersecting checks, a button-down collar,\n full front button closure and a small embroidered chest detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__features\"\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-orange-plaid__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-orange-plaid__card-title\"\u003e\n MULTI-TONE PLAID\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-orange-plaid__card-text\"\u003e\n Blue, orange and dark intersecting lines create a detailed\n plaid pattern across the light-blue shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-orange-plaid__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-orange-plaid__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-orange-plaid__card-text\"\u003e\n The pointed collar features visible button fastening\n for a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-orange-plaid__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-orange-plaid__card-title\"\u003e\n CHEST EMBROIDERY\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-orange-plaid__card-text\"\u003e\n A small orange embroidered chest motif adds a contrasting\n accent to the checked front design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-orange-plaid__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-orange-plaid__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-orange-plaid__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete\n the shirt's classic plaid silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__specs\"\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__spec\"\u003e\n BLUE \u0026amp; ORANGE PLAID\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__spec\"\u003e\n EMBROIDERED CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-orange-plaid__made\"\u003e\n\n \u003cspan class=\"sf-blue-orange-plaid__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-blue-orange-plaid__made-text\"\u003e\n Plaid-shirt styling • Button-down looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522258014347,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522258047115,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522258079883,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522258112651,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/C4.png?v=1790156518"},{"product_id":"men-s-blue-teal-plaid-button-down-shirt","title":"Men’s Blue \u0026 Teal Plaid Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-blue-teal-plaid,\n .sf-blue-teal-plaid * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-blue-teal-plaid {\n --blue: #3377b7;\n --blue-deep: #234e78;\n --teal: #3f9a9a;\n --teal-soft: #dff1ef;\n --sky: #dcebf5;\n --plaid-soft: #eef5f7;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #f4f9fb 48%, #e4f0f3 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-blue-teal-plaid__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-blue-teal-plaid__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-blue-teal-plaid__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n border: 2px solid #111;\n border-radius: 24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #d5e5ed 0 12px,\n #4d91b3 12px 22px,\n #68aaa6 22px 32px,\n #335f91 32px 44px\n );\n transform: rotate(22deg);\n animation: sfBTMove1 8s ease-in-out infinite;\n }\n\n .sf-blue-teal-plaid__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: var(--teal-soft);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfBTMove2 7s ease-in-out infinite;\n }\n\n .sf-blue-teal-plaid__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--blue);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfBTMove3 6s ease-in-out infinite;\n }\n\n .sf-blue-teal-plaid__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #dcebf2;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfBTPulse 2.8s ease-in-out infinite;\n }\n\n .sf-blue-teal-plaid__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--teal);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-blue-teal-plaid__title {\n margin: 0 0 18px;\n font-size: clamp(33px,8vw,52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-blue-teal-plaid__title-line {\n display: block;\n }\n\n .sf-blue-teal-plaid__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #9bc9d7;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfBTFloat 4s ease-in-out infinite;\n }\n\n .sf-blue-teal-plaid__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--blue-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-blue-teal-plaid__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-blue-teal-plaid__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-blue-teal-plaid__card:nth-child(even) {\n background: var(--plaid-soft);\n }\n\n .sf-blue-teal-plaid__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-blue-teal-plaid__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #a9d3dd;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-blue-teal-plaid__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-blue-teal-plaid__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-blue-teal-plaid__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-blue-teal-plaid__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #dcebef;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-blue-teal-plaid__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-blue-teal-plaid__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.9);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-blue-teal-plaid__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #8dbdcc;\n }\n\n .sf-blue-teal-plaid__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--sky);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .82;\n }\n\n .sf-blue-teal-plaid__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-blue-teal-plaid__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfBTFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfBTPulse {\n 0%,100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfBTMove1 {\n 0%,100% {\n transform: translate(0,0) rotate(22deg);\n }\n 50% {\n transform: translate(-8px,10px) rotate(30deg);\n }\n }\n\n @keyframes sfBTMove2 {\n 0%,100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-14px);\n }\n }\n\n @keyframes sfBTMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-blue-teal-plaid {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-blue-teal-plaid__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-blue-teal-plaid__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-blue-teal-plaid__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-blue-teal-plaid__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-blue-teal-plaid__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-blue-teal-plaid__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-blue-teal-plaid__card-title {\n font-size: 14px;\n }\n\n .sf-blue-teal-plaid__card-text {\n font-size: 12px;\n }\n\n .sf-blue-teal-plaid__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-blue-teal-plaid__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-blue-teal-plaid__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #8dbdcc;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-blue-teal-plaid *,\n .sf-blue-teal-plaid *:before,\n .sf-blue-teal-plaid *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-blue-teal-plaid__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-blue-teal-plaid\"\u003e\n\n \u003cspan class=\"sf-blue-teal-plaid__shape sf-blue-teal-plaid__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-blue-teal-plaid__shape sf-blue-teal-plaid__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-blue-teal-plaid__shape sf-blue-teal-plaid__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__inner\"\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__label\"\u003e\n \u003cspan class=\"sf-blue-teal-plaid__dot\"\u003e\u003c\/span\u003e\n Plaid Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-blue-teal-plaid__title\"\u003e\n \u003cspan class=\"sf-blue-teal-plaid__title-line\"\u003e\n BLUE \u0026amp; TEAL\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-blue-teal-plaid__accent\"\u003e\n PLAID CHECK SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-blue-teal-plaid__intro\"\u003e\n A long-sleeve plaid shirt featuring a layered blue, teal and grey\n check pattern, button-down collar, full front button closure and\n a small embroidered chest detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__features\"\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-teal-plaid__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-teal-plaid__card-title\"\u003e\n MULTI-TONE PLAID\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-teal-plaid__card-text\"\u003e\n Blue, teal and grey tones combine with intersecting horizontal\n and vertical lines for a detailed checked appearance.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-teal-plaid__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-teal-plaid__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-teal-plaid__card-text\"\u003e\n The pointed collar features visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-teal-plaid__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-teal-plaid__card-title\"\u003e\n CHEST LOGO DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-teal-plaid__card-text\"\u003e\n A small embroidered detail on the chest adds a subtle accent\n without interrupting the plaid pattern.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__card\"\u003e\n \u003cdiv class=\"sf-blue-teal-plaid__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__content\"\u003e\n \u003ch3 class=\"sf-blue-teal-plaid__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blue-teal-plaid__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n classic checked silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__specs\"\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__spec\"\u003e\n BLUE \u0026amp; TEAL PLAID\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__spec\"\u003e\n EMBROIDERED CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blue-teal-plaid__made\"\u003e\n\n \u003cspan class=\"sf-blue-teal-plaid__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-blue-teal-plaid__made-text\"\u003e\n Plaid-shirt styling • Button-down looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522259554443,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522259587211,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522259619979,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522259652747,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/D4.png?v=1790156835"},{"product_id":"men-s-green-navy-blue-plaid-button-down-shirt","title":"Men’s Green \u0026 Navy Blue Plaid Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-green-plaid,\n .sf-green-plaid * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-green-plaid {\n --sage: #a9c3ad;\n --sage-deep: #6d8c73;\n --navy: #35527d;\n --navy-soft: #dce6f2;\n --cream: #f7f4ea;\n --soft: #f3f7f3;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #f6faf7 48%, #e7efe9 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-green-plaid__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-green-plaid__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-green-plaid__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n border: 2px solid #111;\n border-radius: 24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #dfe9e1 0 13px,\n #809e87 13px 25px,\n #c9d6e8 25px 34px,\n #58729b 34px 46px\n );\n transform: rotate(22deg);\n animation: sfPlaidMove1 8s ease-in-out infinite;\n }\n\n .sf-green-plaid__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: var(--navy-soft);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfPlaidMove2 7s ease-in-out infinite;\n }\n\n .sf-green-plaid__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--sage-deep);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfPlaidMove3 6s ease-in-out infinite;\n }\n\n .sf-green-plaid__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #dce9df;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfPlaidPulse 2.8s ease-in-out infinite;\n }\n\n .sf-green-plaid__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--navy);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-green-plaid__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-green-plaid__title-line {\n display: block;\n }\n\n .sf-green-plaid__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #b9cfbd;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfPlaidFloat 4s ease-in-out infinite;\n }\n\n .sf-green-plaid__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--navy);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-green-plaid__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-green-plaid__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-green-plaid__card:nth-child(even) {\n background: var(--soft);\n }\n\n .sf-green-plaid__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-green-plaid__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #bdd1c0;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-green-plaid__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-green-plaid__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-green-plaid__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-green-plaid__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #dce8df;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-green-plaid__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-green-plaid__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.9);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-green-plaid__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #a9c3ad;\n }\n\n .sf-green-plaid__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--navy-soft);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .82;\n }\n\n .sf-green-plaid__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-green-plaid__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfPlaidFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfPlaidPulse {\n 0%,100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfPlaidMove1 {\n 0%,100% {\n transform: translate(0,0) rotate(22deg);\n }\n\n 50% {\n transform: translate(-8px,10px) rotate(30deg);\n }\n }\n\n @keyframes sfPlaidMove2 {\n 0%,100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-14px);\n }\n }\n\n @keyframes sfPlaidMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-green-plaid {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-green-plaid__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-green-plaid__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-green-plaid__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-green-plaid__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-green-plaid__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-green-plaid__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-green-plaid__card-title {\n font-size: 14px;\n }\n\n .sf-green-plaid__card-text {\n font-size: 12px;\n }\n\n .sf-green-plaid__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-green-plaid__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-green-plaid__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #a9c3ad;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-green-plaid *,\n .sf-green-plaid *:before,\n .sf-green-plaid *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-green-plaid__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-green-plaid\"\u003e\n\n \u003cspan class=\"sf-green-plaid__shape sf-green-plaid__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-green-plaid__shape sf-green-plaid__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-green-plaid__shape sf-green-plaid__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-green-plaid__inner\"\u003e\n\n \u003cdiv class=\"sf-green-plaid__label\"\u003e\n \u003cspan class=\"sf-green-plaid__dot\"\u003e\u003c\/span\u003e\n Plaid Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-green-plaid__title\"\u003e\n \u003cspan class=\"sf-green-plaid__title-line\"\u003e\n GREEN \u0026amp; NAVY\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-green-plaid__accent\"\u003e\n PLAID CHECK SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-green-plaid__intro\"\u003e\n A long-sleeve plaid shirt featuring a green and navy check pattern,\n button-down collar, full front button closure and a chest pocket.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-green-plaid__features\"\u003e\n\n \u003cdiv class=\"sf-green-plaid__card\"\u003e\n \u003cdiv class=\"sf-green-plaid__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__content\"\u003e\n \u003ch3 class=\"sf-green-plaid__card-title\"\u003e\n MULTI-COLOUR PLAID\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-green-plaid__card-text\"\u003e\n Green and navy blocks are combined with contrasting horizontal\n and vertical lines for a distinctive plaid appearance.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__card\"\u003e\n \u003cdiv class=\"sf-green-plaid__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__content\"\u003e\n \u003ch3 class=\"sf-green-plaid__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-green-plaid__card-text\"\u003e\n The pointed collar includes visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__card\"\u003e\n \u003cdiv class=\"sf-green-plaid__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__content\"\u003e\n \u003ch3 class=\"sf-green-plaid__card-title\"\u003e\n CHEST POCKET DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-green-plaid__card-text\"\u003e\n A single chest pocket is integrated into the plaid front\n with a small contrasting label detail.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__card\"\u003e\n \u003cdiv class=\"sf-green-plaid__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__content\"\u003e\n \u003ch3 class=\"sf-green-plaid__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-green-plaid__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n classic checked silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__specs\"\u003e\n\n \u003cdiv class=\"sf-green-plaid__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__spec\"\u003e\n GREEN \u0026amp; NAVY PLAID\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__spec\"\u003e\n CHEST POCKET\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-green-plaid__made\"\u003e\n\n \u003cspan class=\"sf-green-plaid__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-green-plaid__made-text\"\u003e\n Plaid-shirt styling • Button-down looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522269024395,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522269057163,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522269089931,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522269122699,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/E4.png?v=1790157013"},{"product_id":"men-s-sage-green-bear-embroidered-button-down-shirt","title":"Men’s Sage Green Bear Embroidered Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-sage-bear,\n .sf-sage-bear * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-sage-bear {\n --sage: #96ad9a;\n --sage-deep: #617b68;\n --sage-soft: #e3ece5;\n --sage-pale: #f4f8f5;\n --blue: #6a98c7;\n --tan: #d9ac7e;\n --cream: #fff8eb;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #f6faf7 48%, #e7efe9 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-sage-bear__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-sage-bear__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-sage-bear__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n background: #bfd0c2;\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfSageMove1 8s ease-in-out infinite;\n }\n\n .sf-sage-bear__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: #d7e8f5;\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfSageMove2 7s ease-in-out infinite;\n }\n\n .sf-sage-bear__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--tan);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfSageMove3 6s ease-in-out infinite;\n }\n\n .sf-sage-bear__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #dce7de;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfSagePulse 2.8s ease-in-out infinite;\n }\n\n .sf-sage-bear__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--sage-deep);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-sage-bear__title {\n margin: 0 0 18px;\n font-size: clamp(33px,8vw,52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-sage-bear__title-line {\n display: block;\n }\n\n .sf-sage-bear__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #b6cbb9;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfSageFloat 4s ease-in-out infinite;\n }\n\n .sf-sage-bear__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--sage-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-sage-bear__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-sage-bear__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-sage-bear__card:nth-child(even) {\n background: var(--sage-pale);\n }\n\n .sf-sage-bear__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-sage-bear__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #c2d3c5;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-sage-bear__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-sage-bear__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-sage-bear__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-sage-bear__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #dce7de;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-sage-bear__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-sage-bear__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.9);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-sage-bear__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #aac0ae;\n }\n\n .sf-sage-bear__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--cream);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .85;\n }\n\n .sf-sage-bear__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-sage-bear__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfSageFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfSagePulse {\n 0%,100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfSageMove1 {\n 0%,100% {\n transform: translate(0,0);\n }\n\n 50% {\n transform: translate(-8px,10px);\n }\n }\n\n @keyframes sfSageMove2 {\n 0%,100% {\n transform: translateY(0) rotate(25deg);\n }\n\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfSageMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-sage-bear {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-sage-bear__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-sage-bear__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-sage-bear__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-sage-bear__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-sage-bear__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-sage-bear__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-sage-bear__card-title {\n font-size: 14px;\n }\n\n .sf-sage-bear__card-text {\n font-size: 12px;\n }\n\n .sf-sage-bear__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-sage-bear__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-sage-bear__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #aac0ae;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-sage-bear *,\n .sf-sage-bear *:before,\n .sf-sage-bear *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-sage-bear__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-sage-bear\"\u003e\n\n \u003cspan class=\"sf-sage-bear__shape sf-sage-bear__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-sage-bear__shape sf-sage-bear__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-sage-bear__shape sf-sage-bear__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-sage-bear__inner\"\u003e\n\n \u003cdiv class=\"sf-sage-bear__label\"\u003e\n \u003cspan class=\"sf-sage-bear__dot\"\u003e\u003c\/span\u003e\n Embroidered Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-sage-bear__title\"\u003e\n \u003cspan class=\"sf-sage-bear__title-line\"\u003e\n SAGE GREEN\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-sage-bear__accent\"\u003e\n BEAR EMBROIDERED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-sage-bear__intro\"\u003e\n A sage green long-sleeve shirt featuring a button-down collar,\n full front button closure and a colourful embroidered bear motif\n on the chest.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-sage-bear__features\"\u003e\n\n \u003cdiv class=\"sf-sage-bear__card\"\u003e\n \u003cdiv class=\"sf-sage-bear__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__content\"\u003e\n \u003ch3 class=\"sf-sage-bear__card-title\"\u003e\n SAGE GREEN FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sage-bear__card-text\"\u003e\n A muted sage green colour creates a clean and distinctive\n base across the complete shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__card\"\u003e\n \u003cdiv class=\"sf-sage-bear__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__content\"\u003e\n \u003ch3 class=\"sf-sage-bear__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sage-bear__card-text\"\u003e\n The pointed collar includes visible button fastening\n for a structured and defined neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__card\"\u003e\n \u003cdiv class=\"sf-sage-bear__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__content\"\u003e\n \u003ch3 class=\"sf-sage-bear__card-title\"\u003e\n EMBROIDERED BEAR MOTIF\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sage-bear__card-text\"\u003e\n A colourful embroidered bear graphic on the chest adds\n the main contrasting visual detail to the shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__card\"\u003e\n \u003cdiv class=\"sf-sage-bear__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__content\"\u003e\n \u003ch3 class=\"sf-sage-bear__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-sage-bear__card-text\"\u003e\n Full-length sleeves with finished cuffs complete\n the shirt's clean button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__specs\"\u003e\n\n \u003cdiv class=\"sf-sage-bear__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__spec\"\u003e\n SAGE GREEN\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__spec\"\u003e\n EMBROIDERED BEAR DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-sage-bear__made\"\u003e\n\n \u003cspan class=\"sf-sage-bear__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-sage-bear__made-text\"\u003e\n Embroidered-shirt styling • Button-down looks • Clean long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522278985867,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522279018635,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522279051403,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522279084171,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/G3.png?v=1790157515"},{"product_id":"men-s-burgundy-bear-graphic-button-down-shirt","title":"Men’s Burgundy Bear Graphic Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-burgundy-bear,\n .sf-burgundy-bear * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-burgundy-bear {\n --burgundy: #762f4c;\n --burgundy-deep: #541f36;\n --burgundy-soft: #f4dfe7;\n --burgundy-pale: #fff5f8;\n --blue: #5b99d5;\n --orange: #e49b41;\n --cream: #fff4e4;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #fff7fa 48%, #f4e4ea 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-burgundy-bear__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-burgundy-bear__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .5;\n }\n\n .sf-burgundy-bear__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -30px;\n background: #d5a1b5;\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfBurgundyMove1 8s ease-in-out infinite;\n }\n\n .sf-burgundy-bear__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: #b9d9f3;\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfBurgundyMove2 7s ease-in-out infinite;\n }\n\n .sf-burgundy-bear__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--orange);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfBurgundyMove3 6s ease-in-out infinite;\n }\n\n .sf-burgundy-bear__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #f0d7e1;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfBurgundyPulse 2.8s ease-in-out infinite;\n }\n\n .sf-burgundy-bear__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--blue);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-burgundy-bear__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-burgundy-bear__title-line {\n display: block;\n }\n\n .sf-burgundy-bear__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #d5a1b5;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfBurgundyFloat 4s ease-in-out infinite;\n }\n\n .sf-burgundy-bear__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--burgundy-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-burgundy-bear__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-burgundy-bear__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-burgundy-bear__card:nth-child(even) {\n background: var(--burgundy-pale);\n }\n\n .sf-burgundy-bear__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-burgundy-bear__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #deb3c3;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-burgundy-bear__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-burgundy-bear__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-burgundy-bear__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-burgundy-bear__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #ead3dc;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-burgundy-bear__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-burgundy-bear__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.88);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-burgundy-bear__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #c98fa6;\n }\n\n .sf-burgundy-bear__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--cream);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .82;\n }\n\n .sf-burgundy-bear__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-burgundy-bear__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfBurgundyFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfBurgundyPulse {\n 0%,100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfBurgundyMove1 {\n 0%,100% {\n transform: translate(0,0);\n }\n\n 50% {\n transform: translate(-8px,10px);\n }\n }\n\n @keyframes sfBurgundyMove2 {\n 0%,100% {\n transform: translateY(0) rotate(25deg);\n }\n\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfBurgundyMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-burgundy-bear {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-burgundy-bear__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-burgundy-bear__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-burgundy-bear__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-burgundy-bear__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-burgundy-bear__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-burgundy-bear__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-burgundy-bear__card-title {\n font-size: 14px;\n }\n\n .sf-burgundy-bear__card-text {\n font-size: 12px;\n }\n\n .sf-burgundy-bear__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-burgundy-bear__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-burgundy-bear__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #c98fa6;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-burgundy-bear *,\n .sf-burgundy-bear *:before,\n .sf-burgundy-bear *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-burgundy-bear__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-burgundy-bear\"\u003e\n\n \u003cspan class=\"sf-burgundy-bear__shape sf-burgundy-bear__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-burgundy-bear__shape sf-burgundy-bear__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-burgundy-bear__shape sf-burgundy-bear__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__inner\"\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__label\"\u003e\n \u003cspan class=\"sf-burgundy-bear__dot\"\u003e\u003c\/span\u003e\n Embroidered Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-burgundy-bear__title\"\u003e\n \u003cspan class=\"sf-burgundy-bear__title-line\"\u003e\n DEEP BURGUNDY\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-burgundy-bear__accent\"\u003e\n BEAR EMBROIDERED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-burgundy-bear__intro\"\u003e\n A deep burgundy long-sleeve shirt featuring a button-down collar,\n full front button closure and a colourful embroidered sports bear\n motif on the chest.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__features\"\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__card\"\u003e\n \u003cdiv class=\"sf-burgundy-bear__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__content\"\u003e\n \u003ch3 class=\"sf-burgundy-bear__card-title\"\u003e\n DEEP BURGUNDY FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-burgundy-bear__card-text\"\u003e\n A rich burgundy colour creates a bold, clean base across\n the complete shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__card\"\u003e\n \u003cdiv class=\"sf-burgundy-bear__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__content\"\u003e\n \u003ch3 class=\"sf-burgundy-bear__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-burgundy-bear__card-text\"\u003e\n The pointed collar features visible button fastening for\n a structured and defined neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__card\"\u003e\n \u003cdiv class=\"sf-burgundy-bear__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__content\"\u003e\n \u003ch3 class=\"sf-burgundy-bear__card-title\"\u003e\n SPORTS BEAR EMBROIDERY\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-burgundy-bear__card-text\"\u003e\n A colourful embroidered bear sports motif on the chest creates\n the main contrasting visual detail.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__card\"\u003e\n \u003cdiv class=\"sf-burgundy-bear__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__content\"\u003e\n \u003ch3 class=\"sf-burgundy-bear__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-burgundy-bear__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n classic button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__specs\"\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__spec\"\u003e\n DEEP BURGUNDY\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__spec\"\u003e\n EMBROIDERED BEAR DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-burgundy-bear__made\"\u003e\n\n \u003cspan class=\"sf-burgundy-bear__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-burgundy-bear__made-text\"\u003e\n Statement shirt styling • Embroidered looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522291208331,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"XL","offer_id":50522291241099,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"L","offer_id":50522291273867,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"M","offer_id":50522291306635,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/F4.png?v=1790157720"},{"product_id":"men-s-red-bear-graphic-button-down-shirt","title":"Men’s Red Bear Graphic Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-red-bear,\n .sf-red-bear * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-red-bear {\n --red: #d92b1f;\n --red-deep: #a91d16;\n --red-soft: #fde8e5;\n --red-pale: #fff5f3;\n --navy: #203957;\n --gold: #d8aa4c;\n --cream: #fff4df;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #fff7f5 48%, #fbe7e3 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-red-bear__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-red-bear__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-red-bear__shape--1 {\n width: 94px;\n height: 94px;\n top: -39px;\n right: -30px;\n background: #f2a59d;\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfRedBearMove1 8s ease-in-out infinite;\n }\n\n .sf-red-bear__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: #f4d28d;\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfRedBearMove2 7s ease-in-out infinite;\n }\n\n .sf-red-bear__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--navy);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfRedBearMove3 6s ease-in-out infinite;\n }\n\n .sf-red-bear__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #f8d7d2;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfRedBearPulse 2.8s ease-in-out infinite;\n }\n\n .sf-red-bear__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--navy);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-red-bear__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-red-bear__title-line {\n display: block;\n }\n\n .sf-red-bear__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #f0a096;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfRedBearFloat 4s ease-in-out infinite;\n }\n\n .sf-red-bear__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--red-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px,3.5vw,16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-red-bear__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-red-bear__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-red-bear__card:nth-child(even) {\n background: var(--red-pale);\n }\n\n .sf-red-bear__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-red-bear__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #f2b0a8;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-red-bear__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-red-bear__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-red-bear__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-red-bear__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #f6d9d5;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-red-bear__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-red-bear__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.88);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-red-bear__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #e99b90;\n }\n\n .sf-red-bear__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--cream);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .82;\n }\n\n .sf-red-bear__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-red-bear__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px,4vw,19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfRedBearFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfRedBearPulse {\n 0%,100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfRedBearMove1 {\n 0%,100% {\n transform: translate(0,0);\n }\n 50% {\n transform: translate(-8px,10px);\n }\n }\n\n @keyframes sfRedBearMove2 {\n 0%,100% {\n transform: translateY(0) rotate(25deg);\n }\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfRedBearMove3 {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-red-bear {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-red-bear__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-red-bear__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-red-bear__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-red-bear__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-red-bear__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-red-bear__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-red-bear__card-title {\n font-size: 14px;\n }\n\n .sf-red-bear__card-text {\n font-size: 12px;\n }\n\n .sf-red-bear__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-red-bear__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-red-bear__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #e99b90;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-red-bear *,\n .sf-red-bear *:before,\n .sf-red-bear *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-red-bear__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-red-bear\"\u003e\n\n \u003cspan class=\"sf-red-bear__shape sf-red-bear__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-red-bear__shape sf-red-bear__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-red-bear__shape sf-red-bear__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-red-bear__inner\"\u003e\n\n \u003cdiv class=\"sf-red-bear__label\"\u003e\n \u003cspan class=\"sf-red-bear__dot\"\u003e\u003c\/span\u003e\n Embroidered Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-red-bear__title\"\u003e\n \u003cspan class=\"sf-red-bear__title-line\"\u003e\n BOLD RED\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-red-bear__accent\"\u003e\n BEAR EMBROIDERED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-red-bear__intro\"\u003e\n A bold red long-sleeve shirt featuring a button-down collar,\n full front button closure and a detailed embroidered bear motif\n on the chest.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-red-bear__features\"\u003e\n\n \u003cdiv class=\"sf-red-bear__card\"\u003e\n \u003cdiv class=\"sf-red-bear__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__content\"\u003e\n \u003ch3 class=\"sf-red-bear__card-title\"\u003e\n BOLD RED FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-red-bear__card-text\"\u003e\n A strong solid red colour creates a distinctive base\n across the complete shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__card\"\u003e\n \u003cdiv class=\"sf-red-bear__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__content\"\u003e\n \u003ch3 class=\"sf-red-bear__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-red-bear__card-text\"\u003e\n The pointed collar features visible button fastening\n for a clean and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__card\"\u003e\n \u003cdiv class=\"sf-red-bear__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__content\"\u003e\n \u003ch3 class=\"sf-red-bear__card-title\"\u003e\n EMBROIDERED BEAR MOTIF\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-red-bear__card-text\"\u003e\n A colourful embroidered bear graphic on the chest creates\n the shirt's main contrasting visual detail.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__card\"\u003e\n \u003cdiv class=\"sf-red-bear__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__content\"\u003e\n \u003ch3 class=\"sf-red-bear__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-red-bear__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete\n the classic button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__specs\"\u003e\n\n \u003cdiv class=\"sf-red-bear__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__spec\"\u003e\n BOLD RED\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__spec\"\u003e\n EMBROIDERED BEAR DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-red-bear__made\"\u003e\n\n \u003cspan class=\"sf-red-bear__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-red-bear__made-text\"\u003e\n Statement shirt styling • Embroidered looks • Classic long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"Default Title","offer_id":50522297467019,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/H4.png?v=1790158200"},{"product_id":"men-s-royal-blue-long-sleeve-button-down-shirt-with-embroidered-logo","title":"Men’s Royal Blue Long-Sleeve Button-Down Shirt with Embroidered Logo","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-royal-blue,\n .sf-royal-blue * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-royal-blue {\n --blue: #1f5fa8;\n --blue-deep: #17497f;\n --blue-mid: #4d94d2;\n --blue-soft: #dcecf8;\n --blue-pale: #f0f7fc;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #f4f9fd 50%, #e2eff9 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17,17,17,.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-royal-blue__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-royal-blue__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: .48;\n }\n\n .sf-royal-blue__shape--1 {\n width: 94px;\n height: 94px;\n top: -39px;\n right: -30px;\n background: #8fc3ea;\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfRoyalMoveOne 8s ease-in-out infinite;\n }\n\n .sf-royal-blue__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: var(--blue-soft);\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfRoyalMoveTwo 7s ease-in-out infinite;\n }\n\n .sf-royal-blue__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--blue-mid);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfRoyalMoveThree 6s ease-in-out infinite;\n }\n\n .sf-royal-blue__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #dcecf8;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: .13em;\n text-transform: uppercase;\n animation: sfRoyalPulse 2.8s ease-in-out infinite;\n }\n\n .sf-royal-blue__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--blue-deep);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-royal-blue__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: .96;\n letter-spacing: -.045em;\n font-weight: 950;\n }\n\n .sf-royal-blue__title-line {\n display: block;\n }\n\n .sf-royal-blue__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #8fc3ea;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfRoyalFloat 4s ease-in-out infinite;\n }\n\n .sf-royal-blue__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,.94);\n border-left: 5px solid var(--blue-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-royal-blue__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-royal-blue__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-royal-blue__card:nth-child(even) {\n background: var(--blue-pale);\n }\n\n .sf-royal-blue__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-royal-blue__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #a4cfee;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-royal-blue__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-royal-blue__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -.015em;\n }\n\n .sf-royal-blue__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-royal-blue__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #dcebf7;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-royal-blue__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .sf-royal-blue__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,.88);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-royal-blue__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #8fc3ea;\n }\n\n .sf-royal-blue__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--blue-soft);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .8;\n }\n\n .sf-royal-blue__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-royal-blue__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfRoyalFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfRoyalPulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfRoyalMoveOne {\n 0%, 100% {\n transform: translate(0,0);\n }\n 50% {\n transform: translate(-8px,10px);\n }\n }\n\n @keyframes sfRoyalMoveTwo {\n 0%, 100% {\n transform: translateY(0) rotate(25deg);\n }\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfRoyalMoveThree {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-royal-blue {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-royal-blue__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-royal-blue__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-royal-blue__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-royal-blue__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-royal-blue__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-royal-blue__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-royal-blue__card-title {\n font-size: 14px;\n }\n\n .sf-royal-blue__card-text {\n font-size: 12px;\n }\n\n .sf-royal-blue__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-royal-blue__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-royal-blue__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #8fc3ea;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-royal-blue *,\n .sf-royal-blue *:before,\n .sf-royal-blue *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-royal-blue__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-royal-blue\"\u003e\n\n \u003cspan class=\"sf-royal-blue__shape sf-royal-blue__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-royal-blue__shape sf-royal-blue__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-royal-blue__shape sf-royal-blue__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-royal-blue__inner\"\u003e\n\n \u003cdiv class=\"sf-royal-blue__label\"\u003e\n \u003cspan class=\"sf-royal-blue__dot\"\u003e\u003c\/span\u003e\n Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-royal-blue__title\"\u003e\n \u003cspan class=\"sf-royal-blue__title-line\"\u003e\n ROYAL BLUE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-royal-blue__accent\"\u003e\n BUTTON-DOWN SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-royal-blue__intro\"\u003e\n A royal blue long-sleeve shirt featuring a button-down collar,\n full front button closure and a contrasting light-blue embroidered\n chest detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-royal-blue__features\"\u003e\n\n \u003cdiv class=\"sf-royal-blue__card\"\u003e\n \u003cdiv class=\"sf-royal-blue__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__content\"\u003e\n \u003ch3 class=\"sf-royal-blue__card-title\"\u003e\n ROYAL BLUE FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-royal-blue__card-text\"\u003e\n A bold solid blue colour gives the shirt a clean and distinctive\n overall appearance.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__card\"\u003e\n \u003cdiv class=\"sf-royal-blue__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__content\"\u003e\n \u003ch3 class=\"sf-royal-blue__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-royal-blue__card-text\"\u003e\n The pointed collar features visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__card\"\u003e\n \u003cdiv class=\"sf-royal-blue__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__content\"\u003e\n \u003ch3 class=\"sf-royal-blue__card-title\"\u003e\n CONTRAST CHEST DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-royal-blue__card-text\"\u003e\n A small light-blue embroidered motif on the chest adds\n a subtle contrasting detail to the solid blue front.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__card\"\u003e\n \u003cdiv class=\"sf-royal-blue__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__content\"\u003e\n \u003ch3 class=\"sf-royal-blue__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-royal-blue__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete\n the shirt's classic button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__specs\"\u003e\n\n \u003cdiv class=\"sf-royal-blue__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__spec\"\u003e\n ROYAL BLUE\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__spec\"\u003e\n EMBROIDERED CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-royal-blue__made\"\u003e\n\n \u003cspan class=\"sf-royal-blue__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-royal-blue__made-text\"\u003e\n Solid-colour styling • Button-down looks • Clean long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"M","offer_id":50522328170635,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522328203403,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522328236171,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":50522328268939,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/BLUE1.png?v=1790159288"},{"product_id":"men-s-cream-long-sleeve-button-down-shirt-with-blue-embroidered-logo","title":"Men’s Cream Long-Sleeve Button-Down Shirt with Blue Embroidered Logo","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-cream-shirt,\n .sf-cream-shirt * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-cream-shirt {\n --cream: #f3ead8;\n --cream-deep: #e5d5b8;\n --cream-soft: #fffaf1;\n --sand: #d8c4a4;\n --blue: #6ea4d4;\n --blue-soft: #dcecf8;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #fffaf2 48%,\n #f5ead9 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.12);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-cream-shirt__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-cream-shirt__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .sf-cream-shirt__shape--1 {\n width: 94px;\n height: 94px;\n top: -40px;\n right: -28px;\n background: var(--cream-deep);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfCreamShapeOne 8s ease-in-out infinite;\n }\n\n .sf-cream-shirt__shape--2 {\n width: 50px;\n height: 50px;\n left: -21px;\n top: 42%;\n background: var(--blue-soft);\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfCreamShapeTwo 7s ease-in-out infinite;\n }\n\n .sf-cream-shirt__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--blue);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfCreamShapeThree 6s ease-in-out infinite;\n }\n\n .sf-cream-shirt__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #f3e7d2;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n animation: sfCreamPulse 2.8s ease-in-out infinite;\n }\n\n .sf-cream-shirt__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--blue);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-cream-shirt__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: 0.96;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-cream-shirt__title-line {\n display: block;\n }\n\n .sf-cream-shirt__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #e8d7b9;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfCreamFloat 4s ease-in-out infinite;\n }\n\n .sf-cream-shirt__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255, 255, 255, 0.94);\n border-left: 5px solid var(--blue);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-cream-shirt__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-cream-shirt__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease,\n background 0.25s ease;\n }\n\n .sf-cream-shirt__card:nth-child(even) {\n background: var(--cream-soft);\n }\n\n .sf-cream-shirt__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, 0.18);\n }\n\n .sf-cream-shirt__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #eadbc0;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-cream-shirt__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-cream-shirt__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-cream-shirt__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-cream-shirt__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #eee1cb;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-cream-shirt__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-cream-shirt__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, 0.88);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-cream-shirt__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #d9c39f;\n }\n\n .sf-cream-shirt__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--blue-soft);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: 0.8;\n }\n\n .sf-cream-shirt__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .sf-cream-shirt__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfCreamFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfCreamPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfCreamShapeOne {\n 0%, 100% {\n transform: translate(0, 0);\n }\n\n 50% {\n transform: translate(-8px, 10px);\n }\n }\n\n @keyframes sfCreamShapeTwo {\n 0%, 100% {\n transform: translateY(0) rotate(25deg);\n }\n\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfCreamShapeThree {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-cream-shirt {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.12);\n }\n\n .sf-cream-shirt__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-cream-shirt__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-cream-shirt__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-cream-shirt__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-cream-shirt__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.15);\n }\n\n .sf-cream-shirt__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-cream-shirt__card-title {\n font-size: 14px;\n }\n\n .sf-cream-shirt__card-text {\n font-size: 12px;\n }\n\n .sf-cream-shirt__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-cream-shirt__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-cream-shirt__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #d9c39f;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-cream-shirt *,\n .sf-cream-shirt *:before,\n .sf-cream-shirt *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-cream-shirt__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-cream-shirt\"\u003e\n\n \u003cspan class=\"sf-cream-shirt__shape sf-cream-shirt__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-cream-shirt__shape sf-cream-shirt__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-cream-shirt__shape sf-cream-shirt__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-cream-shirt__inner\"\u003e\n\n \u003cdiv class=\"sf-cream-shirt__label\"\u003e\n \u003cspan class=\"sf-cream-shirt__dot\"\u003e\u003c\/span\u003e\n Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-cream-shirt__title\"\u003e\n \u003cspan class=\"sf-cream-shirt__title-line\"\u003e\n SOFT CREAM\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-cream-shirt__accent\"\u003e\n BUTTON-DOWN SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-cream-shirt__intro\"\u003e\n A soft cream long-sleeve shirt featuring a button-down collar,\n full front button closure, contrasting blue chest embroidery\n and subtle blue detailing near the sleeve openings.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-cream-shirt__features\"\u003e\n\n \u003cdiv class=\"sf-cream-shirt__card\"\u003e\n \u003cdiv class=\"sf-cream-shirt__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__content\"\u003e\n \u003ch3 class=\"sf-cream-shirt__card-title\"\u003e\n SOFT CREAM FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-cream-shirt__card-text\"\u003e\n A clean light cream colour creates a simple and understated\n base across the complete shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__card\"\u003e\n \u003cdiv class=\"sf-cream-shirt__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__content\"\u003e\n \u003ch3 class=\"sf-cream-shirt__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-cream-shirt__card-text\"\u003e\n The pointed collar includes visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__card\"\u003e\n \u003cdiv class=\"sf-cream-shirt__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__content\"\u003e\n \u003ch3 class=\"sf-cream-shirt__card-title\"\u003e\n BLUE CHEST DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-cream-shirt__card-text\"\u003e\n A small blue embroidered chest motif creates a contrasting\n accent against the cream shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__card\"\u003e\n \u003cdiv class=\"sf-cream-shirt__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__content\"\u003e\n \u003ch3 class=\"sf-cream-shirt__card-title\"\u003e\n CONTRAST SLEEVE DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-cream-shirt__card-text\"\u003e\n Small blue accents near the sleeve openings add an extra\n contrasting detail to the long-sleeve design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__specs\"\u003e\n\n \u003cdiv class=\"sf-cream-shirt__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__spec\"\u003e\n SOFT CREAM\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__spec\"\u003e\n BLUE CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-cream-shirt__made\"\u003e\n\n \u003cspan class=\"sf-cream-shirt__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-cream-shirt__made-text\"\u003e\n Clean shirt styling • Button-down looks • Light long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522349600907,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"XL","offer_id":50522349633675,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"L","offer_id":50522349666443,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"M","offer_id":50522349699211,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep23_2026_01_15_16PM_4.png?v=1790159562"},{"product_id":"men-s-navy-blue-teddy-bear-embroidered-button-down-shirt","title":"Men’s Navy Blue Teddy Bear Embroidered Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-navy-bear,\n .sf-navy-bear * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-navy-bear {\n --navy: #202a3a;\n --navy-soft: #dfe5ec;\n --blue-soft: #edf3f8;\n --gold: #e6b24a;\n --orange: #e49a3a;\n --cream: #fff7e8;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #f5f7fa 48%,\n #e8edf3 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-navy-bear__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-navy-bear__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .sf-navy-bear__shape--1 {\n width: 94px;\n height: 94px;\n top: -38px;\n right: -30px;\n background: var(--navy-soft);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfBearShapeOne 8s ease-in-out infinite;\n }\n\n .sf-navy-bear__shape--2 {\n width: 49px;\n height: 49px;\n left: -20px;\n top: 42%;\n background: #f4d795;\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(24deg);\n animation: sfBearShapeTwo 7s ease-in-out infinite;\n }\n\n .sf-navy-bear__shape--3 {\n width: 84px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--orange);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfBearShapeThree 6s ease-in-out infinite;\n }\n\n .sf-navy-bear__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #e5eaf0;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n animation: sfBearPulse 2.8s ease-in-out infinite;\n }\n\n .sf-navy-bear__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--gold);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-navy-bear__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: 0.96;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-navy-bear__title-line {\n display: block;\n }\n\n .sf-navy-bear__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #f0cf84;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfBearFloat 4s ease-in-out infinite;\n }\n\n .sf-navy-bear__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255, 255, 255, 0.94);\n border-left: 5px solid var(--navy);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-navy-bear__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-navy-bear__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease,\n background 0.25s ease;\n }\n\n .sf-navy-bear__card:nth-child(even) {\n background: var(--blue-soft);\n }\n\n .sf-navy-bear__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, 0.18);\n }\n\n .sf-navy-bear__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #f0cf84;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-navy-bear__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-navy-bear__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-navy-bear__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-navy-bear__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #e2e7ed;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-navy-bear__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-navy-bear__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, 0.88);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-navy-bear__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #e7bd62;\n }\n\n .sf-navy-bear__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--cream);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: 0.8;\n }\n\n .sf-navy-bear__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .sf-navy-bear__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfBearFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfBearPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfBearShapeOne {\n 0%, 100% {\n transform: translate(0, 0);\n }\n\n 50% {\n transform: translate(-8px, 10px);\n }\n }\n\n @keyframes sfBearShapeTwo {\n 0%, 100% {\n transform: translateY(0) rotate(24deg);\n }\n\n 50% {\n transform: translateY(-14px) rotate(33deg);\n }\n }\n\n @keyframes sfBearShapeThree {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-navy-bear {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.12);\n }\n\n .sf-navy-bear__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-navy-bear__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-navy-bear__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-navy-bear__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-navy-bear__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.15);\n }\n\n .sf-navy-bear__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-navy-bear__card-title {\n font-size: 14px;\n }\n\n .sf-navy-bear__card-text {\n font-size: 12px;\n }\n\n .sf-navy-bear__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-navy-bear__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-navy-bear__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #e7bd62;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-navy-bear *,\n .sf-navy-bear *:before,\n .sf-navy-bear *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-navy-bear__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-navy-bear\"\u003e\n\n \u003cspan class=\"sf-navy-bear__shape sf-navy-bear__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-navy-bear__shape sf-navy-bear__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-navy-bear__shape sf-navy-bear__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-navy-bear__inner\"\u003e\n\n \u003cdiv class=\"sf-navy-bear__label\"\u003e\n \u003cspan class=\"sf-navy-bear__dot\"\u003e\u003c\/span\u003e\n Embroidered Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-navy-bear__title\"\u003e\n \u003cspan class=\"sf-navy-bear__title-line\"\u003e\n DEEP NAVY\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-navy-bear__accent\"\u003e\n EMBROIDERED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-navy-bear__intro\"\u003e\n A deep navy long-sleeve shirt featuring a button-down collar,\n full front button closure and a colourful embroidered bear motif\n on the chest.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-navy-bear__features\"\u003e\n\n \u003cdiv class=\"sf-navy-bear__card\"\u003e\n \u003cdiv class=\"sf-navy-bear__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__content\"\u003e\n \u003ch3 class=\"sf-navy-bear__card-title\"\u003e\n DEEP NAVY FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-bear__card-text\"\u003e\n A rich dark navy colour gives the shirt a clean,\n understated base for its contrasting details.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__card\"\u003e\n \u003cdiv class=\"sf-navy-bear__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__content\"\u003e\n \u003ch3 class=\"sf-navy-bear__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-bear__card-text\"\u003e\n The pointed collar includes visible button fastening\n for a structured and defined neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__card\"\u003e\n \u003cdiv class=\"sf-navy-bear__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__content\"\u003e\n \u003ch3 class=\"sf-navy-bear__card-title\"\u003e\n EMBROIDERED BEAR DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-bear__card-text\"\u003e\n A colourful embroidered bear motif on the chest creates\n the main contrasting visual feature of the shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__card\"\u003e\n \u003cdiv class=\"sf-navy-bear__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__content\"\u003e\n \u003ch3 class=\"sf-navy-bear__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-navy-bear__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete\n the shirt's classic button-front silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__specs\"\u003e\n\n \u003cdiv class=\"sf-navy-bear__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__spec\"\u003e\n DEEP NAVY\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__spec\"\u003e\n EMBROIDERED CHEST MOTIF\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-navy-bear__made\"\u003e\n\n \u003cspan class=\"sf-navy-bear__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-navy-bear__made-text\"\u003e\n Embroidered-shirt styling • Button-down looks • Dark long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522355400843,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"XL","offer_id":50522355433611,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"L","offer_id":50522355466379,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false},{"title":"M","offer_id":50522355499147,"sku":null,"price":999.0,"currency_code":"INR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/I4.png?v=1790159985"},{"product_id":"men-s-turquoise-blue-textured-full-sleeve-button-down-shirt","title":"Men’s Turquoise Blue Textured Full-Sleeve Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-teal-shirt,\n .sf-teal-shirt * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-teal-shirt {\n --teal: #20a9ca;\n --teal-deep: #087f9e;\n --teal-soft: #dff6fb;\n --teal-pale: #effbfe;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #f1fbfd 50%,\n #dff5fa 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.12);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-teal-shirt__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-teal-shirt__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: 0.48;\n }\n\n .sf-teal-shirt__shape--1 {\n width: 92px;\n height: 92px;\n top: -38px;\n right: -28px;\n background: var(--teal);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfTealShapeOne 8s ease-in-out infinite;\n }\n\n .sf-teal-shirt__shape--2 {\n width: 48px;\n height: 48px;\n left: -20px;\n top: 42%;\n background: #7cd5e7;\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfTealShapeTwo 7s ease-in-out infinite;\n }\n\n .sf-teal-shirt__shape--3 {\n width: 82px;\n height: 14px;\n right: 18px;\n bottom: 78px;\n background: var(--teal-deep);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfTealShapeThree 6s ease-in-out infinite;\n }\n\n .sf-teal-shirt__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #cbeef5;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n animation: sfTealPulse 2.8s ease-in-out infinite;\n }\n\n .sf-teal-shirt__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--teal-deep);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-teal-shirt__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: 0.96;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-teal-shirt__title-line {\n display: block;\n }\n\n .sf-teal-shirt__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #73d1e4;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfTealFloat 4s ease-in-out infinite;\n }\n\n .sf-teal-shirt__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255, 255, 255, 0.92);\n border-left: 5px solid var(--teal-deep);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-teal-shirt__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-teal-shirt__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease,\n background 0.25s ease;\n }\n\n .sf-teal-shirt__card:nth-child(even) {\n background: var(--teal-pale);\n }\n\n .sf-teal-shirt__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, 0.18);\n }\n\n .sf-teal-shirt__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: #8edbea;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-teal-shirt__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-teal-shirt__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-teal-shirt__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-teal-shirt__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #cfeff5;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-teal-shirt__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-teal-shirt__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, 0.85);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-teal-shirt__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #70d0e2;\n }\n\n .sf-teal-shirt__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--teal-soft);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: 0.75;\n }\n\n .sf-teal-shirt__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .sf-teal-shirt__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfTealFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfTealPulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfTealShapeOne {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 50% {\n transform: translate(-8px, 10px);\n }\n }\n\n @keyframes sfTealShapeTwo {\n 0%, 100% {\n transform: translateY(0) rotate(25deg);\n }\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfTealShapeThree {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-teal-shirt {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.12);\n }\n\n .sf-teal-shirt__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-teal-shirt__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-teal-shirt__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-teal-shirt__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-teal-shirt__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.15);\n }\n\n .sf-teal-shirt__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-teal-shirt__card-title {\n font-size: 14px;\n }\n\n .sf-teal-shirt__card-text {\n font-size: 12px;\n }\n\n .sf-teal-shirt__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-teal-shirt__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-teal-shirt__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #70d0e2;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-teal-shirt *,\n .sf-teal-shirt *:before,\n .sf-teal-shirt *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-teal-shirt__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-teal-shirt\"\u003e\n\n \u003cspan class=\"sf-teal-shirt__shape sf-teal-shirt__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-teal-shirt__shape sf-teal-shirt__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-teal-shirt__shape sf-teal-shirt__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-teal-shirt__inner\"\u003e\n\n \u003cdiv class=\"sf-teal-shirt__label\"\u003e\n \u003cspan class=\"sf-teal-shirt__dot\"\u003e\u003c\/span\u003e\n Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-teal-shirt__title\"\u003e\n \u003cspan class=\"sf-teal-shirt__title-line\"\u003e\n VIBRANT TEAL\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-teal-shirt__accent\"\u003e\n TEXTURED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-teal-shirt__intro\"\u003e\n A vibrant teal long-sleeve shirt featuring a subtle textured surface,\n classic pointed collar, full front button closure and tonal embroidered\n chest detailing.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-teal-shirt__features\"\u003e\n\n \u003cdiv class=\"sf-teal-shirt__card\"\u003e\n \u003cdiv class=\"sf-teal-shirt__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__content\"\u003e\n \u003ch3 class=\"sf-teal-shirt__card-title\"\u003e\n TEXTURED SURFACE\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-teal-shirt__card-text\"\u003e\n A subtle all-over textured appearance adds visual depth to the\n solid teal design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__card\"\u003e\n \u003cdiv class=\"sf-teal-shirt__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__content\"\u003e\n \u003ch3 class=\"sf-teal-shirt__card-title\"\u003e\n CLASSIC POINTED COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-teal-shirt__card-text\"\u003e\n The structured pointed collar gives the shirt a clean and\n defined neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__card\"\u003e\n \u003cdiv class=\"sf-teal-shirt__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__content\"\u003e\n \u003ch3 class=\"sf-teal-shirt__card-title\"\u003e\n TONAL CHEST DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-teal-shirt__card-text\"\u003e\n Small tonal embroidery on the chest adds a subtle decorative\n detail without interrupting the solid colour design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__card\"\u003e\n \u003cdiv class=\"sf-teal-shirt__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__content\"\u003e\n \u003ch3 class=\"sf-teal-shirt__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-teal-shirt__card-text\"\u003e\n Full-length sleeves with finished cuffs complete the shirt's\n clean and balanced silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__specs\"\u003e\n\n \u003cdiv class=\"sf-teal-shirt__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__spec\"\u003e\n VIBRANT TEAL\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__spec\"\u003e\n FRONT BUTTON CLOSURE\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__spec\"\u003e\n TONAL CHEST DETAIL\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-teal-shirt__made\"\u003e\n\n \u003cspan class=\"sf-teal-shirt__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-teal-shirt__made-text\"\u003e\n Solid-colour styling • Button-front looks • Clean long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522357301387,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522357334155,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522357366923,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522357399691,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/TEAL4.png?v=1790160238"},{"product_id":"men-s-light-pink-long-sleeve-button-down-shirt","title":"Men’s Light Pink Long-Sleeve Button-Down Shirt","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-blush-shirt,\n .sf-blush-shirt * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-blush-shirt {\n --pink: #f1dce4;\n --pink-strong: #e8bdcc;\n --pink-soft: #fff4f7;\n --rose: #d99aaf;\n --navy: #263d59;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #fff9fb 50%, #f8eaf0 100%);\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.12);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-blush-shirt__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-blush-shirt__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: 0.5;\n }\n\n .sf-blush-shirt__shape--1 {\n width: 92px;\n height: 92px;\n top: -38px;\n right: -30px;\n background: var(--pink-strong);\n border: 2px solid #111;\n border-radius: 50%;\n animation: sfBlushShapeOne 8s ease-in-out infinite;\n }\n\n .sf-blush-shirt__shape--2 {\n width: 48px;\n height: 48px;\n left: -20px;\n top: 43%;\n background: #f5ccd9;\n border: 2px solid #111;\n border-radius: 12px;\n transform: rotate(25deg);\n animation: sfBlushShapeTwo 7s ease-in-out infinite;\n }\n\n .sf-blush-shirt__shape--3 {\n width: 82px;\n height: 14px;\n right: 18px;\n bottom: 76px;\n background: var(--rose);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: sfBlushShapeThree 6s ease-in-out infinite;\n }\n\n .sf-blush-shirt__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #f8dfe8;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n animation: sfBlushPulse 2.8s ease-in-out infinite;\n }\n\n .sf-blush-shirt__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n background: var(--navy);\n border: 1px solid #111;\n border-radius: 50%;\n }\n\n .sf-blush-shirt__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: 0.96;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-blush-shirt__title-line {\n display: block;\n }\n\n .sf-blush-shirt__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: var(--pink-strong);\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfBlushFloat 4s ease-in-out infinite;\n }\n\n .sf-blush-shirt__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255, 255, 255, 0.92);\n border-left: 5px solid var(--rose);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-blush-shirt__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-blush-shirt__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease,\n background 0.25s ease;\n }\n\n .sf-blush-shirt__card:nth-child(even) {\n background: var(--pink-soft);\n }\n\n .sf-blush-shirt__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, 0.18);\n }\n\n .sf-blush-shirt__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n background: var(--pink-strong);\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-blush-shirt__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-blush-shirt__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-blush-shirt__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-blush-shirt__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #f4dce5;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-blush-shirt__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-blush-shirt__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, 0.84);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-blush-shirt__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 var(--pink-strong);\n }\n\n .sf-blush-shirt__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: var(--pink);\n border: 2px solid #111;\n border-radius: 50%;\n opacity: 0.6;\n }\n\n .sf-blush-shirt__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .sf-blush-shirt__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfBlushFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfBlushPulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfBlushShapeOne {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 50% {\n transform: translate(-8px, 10px);\n }\n }\n\n @keyframes sfBlushShapeTwo {\n 0%, 100% {\n transform: translateY(0) rotate(25deg);\n }\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfBlushShapeThree {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-blush-shirt {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.12);\n }\n\n .sf-blush-shirt__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-blush-shirt__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-blush-shirt__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-blush-shirt__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-blush-shirt__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.15);\n }\n\n .sf-blush-shirt__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-blush-shirt__card-title {\n font-size: 14px;\n }\n\n .sf-blush-shirt__card-text {\n font-size: 12px;\n }\n\n .sf-blush-shirt__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-blush-shirt__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-blush-shirt__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 var(--pink-strong);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-blush-shirt *,\n .sf-blush-shirt *:before,\n .sf-blush-shirt *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-blush-shirt__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-blush-shirt\"\u003e\n\n \u003cspan class=\"sf-blush-shirt__shape sf-blush-shirt__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-blush-shirt__shape sf-blush-shirt__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-blush-shirt__shape sf-blush-shirt__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-blush-shirt__inner\"\u003e\n\n \u003cdiv class=\"sf-blush-shirt__label\"\u003e\n \u003cspan class=\"sf-blush-shirt__dot\"\u003e\u003c\/span\u003e\n Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-blush-shirt__title\"\u003e\n \u003cspan class=\"sf-blush-shirt__title-line\"\u003e\n SOFT PINK\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-blush-shirt__accent\"\u003e\n CLASSIC SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-blush-shirt__intro\"\u003e\n A clean soft-pink long-sleeve shirt featuring a classic pointed collar,\n full front button closure and a contrasting dark chest logo.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-blush-shirt__features\"\u003e\n\n \u003cdiv class=\"sf-blush-shirt__card\"\u003e\n \u003cdiv class=\"sf-blush-shirt__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__content\"\u003e\n \u003ch3 class=\"sf-blush-shirt__card-title\"\u003e\n SOFT PINK FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blush-shirt__card-text\"\u003e\n A clean light-pink colour gives the shirt a simple and distinctive\n overall appearance.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__card\"\u003e\n \u003cdiv class=\"sf-blush-shirt__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__content\"\u003e\n \u003ch3 class=\"sf-blush-shirt__card-title\"\u003e\n CLASSIC POINTED COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blush-shirt__card-text\"\u003e\n The pointed collar creates a neat and structured neckline that\n complements the clean shirt design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__card\"\u003e\n \u003cdiv class=\"sf-blush-shirt__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__content\"\u003e\n \u003ch3 class=\"sf-blush-shirt__card-title\"\u003e\n CHEST LOGO DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blush-shirt__card-text\"\u003e\n A small dark contrasting logo on the chest adds a defined visual\n detail to the plain pink front.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__card\"\u003e\n \u003cdiv class=\"sf-blush-shirt__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__content\"\u003e\n \u003ch3 class=\"sf-blush-shirt__card-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-blush-shirt__card-text\"\u003e\n Full-length sleeves with finished cuffs complete the shirt's\n balanced and classic silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__specs\"\u003e\n\n \u003cdiv class=\"sf-blush-shirt__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__spec\"\u003e\n SOFT PINK\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__spec\"\u003e\n FRONT BUTTON CLOSURE\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__spec\"\u003e\n LONG SLEEVES\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-blush-shirt__made\"\u003e\n\n \u003cspan class=\"sf-blush-shirt__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-blush-shirt__made-text\"\u003e\n Clean shirt styling • Long-sleeve outfits • Classic button-front looks\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522362347659,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522362380427,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522362413195,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522362445963,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep23_2026_01_24_22PM_5.png?v=1790160488"},{"product_id":"pink-pinstripe-oxford-shirt-classic-fit","title":"Pink Pinstripe Oxford Shirt – Classic Fit","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-pink-stripe,\n .sf-pink-stripe * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-pink-stripe {\n --pink: #efc5d3;\n --pink-strong: #e8aabd;\n --pink-soft: #fff1f6;\n --blush: #f8dce5;\n --ink: #111;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #fff8fa 48%,\n #fbeaf0 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.12);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-pink-stripe__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-pink-stripe__shape {\n position: absolute;\n z-index: 0;\n pointer-events: none;\n opacity: 0.55;\n }\n\n .sf-pink-stripe__shape--1 {\n width: 92px;\n height: 92px;\n top: -38px;\n right: -28px;\n border: 2px solid #111;\n border-radius: 23px;\n background:\n repeating-linear-gradient(\n 90deg,\n #fff 0 7px,\n #efbfd0 7px 13px\n );\n transform: rotate(22deg);\n animation: sfPinkMove1 8s ease-in-out infinite;\n }\n\n .sf-pink-stripe__shape--2 {\n width: 50px;\n height: 50px;\n left: -21px;\n top: 43%;\n border: 2px solid #111;\n border-radius: 50%;\n background: var(--pink-strong);\n animation: sfPinkMove2 7s ease-in-out infinite;\n }\n\n .sf-pink-stripe__shape--3 {\n width: 82px;\n height: 14px;\n right: 18px;\n bottom: 78px;\n border: 2px solid #111;\n border-radius: 999px;\n background: var(--pink);\n transform: rotate(-10deg);\n animation: sfPinkMove3 6s ease-in-out infinite;\n }\n\n .sf-pink-stripe__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #f9dce6;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n animation: sfPinkPulse 2.8s ease-in-out infinite;\n }\n\n .sf-pink-stripe__dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #db8da8;\n border: 1px solid #111;\n }\n\n .sf-pink-stripe__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: 0.96;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-pink-stripe__title-line {\n display: block;\n }\n\n .sf-pink-stripe__accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: var(--pink-strong);\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfPinkFloat 4s ease-in-out infinite;\n }\n\n .sf-pink-stripe__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255, 255, 255, 0.92);\n border-left: 5px solid #dc92aa;\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-pink-stripe__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-pink-stripe__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease,\n background 0.25s ease;\n }\n\n .sf-pink-stripe__card:nth-child(even) {\n background: var(--pink-soft);\n }\n\n .sf-pink-stripe__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, 0.18);\n }\n\n .sf-pink-stripe__number {\n display: grid;\n place-items: center;\n width: 38px;\n height: 38px;\n flex: 0 0 38px;\n border: 2px solid #111;\n border-radius: 50%;\n background: var(--pink);\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-pink-stripe__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-pink-stripe__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-pink-stripe__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-pink-stripe__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: var(--blush);\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-pink-stripe__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-pink-stripe__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, 0.84);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n overflow-wrap: anywhere;\n }\n\n .sf-pink-stripe__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 var(--pink-strong);\n }\n\n .sf-pink-stripe__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n border: 2px solid #111;\n border-radius: 50%;\n background:\n repeating-linear-gradient(\n 90deg,\n #fff 0 7px,\n #edbfd0 7px 12px\n );\n opacity: 0.58;\n }\n\n .sf-pink-stripe__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .sf-pink-stripe__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfPinkFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfPinkPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfPinkMove1 {\n 0%, 100% {\n transform: translate(0, 0) rotate(22deg);\n }\n\n 50% {\n transform: translate(-8px, 10px) rotate(30deg);\n }\n }\n\n @keyframes sfPinkMove2 {\n 0%, 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-15px);\n }\n }\n\n @keyframes sfPinkMove3 {\n 0%, 100% {\n transform: translateX(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-pink-stripe {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.12);\n }\n\n .sf-pink-stripe__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-pink-stripe__title {\n font-size: clamp(29px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-pink-stripe__accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-pink-stripe__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-pink-stripe__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.15);\n }\n\n .sf-pink-stripe__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-pink-stripe__card-title {\n font-size: 14px;\n }\n\n .sf-pink-stripe__card-text {\n font-size: 12px;\n }\n\n .sf-pink-stripe__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-pink-stripe__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-pink-stripe__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 var(--pink-strong);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-pink-stripe *,\n .sf-pink-stripe *:before,\n .sf-pink-stripe *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-pink-stripe__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-pink-stripe\"\u003e\n\n \u003cspan class=\"sf-pink-stripe__shape sf-pink-stripe__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-pink-stripe__shape sf-pink-stripe__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-pink-stripe__shape sf-pink-stripe__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-pink-stripe__inner\"\u003e\n\n \u003cdiv class=\"sf-pink-stripe__label\"\u003e\n \u003cspan class=\"sf-pink-stripe__dot\"\u003e\u003c\/span\u003e\n Striped Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-pink-stripe__title\"\u003e\n \u003cspan class=\"sf-pink-stripe__title-line\"\u003e\n PINK \u0026amp; WHITE\n \u003c\/span\u003e\n\n \u003cspan class=\"sf-pink-stripe__accent\"\u003e\n STRIPED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-pink-stripe__intro\"\u003e\n A clean long-sleeve shirt featuring soft pink and white vertical\n stripes, a button-down collar, full front button closure and a small\n contrasting chest logo.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-pink-stripe__features\"\u003e\n\n \u003cdiv class=\"sf-pink-stripe__card\"\u003e\n \u003cdiv class=\"sf-pink-stripe__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__content\"\u003e\n \u003ch3 class=\"sf-pink-stripe__card-title\"\u003e\n VERTICAL STRIPE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-pink-stripe__card-text\"\u003e\n Soft pink and white vertical stripes create a clean and\n distinctive pattern across the shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__card\"\u003e\n \u003cdiv class=\"sf-pink-stripe__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__content\"\u003e\n \u003ch3 class=\"sf-pink-stripe__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-pink-stripe__card-text\"\u003e\n The pointed collar features visible button fastening for\n a neat and structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__card\"\u003e\n \u003cdiv class=\"sf-pink-stripe__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__content\"\u003e\n \u003ch3 class=\"sf-pink-stripe__card-title\"\u003e\n CHEST LOGO DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-pink-stripe__card-text\"\u003e\n A small contrasting logo on the chest adds a subtle accent\n to the striped front design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__card\"\u003e\n \u003cdiv class=\"sf-pink-stripe__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__content\"\u003e\n \u003ch3 class=\"sf-pink-stripe__card-title\"\u003e\n LONG-SLEEVE FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-pink-stripe__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n clean, classic silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__specs\"\u003e\n\n \u003cdiv class=\"sf-pink-stripe__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__spec\"\u003e\n PINK \u0026amp; WHITE STRIPES\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__spec\"\u003e\n LONG SLEEVES\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-pink-stripe__made\"\u003e\n\n \u003cspan class=\"sf-pink-stripe__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-pink-stripe__made-text\"\u003e\n Striped-shirt styling • Button-down looks • Clean long-sleeve outfits\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"M","offer_id":50522412253323,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522412286091,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522412318859,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":50522412351627,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep23_2026_01_33_53PM_4.png?v=1790160958"},{"product_id":"grey-stripe-oxford-shirt-classic-fit","title":"Grey Stripe Oxford Shirt – Classic Fit","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-stripe-shirt,\n .sf-stripe-shirt *{\n box-sizing:border-box;\n color:#111!important;\n -webkit-text-fill-color:#111!important;\n }\n\n .sf-stripe-shirt{\n --ink:#111;\n --stripe:#6f7b8a;\n --stripe-dark:#53606f;\n --silver:#dce1e6;\n --soft:#f4f6f8;\n --paper:#fff;\n\n position:relative;\n width:calc(100% - 24px);\n max-width:560px;\n margin:30px auto;\n padding:26px;\n overflow:hidden;\n background:\n linear-gradient(145deg,#ffffff 0%,#f7f8f9 48%,#e9edf1 100%);\n border:2px solid #111;\n border-radius:28px;\n box-shadow:8px 8px 0 rgba(17,17,17,.13);\n font-family:Arial,Helvetica,sans-serif;\n }\n\n .sf-stripe-shirt__inner{\n position:relative;\n z-index:2;\n }\n\n .sf-stripe-shirt__shape{\n position:absolute;\n z-index:0;\n pointer-events:none;\n opacity:.45;\n }\n\n .sf-stripe-shirt__shape--1{\n width:92px;\n height:92px;\n top:-40px;\n right:-28px;\n border:2px solid #111;\n border-radius:24px;\n background:\n repeating-linear-gradient(\n 90deg,\n #f5f5f5 0 7px,\n #7a8695 7px 13px\n );\n transform:rotate(22deg);\n animation:sfStripeMove1 8s ease-in-out infinite;\n }\n\n .sf-stripe-shirt__shape--2{\n width:50px;\n height:50px;\n left:-20px;\n top:43%;\n border:2px solid #111;\n border-radius:50%;\n background:var(--silver);\n animation:sfStripeMove2 7s ease-in-out infinite;\n }\n\n .sf-stripe-shirt__shape--3{\n width:82px;\n height:14px;\n right:18px;\n bottom:78px;\n border:2px solid #111;\n border-radius:999px;\n background:var(--stripe);\n transform:rotate(-10deg);\n animation:sfStripeMove3 6s ease-in-out infinite;\n }\n\n .sf-stripe-shirt__label{\n display:inline-flex;\n align-items:center;\n gap:8px;\n margin:0 0 17px;\n padding:8px 13px;\n background:#e4e8ec;\n border:2px solid #111;\n border-radius:999px;\n box-shadow:3px 3px 0 #111;\n font-size:10px;\n line-height:1;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n animation:sfStripePulse 2.8s ease-in-out infinite;\n }\n\n .sf-stripe-shirt__dot{\n width:7px;\n height:7px;\n flex:0 0 7px;\n border-radius:50%;\n background:var(--stripe-dark);\n border:1px solid #111;\n }\n\n .sf-stripe-shirt__title{\n margin:0 0 18px;\n font-size:clamp(33px,8vw,52px);\n line-height:.96;\n letter-spacing:-.045em;\n font-weight:950;\n }\n\n .sf-stripe-shirt__title-line{\n display:block;\n }\n\n .sf-stripe-shirt__accent{\n display:inline-block;\n margin-top:8px;\n padding:5px 11px 8px;\n background:#cdd3da;\n border:2px solid #111;\n border-radius:12px;\n box-shadow:4px 4px 0 #111;\n transform:rotate(-1deg);\n animation:sfStripeFloat 4s ease-in-out infinite;\n }\n\n .sf-stripe-shirt__intro{\n margin:0 0 22px;\n padding:16px 17px;\n background:rgba(255,255,255,.9);\n border-left:5px solid var(--stripe-dark);\n border-radius:0 15px 15px 0;\n font-size:clamp(14px,3.5vw,16px);\n line-height:1.65;\n font-weight:600;\n }\n\n .sf-stripe-shirt__features{\n display:grid;\n grid-template-columns:1fr;\n gap:12px;\n margin-bottom:19px;\n }\n\n .sf-stripe-shirt__card{\n display:flex;\n align-items:flex-start;\n gap:13px;\n width:100%;\n padding:15px;\n background:#fff;\n border:2px solid #111;\n border-radius:17px;\n box-shadow:4px 4px 0 rgba(17,17,17,.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-stripe-shirt__card:nth-child(even){\n background:#f0f2f4;\n }\n\n .sf-stripe-shirt__card:hover{\n transform:translateY(-4px);\n box-shadow:7px 8px 0 rgba(17,17,17,.18);\n }\n\n .sf-stripe-shirt__number{\n display:grid;\n place-items:center;\n width:38px;\n height:38px;\n flex:0 0 38px;\n border:2px solid #111;\n border-radius:50%;\n background:#d3d8de;\n box-shadow:2px 2px 0 #111;\n font-size:12px;\n line-height:1;\n font-weight:950;\n }\n\n .sf-stripe-shirt__content{\n min-width:0;\n flex:1;\n }\n\n .sf-stripe-shirt__card-title{\n margin:1px 0 5px;\n font-size:15px;\n line-height:1.2;\n font-weight:950;\n letter-spacing:-.015em;\n }\n\n .sf-stripe-shirt__card-text{\n margin:0;\n font-size:13px;\n line-height:1.5;\n font-weight:600;\n }\n\n .sf-stripe-shirt__specs{\n display:flex;\n flex-wrap:wrap;\n gap:8px;\n margin:0 0 17px;\n padding:14px;\n background:#dfe3e7;\n border:2px solid #111;\n border-radius:16px;\n }\n\n .sf-stripe-shirt__spec-heading{\n width:100%;\n margin-bottom:2px;\n font-size:10px;\n font-weight:950;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .sf-stripe-shirt__spec{\n flex:1 1 125px;\n padding:8px 10px;\n background:rgba(255,255,255,.82);\n border:1.5px solid #111;\n border-radius:999px;\n text-align:center;\n font-size:11px;\n line-height:1.3;\n font-weight:850;\n overflow-wrap:anywhere;\n }\n\n .sf-stripe-shirt__made{\n position:relative;\n overflow:hidden;\n padding:18px;\n background:#fff;\n border:2px solid #111;\n border-radius:19px;\n box-shadow:5px 5px 0 #aab3bd;\n }\n\n .sf-stripe-shirt__made:after{\n content:\"\";\n position:absolute;\n width:88px;\n height:88px;\n right:-38px;\n bottom:-50px;\n border:2px solid #111;\n border-radius:50%;\n background:\n repeating-linear-gradient(\n 90deg,\n #f8f8f8 0 7px,\n #9ba4ae 7px 12px\n );\n opacity:.55;\n }\n\n .sf-stripe-shirt__made-label{\n position:relative;\n z-index:1;\n display:block;\n margin-bottom:9px;\n font-size:10px;\n font-weight:950;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .sf-stripe-shirt__made-text{\n position:relative;\n z-index:1;\n margin:0;\n font-size:clamp(16px,4vw,19px);\n line-height:1.45;\n font-weight:900;\n }\n\n @keyframes sfStripeFloat{\n 0%,100%{\n transform:translateY(0) rotate(-1deg);\n }\n 50%{\n transform:translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfStripePulse{\n 0%,100%{\n transform:scale(1);\n }\n 50%{\n transform:scale(1.025);\n }\n }\n\n @keyframes sfStripeMove1{\n 0%,100%{\n transform:translate(0,0) rotate(22deg);\n }\n 50%{\n transform:translate(-8px,10px) rotate(29deg);\n }\n }\n\n @keyframes sfStripeMove2{\n 0%,100%{\n transform:translateY(0);\n }\n 50%{\n transform:translateY(-15px);\n }\n }\n\n @keyframes sfStripeMove3{\n 0%,100%{\n transform:translateX(0) rotate(-10deg);\n }\n 50%{\n transform:translateX(-13px) rotate(-5deg);\n }\n }\n\n @media(max-width:480px){\n .sf-stripe-shirt{\n width:calc(100% - 18px);\n margin:18px auto;\n padding:18px;\n border-radius:21px;\n box-shadow:5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-stripe-shirt__label{\n padding:7px 11px;\n font-size:9px;\n box-shadow:2px 2px 0 #111;\n }\n\n .sf-stripe-shirt__title{\n font-size:clamp(29px,10vw,40px);\n margin-bottom:15px;\n }\n\n .sf-stripe-shirt__accent{\n padding:4px 9px 7px;\n border-radius:9px;\n box-shadow:3px 3px 0 #111;\n }\n\n .sf-stripe-shirt__intro{\n padding:13px 14px;\n font-size:13px;\n border-radius:0 12px 12px 0;\n }\n\n .sf-stripe-shirt__card{\n padding:13px;\n gap:11px;\n border-radius:14px;\n box-shadow:3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-stripe-shirt__number{\n width:34px;\n height:34px;\n flex-basis:34px;\n font-size:11px;\n }\n\n .sf-stripe-shirt__card-title{\n font-size:14px;\n }\n\n .sf-stripe-shirt__card-text{\n font-size:12px;\n }\n\n .sf-stripe-shirt__specs{\n padding:11px;\n border-radius:13px;\n }\n\n .sf-stripe-shirt__spec{\n flex-basis:110px;\n font-size:10px;\n }\n\n .sf-stripe-shirt__made{\n padding:15px;\n border-radius:15px;\n box-shadow:4px 4px 0 #aab3bd;\n }\n }\n\n @media(prefers-reduced-motion:reduce){\n .sf-stripe-shirt *,\n .sf-stripe-shirt *:before,\n .sf-stripe-shirt *:after{\n animation:none!important;\n transition:none!important;\n }\n\n .sf-stripe-shirt__card:hover{\n transform:none!important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-stripe-shirt\"\u003e\n\n \u003cspan class=\"sf-stripe-shirt__shape sf-stripe-shirt__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-stripe-shirt__shape sf-stripe-shirt__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-stripe-shirt__shape sf-stripe-shirt__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__inner\"\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__label\"\u003e\n \u003cspan class=\"sf-stripe-shirt__dot\"\u003e\u003c\/span\u003e\n Striped Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-stripe-shirt__title\"\u003e\n \u003cspan class=\"sf-stripe-shirt__title-line\"\u003e\n GREY \u0026amp; WHITE\n \u003c\/span\u003e\n \u003cspan class=\"sf-stripe-shirt__accent\"\u003e\n STRIPED SHIRT\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-stripe-shirt__intro\"\u003e\n A clean long-sleeve shirt featuring vertical grey and white stripes,\n a button-down collar, full front button closure and a small contrasting\n chest logo.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__features\"\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-stripe-shirt__number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-stripe-shirt__card-title\"\u003e\n VERTICAL STRIPE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-stripe-shirt__card-text\"\u003e\n Grey and white vertical stripes create a clean,\n structured visual pattern across the shirt.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-stripe-shirt__number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-stripe-shirt__card-title\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-stripe-shirt__card-text\"\u003e\n The pointed collar features visible button fastening\n for a neat and defined neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-stripe-shirt__number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-stripe-shirt__card-title\"\u003e\n CHEST LOGO DETAIL\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-stripe-shirt__card-text\"\u003e\n A small contrasting logo detail on the chest adds\n a subtle visual accent to the striped design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__card\"\u003e\n \u003cdiv class=\"sf-stripe-shirt__number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__content\"\u003e\n \u003ch3 class=\"sf-stripe-shirt__card-title\"\u003e\n LONG-SLEEVE FINISH\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-stripe-shirt__card-text\"\u003e\n Full-length sleeves with buttoned cuffs complete\n the shirt's classic silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__specs\"\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__spec\"\u003e\n VERTICAL STRIPES\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__spec\"\u003e\n BUTTON-DOWN COLLAR\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__spec\"\u003e\n LONG SLEEVES\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-stripe-shirt__made\"\u003e\n \u003cspan class=\"sf-stripe-shirt__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-stripe-shirt__made-text\"\u003e\n Striped-shirt styling • Button-down looks • Clean long-sleeve outfits\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"M","offer_id":50522415890571,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522415923339,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522415956107,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":50522415988875,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep23_2026_01_51_55PM_4.png?v=1790161188"},{"product_id":"navy-blue-check-shirt-classic-fit","title":"Navy Blue Check Shirt – Classic Fit","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-checkshirt,\n .sf-checkshirt * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-checkshirt {\n --navy: #244b75;\n --blue: #4b96cf;\n --ice: #eaf5fc;\n --soft: #f4f9fd;\n --black: #111;\n --white: #fff;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background: linear-gradient(\n 145deg,\n #ffffff 0%,\n #f3f8fc 48%,\n #e5f2fa 100%\n );\n border: 2px solid #111;\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.13);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-checkshirt__shape {\n position: absolute;\n pointer-events: none;\n z-index: 0;\n opacity: 0.45;\n }\n\n .sf-checkshirt__shape--1 {\n width: 92px;\n height: 92px;\n top: -38px;\n right: -28px;\n background: var(--blue);\n border: 2px solid #111;\n border-radius: 23px;\n transform: rotate(25deg);\n animation: checkShapeOne 8s ease-in-out infinite;\n }\n\n .sf-checkshirt__shape--2 {\n width: 50px;\n height: 50px;\n left: -22px;\n top: 42%;\n background: var(--navy);\n border: 2px solid #111;\n border-radius: 50%;\n animation: checkShapeTwo 7s ease-in-out infinite;\n }\n\n .sf-checkshirt__shape--3 {\n width: 85px;\n height: 13px;\n right: 17px;\n bottom: 78px;\n background: var(--blue);\n border: 2px solid #111;\n border-radius: 999px;\n transform: rotate(-10deg);\n animation: checkShapeThree 6s ease-in-out infinite;\n }\n\n .sf-checkshirt__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-checkshirt__label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 17px;\n padding: 8px 13px;\n background: #d9edf9;\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 10px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n animation: checkPulse 2.7s ease-in-out infinite;\n }\n\n .sf-checkshirt__dot {\n width: 7px;\n height: 7px;\n min-width: 7px;\n border-radius: 50%;\n background: var(--navy);\n border: 1px solid #111;\n }\n\n .sf-checkshirt__title {\n margin: 0 0 18px;\n font-size: clamp(33px, 8vw, 52px);\n line-height: 0.96;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-checkshirt__title-line {\n display: block;\n }\n\n .sf-checkshirt__title-accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: #9ccdef;\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: checkFloat 4s ease-in-out infinite;\n }\n\n .sf-checkshirt__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n background: rgba(255,255,255,0.88);\n border-left: 5px solid var(--navy);\n border-radius: 0 15px 15px 0;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n }\n\n .sf-checkshirt__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-checkshirt__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17,17,17,0.16);\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n }\n\n .sf-checkshirt__card:nth-child(even) {\n background: var(--ice);\n }\n\n .sf-checkshirt__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17,17,17,0.18);\n }\n\n .sf-checkshirt__num {\n display: grid;\n place-items: center;\n flex: 0 0 38px;\n width: 38px;\n height: 38px;\n background: #a9d6f2;\n border: 2px solid #111;\n border-radius: 50%;\n box-shadow: 2px 2px 0 #111;\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n }\n\n .sf-checkshirt__content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-checkshirt__feature-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-checkshirt__feature-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-checkshirt__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 17px;\n padding: 14px;\n background: #cce8f8;\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-checkshirt__spec-heading {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-checkshirt__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255,255,255,0.8);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n word-break: normal;\n overflow-wrap: anywhere;\n }\n\n .sf-checkshirt__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 #9ccdef;\n }\n\n .sf-checkshirt__made:after {\n content: \"\";\n position: absolute;\n width: 88px;\n height: 88px;\n right: -38px;\n bottom: -50px;\n background: #b9ddf3;\n border: 2px solid #111;\n border-radius: 50%;\n opacity: .55;\n }\n\n .sf-checkshirt__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .sf-checkshirt__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes checkFloat {\n 0%,100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes checkPulse {\n 0%,100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes checkShapeOne {\n 0%,100% {\n transform: translate(0,0) rotate(25deg);\n }\n 50% {\n transform: translate(-8px,10px) rotate(34deg);\n }\n }\n\n @keyframes checkShapeTwo {\n 0%,100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n\n @keyframes checkShapeThree {\n 0%,100% {\n transform: translateX(0) rotate(-10deg);\n }\n 50% {\n transform: translateX(-13px) rotate(-5deg);\n }\n }\n\n @media (max-width:480px) {\n .sf-checkshirt {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17,17,17,.12);\n }\n\n .sf-checkshirt__label {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-checkshirt__title {\n font-size: clamp(29px,10vw,40px);\n margin-bottom: 15px;\n }\n\n .sf-checkshirt__title-accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-checkshirt__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-checkshirt__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17,17,17,.15);\n }\n\n .sf-checkshirt__num {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-checkshirt__feature-title {\n font-size: 14px;\n }\n\n .sf-checkshirt__feature-text {\n font-size: 12px;\n }\n\n .sf-checkshirt__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-checkshirt__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-checkshirt__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 #9ccdef;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-checkshirt *,\n .sf-checkshirt *:before,\n .sf-checkshirt *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-checkshirt__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-checkshirt\"\u003e\n\n \u003cspan class=\"sf-checkshirt__shape sf-checkshirt__shape--1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-checkshirt__shape sf-checkshirt__shape--2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-checkshirt__shape sf-checkshirt__shape--3\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-checkshirt__inner\"\u003e\n\n \u003cdiv class=\"sf-checkshirt__label\"\u003e\n \u003cspan class=\"sf-checkshirt__dot\"\u003e\u003c\/span\u003e\n Check Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-checkshirt__title\"\u003e\n \u003cspan class=\"sf-checkshirt__title-line\"\u003eNAVY BLUE\u003c\/span\u003e\n \u003cspan class=\"sf-checkshirt__title-accent\"\u003eCHECK SHIRT\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-checkshirt__intro\"\u003e\n A navy blue long-sleeve shirt featuring a structured check pattern,\n classic collar, front button closure and a chest pocket for a clean,\n detailed look.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-checkshirt__features\"\u003e\n\n \u003cdiv class=\"sf-checkshirt__card\"\u003e\n \u003cdiv class=\"sf-checkshirt__num\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__content\"\u003e\n \u003ch3 class=\"sf-checkshirt__feature-title\"\u003e\n CHECK PATTERN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-checkshirt__feature-text\"\u003e\n Navy blue is detailed with contrasting white and light-blue\n check lines for a distinctive patterned finish.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__card\"\u003e\n \u003cdiv class=\"sf-checkshirt__num\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__content\"\u003e\n \u003ch3 class=\"sf-checkshirt__feature-title\"\u003e\n CLASSIC COLLAR\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-checkshirt__feature-text\"\u003e\n A traditional pointed collar gives the shirt a clean and\n structured neckline.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__card\"\u003e\n \u003cdiv class=\"sf-checkshirt__num\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__content\"\u003e\n \u003ch3 class=\"sf-checkshirt__feature-title\"\u003e\n CHEST POCKET\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-checkshirt__feature-text\"\u003e\n A single chest pocket is integrated into the checked design for\n an additional visual detail.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__card\"\u003e\n \u003cdiv class=\"sf-checkshirt__num\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__content\"\u003e\n \u003ch3 class=\"sf-checkshirt__feature-title\"\u003e\n LONG-SLEEVE DESIGN\n \u003c\/h3\u003e\n\n \u003cp class=\"sf-checkshirt__feature-text\"\u003e\n Full-length sleeves with buttoned cuffs complete the shirt's\n balanced, classic silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__specs\"\u003e\n\n \u003cdiv class=\"sf-checkshirt__spec-heading\"\u003e\n PRODUCT DETAILS\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__spec\"\u003e\n NAVY CHECK PATTERN\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__spec\"\u003e\n FRONT BUTTON CLOSURE\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__spec\"\u003e\n CHEST POCKET\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-checkshirt__made\"\u003e\n \u003cspan class=\"sf-checkshirt__made-label\"\u003e\n MADE FOR\n \u003c\/span\u003e\n\n \u003cp class=\"sf-checkshirt__made-text\"\u003e\n Check-shirt styling • Long-sleeve outfits • Classic button-down looks\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50522424541323,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522424574091,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522424606859,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50522424639627,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/V4.png?v=1790161800"},{"product_id":"sky-blue-oxford-shirt-classic-fit","title":"Sky Blue Oxford Shirt – Classic Fit","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n .sf-skyshirt,\n .sf-skyshirt * {\n box-sizing: border-box;\n color: #111 !important;\n -webkit-text-fill-color: #111 !important;\n }\n\n .sf-skyshirt {\n --sky: #c9e4f8;\n --sky-strong: #9fd0f2;\n --sky-soft: #eef8ff;\n --navy: #25344f;\n --ink: #111;\n --line: #111;\n --paper: #fbfdff;\n\n position: relative;\n width: calc(100% - 24px);\n max-width: 560px;\n margin: 30px auto;\n padding: 26px;\n overflow: hidden;\n background:\n linear-gradient(145deg, #ffffff 0%, #f3f9fd 52%, #e5f4ff 100%);\n border: 2px solid var(--line);\n border-radius: 28px;\n box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.12);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .sf-skyshirt__shape {\n position: absolute;\n pointer-events: none;\n z-index: 0;\n opacity: 0.55;\n }\n\n .sf-skyshirt__shape--one {\n width: 85px;\n height: 85px;\n border: 2px solid #111;\n border-radius: 50%;\n top: -34px;\n right: -28px;\n background: var(--sky);\n animation: sfSkyMoveOne 8s ease-in-out infinite;\n }\n\n .sf-skyshirt__shape--two {\n width: 42px;\n height: 42px;\n left: -13px;\n top: 42%;\n background: var(--sky-strong);\n border: 2px solid #111;\n border-radius: 11px;\n transform: rotate(25deg);\n animation: sfSkyMoveTwo 7s ease-in-out infinite;\n }\n\n .sf-skyshirt__shape--three {\n width: 70px;\n height: 14px;\n right: 18px;\n bottom: 72px;\n border: 2px solid #111;\n border-radius: 999px;\n background: #fff;\n transform: rotate(-12deg);\n animation: sfSkyMoveThree 6s ease-in-out infinite;\n }\n\n .sf-skyshirt__inner {\n position: relative;\n z-index: 2;\n }\n\n .sf-skyshirt__category {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 16px;\n padding: 8px 13px;\n background: var(--sky);\n border: 2px solid #111;\n border-radius: 999px;\n box-shadow: 3px 3px 0 #111;\n font-size: 11px;\n line-height: 1;\n font-weight: 900;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n animation: sfSkyPulse 2.8s ease-in-out infinite;\n }\n\n .sf-skyshirt__category-dot {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n border-radius: 50%;\n background: #111;\n }\n\n .sf-skyshirt__heading {\n margin: 0 0 17px;\n font-size: clamp(34px, 8vw, 52px);\n line-height: 0.95;\n letter-spacing: -0.045em;\n font-weight: 950;\n }\n\n .sf-skyshirt__heading-line {\n display: block;\n }\n\n .sf-skyshirt__heading-accent {\n display: inline-block;\n margin-top: 8px;\n padding: 5px 11px 8px;\n background: var(--sky-strong);\n border: 2px solid #111;\n border-radius: 12px;\n box-shadow: 4px 4px 0 #111;\n transform: rotate(-1deg);\n animation: sfSkyFloat 4s ease-in-out infinite;\n }\n\n .sf-skyshirt__intro {\n margin: 0 0 22px;\n padding: 16px 17px;\n font-size: clamp(14px, 3.5vw, 16px);\n line-height: 1.65;\n font-weight: 600;\n background: rgba(255, 255, 255, 0.84);\n border-left: 5px solid var(--navy);\n border-radius: 0 15px 15px 0;\n }\n\n .sf-skyshirt__features {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n margin-bottom: 19px;\n }\n\n .sf-skyshirt__card {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n width: 100%;\n padding: 15px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 17px;\n box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);\n transition:\n transform 0.25s ease,\n box-shadow 0.25s ease,\n background 0.25s ease;\n }\n\n .sf-skyshirt__card:nth-child(even) {\n background: var(--sky-soft);\n }\n\n .sf-skyshirt__card:hover {\n transform: translateY(-4px);\n box-shadow: 7px 8px 0 rgba(17, 17, 17, 0.18);\n }\n\n .sf-skyshirt__number {\n display: grid;\n place-items: center;\n flex: 0 0 38px;\n width: 38px;\n height: 38px;\n border: 2px solid #111;\n border-radius: 50%;\n background: var(--sky-strong);\n font-size: 12px;\n line-height: 1;\n font-weight: 950;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-skyshirt__card-content {\n min-width: 0;\n flex: 1;\n }\n\n .sf-skyshirt__card-title {\n margin: 1px 0 5px;\n font-size: 15px;\n line-height: 1.2;\n font-weight: 950;\n letter-spacing: -0.015em;\n }\n\n .sf-skyshirt__card-text {\n margin: 0;\n font-size: 13px;\n line-height: 1.5;\n font-weight: 600;\n }\n\n .sf-skyshirt__specs {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 0 0 16px;\n padding: 14px;\n background: var(--sky);\n border: 2px solid #111;\n border-radius: 16px;\n }\n\n .sf-skyshirt__spec-label {\n width: 100%;\n margin-bottom: 2px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .sf-skyshirt__spec {\n flex: 1 1 125px;\n padding: 8px 10px;\n background: rgba(255, 255, 255, 0.78);\n border: 1.5px solid #111;\n border-radius: 999px;\n text-align: center;\n font-size: 11px;\n line-height: 1.3;\n font-weight: 850;\n }\n\n .sf-skyshirt__made {\n position: relative;\n overflow: hidden;\n padding: 18px;\n background: #fff;\n border: 2px solid #111;\n border-radius: 19px;\n box-shadow: 5px 5px 0 var(--sky-strong);\n }\n\n .sf-skyshirt__made:after {\n content: \"\";\n position: absolute;\n width: 80px;\n height: 80px;\n right: -35px;\n bottom: -45px;\n border: 2px solid #111;\n border-radius: 50%;\n background: var(--sky);\n opacity: 0.45;\n }\n\n .sf-skyshirt__made-label {\n position: relative;\n z-index: 1;\n display: block;\n margin-bottom: 9px;\n font-size: 10px;\n font-weight: 950;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .sf-skyshirt__made-text {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: clamp(16px, 4vw, 19px);\n line-height: 1.45;\n font-weight: 900;\n }\n\n @keyframes sfSkyFloat {\n 0%, 100% {\n transform: translateY(0) rotate(-1deg);\n }\n 50% {\n transform: translateY(-5px) rotate(-1deg);\n }\n }\n\n @keyframes sfSkyPulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.025);\n }\n }\n\n @keyframes sfSkyMoveOne {\n 0%, 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n 50% {\n transform: translate(-7px, 9px) rotate(8deg);\n }\n }\n\n @keyframes sfSkyMoveTwo {\n 0%, 100% {\n transform: translateY(0) rotate(25deg);\n }\n 50% {\n transform: translateY(-14px) rotate(34deg);\n }\n }\n\n @keyframes sfSkyMoveThree {\n 0%, 100% {\n transform: translateX(0) rotate(-12deg);\n }\n 50% {\n transform: translateX(-12px) rotate(-7deg);\n }\n }\n\n @media (max-width: 480px) {\n .sf-skyshirt {\n width: calc(100% - 18px);\n margin: 18px auto;\n padding: 18px;\n border-radius: 21px;\n box-shadow: 5px 5px 0 rgba(17, 17, 17, 0.12);\n }\n\n .sf-skyshirt__category {\n padding: 7px 11px;\n font-size: 9px;\n box-shadow: 2px 2px 0 #111;\n }\n\n .sf-skyshirt__heading {\n font-size: clamp(30px, 10vw, 40px);\n margin-bottom: 15px;\n }\n\n .sf-skyshirt__heading-accent {\n padding: 4px 9px 7px;\n border-radius: 9px;\n box-shadow: 3px 3px 0 #111;\n }\n\n .sf-skyshirt__intro {\n padding: 13px 14px;\n font-size: 13px;\n border-radius: 0 12px 12px 0;\n }\n\n .sf-skyshirt__card {\n padding: 13px;\n gap: 11px;\n border-radius: 14px;\n box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.15);\n }\n\n .sf-skyshirt__number {\n width: 34px;\n height: 34px;\n flex-basis: 34px;\n font-size: 11px;\n }\n\n .sf-skyshirt__card-title {\n font-size: 14px;\n }\n\n .sf-skyshirt__card-text {\n font-size: 12px;\n }\n\n .sf-skyshirt__specs {\n padding: 11px;\n border-radius: 13px;\n }\n\n .sf-skyshirt__spec {\n flex-basis: 110px;\n font-size: 10px;\n }\n\n .sf-skyshirt__made {\n padding: 15px;\n border-radius: 15px;\n box-shadow: 4px 4px 0 var(--sky-strong);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .sf-skyshirt *,\n .sf-skyshirt *:before,\n .sf-skyshirt *:after {\n animation: none !important;\n transition: none !important;\n }\n\n .sf-skyshirt__card:hover {\n transform: none !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-skyshirt\"\u003e\n \u003cspan class=\"sf-skyshirt__shape sf-skyshirt__shape--one\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-skyshirt__shape sf-skyshirt__shape--two\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sf-skyshirt__shape sf-skyshirt__shape--three\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sf-skyshirt__inner\"\u003e\n\n \u003cdiv class=\"sf-skyshirt__category\"\u003e\n \u003cspan class=\"sf-skyshirt__category-dot\"\u003e\u003c\/span\u003e\n Shirt Collection\n \u003c\/div\u003e\n\n \u003ch2 class=\"sf-skyshirt__heading\"\u003e\n \u003cspan class=\"sf-skyshirt__heading-line\"\u003eLIGHT BLUE\u003c\/span\u003e\n \u003cspan class=\"sf-skyshirt__heading-accent\"\u003eBUTTON-DOWN SHIRT\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sf-skyshirt__intro\"\u003e\n A clean light-blue long-sleeve shirt featuring a classic button-down\n collar, front button closure and a small contrasting chest logo.\n \u003c\/p\u003e\n\n \u003cdiv class=\"sf-skyshirt__features\"\u003e\n\n \u003cdiv class=\"sf-skyshirt__card\"\u003e\n \u003cdiv class=\"sf-skyshirt__number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__card-content\"\u003e\n \u003ch3 class=\"sf-skyshirt__card-title\"\u003eBUTTON-DOWN COLLAR\u003c\/h3\u003e\n \u003cp class=\"sf-skyshirt__card-text\"\u003e\n A structured collar with visible button fastening for a clean,\n defined shirt profile.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-skyshirt__card\"\u003e\n \u003cdiv class=\"sf-skyshirt__number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__card-content\"\u003e\n \u003ch3 class=\"sf-skyshirt__card-title\"\u003eFULL BUTTON FRONT\u003c\/h3\u003e\n \u003cp class=\"sf-skyshirt__card-text\"\u003e\n Finished with a complete centre-front button closure that keeps\n the design classic and streamlined.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-skyshirt__card\"\u003e\n \u003cdiv class=\"sf-skyshirt__number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__card-content\"\u003e\n \u003ch3 class=\"sf-skyshirt__card-title\"\u003eCHEST LOGO DETAIL\u003c\/h3\u003e\n \u003cp class=\"sf-skyshirt__card-text\"\u003e\n A small dark logo on the chest adds a contrasting visual detail\n to the light-blue design.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-skyshirt__card\"\u003e\n \u003cdiv class=\"sf-skyshirt__number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__card-content\"\u003e\n \u003ch3 class=\"sf-skyshirt__card-title\"\u003eLONG-SLEEVE DESIGN\u003c\/h3\u003e\n \u003cp class=\"sf-skyshirt__card-text\"\u003e\n Full-length sleeves with finished cuffs complete the shirt's\n clean, balanced silhouette.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-skyshirt__specs\"\u003e\n \u003cdiv class=\"sf-skyshirt__spec-label\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__spec\"\u003eLIGHT BLUE\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__spec\"\u003eBUTTON-DOWN COLLAR\u003c\/div\u003e\n \u003cdiv class=\"sf-skyshirt__spec\"\u003eLONG SLEEVES\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sf-skyshirt__made\"\u003e\n \u003cspan class=\"sf-skyshirt__made-label\"\u003eMADE FOR\u003c\/span\u003e\n \u003cp class=\"sf-skyshirt__made-text\"\u003e\n Clean button-down styling • Long-sleeve looks • Light-blue outfits\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"M","offer_id":50522451443851,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50522451476619,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50522451509387,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true},{"title":"2XL","offer_id":50522451542155,"sku":null,"price":999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/SKY4.png?v=1790162303"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/collections\/SKY4.png?v=1790318869","url":"https:\/\/swagfactory.in\/collections\/shirts.oembed","provider":"Swag Factory","version":"1.0","type":"link"}