{"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","url":"https:\/\/swagfactory.in\/products\/men-s-blue-teal-plaid-button-down-shirt","provider":"Swag Factory","version":"1.0","type":"link"}