{"product_id":"men-s-camouflage-quilted-sleeveless-vest-mustard-brown","title":"Men’s Camouflage Quilted Sleeveless Vest – Mustard \u0026 Brown","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .sf-camo-vest,\n  .sf-camo-vest *,\n  .sf-camo-vest::before,\n  .sf-camo-vest::after {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .sf-camo-vest {\n    width: calc(100% - 12px);\n    max-width: 560px;\n    margin: 24px auto;\n    padding: clamp(16px, 4vw, 30px);\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    border: 2px solid #111;\n    border-radius: 24px;\n    background: #fffaf0;\n    box-shadow: 5px 5px 0 #c4a46b;\n    font-family: Arial, Helvetica, sans-serif;\n    text-align: left;\n    overflow-wrap: anywhere;\n  }\n\n  .sf-camo-vest::before,\n  .sf-camo-vest::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    width: 110px;\n    height: 110px;\n    border-radius: 35% 65% 55% 45%;\n    background: #e8ca88;\n    opacity: .4;\n    pointer-events: none;\n    animation: sf-camo-drift 10s ease-in-out infinite alternate;\n  }\n\n  .sf-camo-vest::before {\n    top: 70px;\n    right: -50px;\n  }\n\n  .sf-camo-vest::after {\n    bottom: 90px;\n    left: -65px;\n    background: #d7c5a7;\n    animation-delay: -5s;\n  }\n\n  .sf-camo-vest .sf-category {\n    display: inline-block;\n    max-width: 100%;\n    padding: 7px 12px;\n    border: 1.5px solid #111;\n    border-radius: 999px;\n    background: #f1dfb8;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .1em;\n    line-height: 1.5;\n    text-transform: uppercase;\n    animation: sf-camo-pulse 3.5s ease-in-out infinite;\n  }\n\n  .sf-camo-vest .sf-heading {\n    margin: 22px 0 18px;\n    font-family: inherit;\n    font-size: clamp(26px, 6vw, 40px);\n    font-weight: 900;\n    letter-spacing: -.045em;\n    line-height: 1.18;\n    text-transform: uppercase;\n  }\n\n  .sf-camo-vest .sf-heading span {\n    display: block;\n  }\n\n  .sf-camo-vest .sf-heading .sf-highlight {\n    width: fit-content;\n    max-width: 100%;\n    margin-top: 8px;\n    padding: 5px 9px;\n    border: 2px solid #111;\n    border-radius: 9px;\n    background: #e3bb64;\n    box-shadow: 3px 3px 0 #111;\n    animation: sf-camo-float 5s ease-in-out infinite;\n  }\n\n  .sf-camo-vest .sf-intro {\n    margin: 0 0 24px;\n    font-size: clamp(14px, 3.5vw, 16px);\n    line-height: 1.75;\n  }\n\n  .sf-camo-vest .sf-features {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 13px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .sf-camo-vest .sf-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    min-width: 0;\n    margin: 0;\n    padding: clamp(13px, 3.5vw, 19px);\n    border: 2px solid #111;\n    border-radius: 15px;\n    background: #fffdf7;\n    box-shadow: 3px 3px 0 #d8c39b;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .sf-camo-vest .sf-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 32px;\n    width: 32px;\n    height: 32px;\n    border: 1.5px solid #111;\n    border-radius: 50%;\n    background: #eed69f;\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  .sf-camo-vest .sf-copy {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .sf-camo-vest .sf-title {\n    margin: 0 0 6px;\n    font-family: inherit;\n    font-size: clamp(15px, 3.7vw, 18px);\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .sf-camo-vest .sf-text {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .sf-camo-vest .sf-specs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 24px 0;\n    padding: 16px 0;\n    border-top: 2px dashed #bea474;\n    border-bottom: 2px dashed #bea474;\n  }\n\n  .sf-camo-vest .sf-specs span {\n    max-width: 100%;\n    padding: 6px 9px;\n    border: 1px solid #bea474;\n    border-radius: 7px;\n    background: #f3e6c8;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.5;\n    text-transform: uppercase;\n    white-space: normal;\n  }\n\n  .sf-camo-vest .sf-made {\n    padding: 18px;\n    border: 2px solid #111;\n    border-radius: 15px;\n    background: #eed69f;\n    box-shadow: 3px 3px 0 #111;\n  }\n\n  .sf-camo-vest .sf-made h3 {\n    margin: 0 0 10px;\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .14em;\n    line-height: 1.5;\n  }\n\n  .sf-camo-vest .sf-made ul {\n    margin: 0;\n    padding-left: 18px;\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .sf-camo-vest .sf-made li {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media (hover: hover) {\n    .sf-camo-vest .sf-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 4px 6px 0 #bea474;\n    }\n  }\n\n  @media (max-width: 380px) {\n    .sf-camo-vest {\n      padding: 14px;\n      border-radius: 16px;\n      box-shadow: 3px 3px 0 #c4a46b;\n    }\n\n    .sf-camo-vest .sf-heading {\n      font-size: clamp(24px, 7.5vw, 28px);\n    }\n\n    .sf-camo-vest .sf-card {\n      gap: 9px;\n      padding: 12px;\n      border-radius: 11px;\n      box-shadow: 2px 2px 0 #d8c39b;\n    }\n\n    .sf-camo-vest .sf-made {\n      padding: 14px;\n      border-radius: 11px;\n      box-shadow: 2px 2px 0 #111;\n    }\n  }\n\n  @keyframes sf-camo-float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-3px); }\n  }\n\n  @keyframes sf-camo-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(196, 164, 107, 0); }\n    50% { box-shadow: 0 0 0 4px rgba(196, 164, 107, .2); }\n  }\n\n  @keyframes sf-camo-drift {\n    from { transform: translateY(0) rotate(0); }\n    to { transform: translateY(18px) rotate(20deg); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sf-camo-vest,\n    .sf-camo-vest *,\n    .sf-camo-vest::before,\n    .sf-camo-vest::after {\n      animation: none !important;\n      transition: none !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"sf-camo-vest\" aria-label=\"Men’s Camouflage Quilted Sleeveless Vest\"\u003e\n  \u003cdiv class=\"sf-category\"\u003eMen’s Quilted Vest\u003c\/div\u003e\n\n  \u003ch2 class=\"sf-heading\"\u003e\n    \u003cspan\u003eCamouflage Print.\u003c\/span\u003e\n    \u003cspan class=\"sf-highlight\"\u003eQuilted Detail.\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp class=\"sf-intro\"\u003e\n    Add a bold layer to your wardrobe with this mustard and brown\n    camouflage vest. Diamond quilting brings definition to the\n    sleeveless silhouette, while a stand collar, front pockets\n    and gold-tone fastenings complete the design.\n  \u003c\/p\u003e\n\n  \u003col class=\"sf-features\"\u003e\n    \u003cli class=\"sf-card\"\u003e\n      \u003cspan class=\"sf-number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n      \u003cdiv class=\"sf-copy\"\u003e\n        \u003ch3 class=\"sf-title\"\u003eStandout Camouflage\u003c\/h3\u003e\n        \u003cp class=\"sf-text\"\u003e\n          Mustard, brown and dark camouflage shapes bring a\n          distinctive focal point to your layered look.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n\n    \u003cli class=\"sf-card\"\u003e\n      \u003cspan class=\"sf-number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n      \u003cdiv class=\"sf-copy\"\u003e\n        \u003ch3 class=\"sf-title\"\u003eDiamond-Quilted Finish\u003c\/h3\u003e\n        \u003cp class=\"sf-text\"\u003e\n          Diamond-pattern stitching adds visible texture\n          and definition throughout the vest.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n\n    \u003cli class=\"sf-card\"\u003e\n      \u003cspan class=\"sf-number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n      \u003cdiv class=\"sf-copy\"\u003e\n        \u003ch3 class=\"sf-title\"\u003eDefined Collar \u0026amp; Closure\u003c\/h3\u003e\n        \u003cp class=\"sf-text\"\u003e\n          A stand collar frames the neckline, with a front\n          zip beneath a gold-tone snap-fastened placket.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n\n    \u003cli class=\"sf-card\"\u003e\n      \u003cspan class=\"sf-number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n      \u003cdiv class=\"sf-copy\"\u003e\n        \u003ch3 class=\"sf-title\"\u003eFour Front Pockets\u003c\/h3\u003e\n        \u003cp class=\"sf-text\"\u003e\n          Two chest flap pockets and two lower pockets\n          provide storage, each finished with a snap fastening.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/li\u003e\n  \u003c\/ol\u003e\n\n  \u003cdiv class=\"sf-specs\" aria-label=\"Key features\"\u003e\n    \u003cspan\u003eDiamond Quilting\u003c\/span\u003e\n    \u003cspan\u003eStand Collar\u003c\/span\u003e\n    \u003cspan\u003eFour Front Pockets\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sf-made\"\u003e\n    \u003ch3\u003eMADE FOR\u003c\/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eEveryday casual layering\u003c\/li\u003e\n      \u003cli\u003eCamouflage-inspired outfits\u003c\/li\u003e\n      \u003cli\u003eStatement streetwear styling\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"S","offer_id":50990760132747,"sku":null,"price":1999.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50990760165515,"sku":null,"price":1999.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50990760198283,"sku":null,"price":1999.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/Premiumquiltedcamouflagevest-4.png?v=1793356185","url":"https:\/\/swagfactory.in\/products\/men-s-camouflage-quilted-sleeveless-vest-mustard-brown","provider":"Swag Factory","version":"1.0","type":"link"}