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