{"product_id":"nike-black-white-color-block-hooded-windbreaker-jacket","title":"Premium Surplus Black \u0026 White Color-Block Hooded Windbreaker Jacket","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n  .monochrome-hooded-windbreaker,\n  .monochrome-hooded-windbreaker * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .monochrome-hooded-windbreaker {\n    --accent: #d8d8d8;\n    --accent-dark: #a8a8a8;\n    --soft: #f0f0f0;\n\n    width: 100%;\n    max-width: 560px;\n    margin: 0 auto;\n    padding: 28px 18px;\n    position: relative;\n    overflow: hidden;\n    background: var(--soft);\n    border: 3px solid #111;\n    border-radius: 26px;\n    box-shadow: 8px 8px 0 #111;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n  }\n\n  .monochrome-hooded-windbreaker::before,\n  .monochrome-hooded-windbreaker::after {\n    content: \"\";\n    position: absolute;\n    width: 70px;\n    height: 70px;\n    border: 2px solid #111;\n    border-radius: 18px;\n    opacity: .08;\n    z-index: 1;\n    animation: mwShapeMove 7s ease-in-out infinite alternate;\n  }\n\n  .monochrome-hooded-windbreaker::before {\n    top: 28px;\n    right: -22px;\n    transform: rotate(25deg);\n  }\n\n  .monochrome-hooded-windbreaker::after {\n    bottom: 35px;\n    left: -28px;\n    width: 55px;\n    height: 55px;\n    border-radius: 50%;\n    animation-delay: -3s;\n  }\n\n  .monochrome-hooded-windbreaker .inner {\n    position: relative;\n    z-index: 2;\n  }\n\n  .monochrome-hooded-windbreaker .category {\n    display: inline-block;\n    margin-bottom: 15px;\n    padding: 7px 11px;\n    background: #fff;\n    border: 2px solid #111;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    box-shadow: 3px 3px 0 var(--accent-dark);\n    animation: mwPulse 2.8s ease-in-out infinite;\n  }\n\n  .monochrome-hooded-windbreaker .title {\n    margin: 0 0 18px;\n    font-size: clamp(30px, 7vw, 44px);\n    line-height: .96;\n    letter-spacing: -.045em;\n    font-weight: 950;\n    text-transform: uppercase;\n    overflow-wrap: anywhere;\n  }\n\n  .monochrome-hooded-windbreaker .accent {\n    display: inline-block;\n    text-shadow: 3px 3px 0 var(--accent);\n    animation: mwFloat 3.8s ease-in-out infinite;\n  }\n\n  .monochrome-hooded-windbreaker .intro {\n    margin-bottom: 16px;\n    padding: 15px;\n    background: #fff;\n    border: 2px solid #111;\n    border-radius: 17px;\n    box-shadow: 4px 4px 0 var(--accent-dark);\n    font-size: 14px;\n    line-height: 1.6;\n    font-weight: 600;\n    overflow-wrap: anywhere;\n  }\n\n  .monochrome-hooded-windbreaker .features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n    margin-bottom: 15px;\n  }\n\n  .monochrome-hooded-windbreaker .feature {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    gap: 12px;\n    align-items: center;\n    padding: 12px;\n    background: #fff;\n    border: 2px solid #111;\n    border-radius: 17px;\n    box-shadow: 4px 4px 0 #111;\n    transition: transform .25s ease, box-shadow .25s ease;\n    min-width: 0;\n  }\n\n  .monochrome-hooded-windbreaker .feature:hover {\n    transform: translate(-2px, -3px);\n    box-shadow: 7px 7px 0 var(--accent-dark);\n  }\n\n  .monochrome-hooded-windbreaker .number {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: var(--accent);\n    border: 2px solid #111;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 950;\n  }\n\n  .monochrome-hooded-windbreaker .feature h3 {\n    margin: 0 0 4px;\n    font-size: 14px;\n    line-height: 1.15;\n    font-weight: 900;\n    text-transform: uppercase;\n    overflow-wrap: anywhere;\n  }\n\n  .monochrome-hooded-windbreaker .feature p {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.45;\n    font-weight: 600;\n    overflow-wrap: anywhere;\n  }\n\n  .monochrome-hooded-windbreaker .spec {\n    margin-bottom: 15px;\n    padding: 13px 14px;\n    background: var(--accent);\n    border: 2px solid #111;\n    border-radius: 16px;\n    box-shadow: 4px 4px 0 #111;\n    font-size: 12px;\n    line-height: 1.55;\n    font-weight: 850;\n    overflow-wrap: anywhere;\n  }\n\n  .monochrome-hooded-windbreaker .spec-label {\n    display: block;\n    margin-bottom: 3px;\n    font-size: 10px;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n    font-weight: 950;\n  }\n\n  .monochrome-hooded-windbreaker .made {\n    padding: 16px;\n    background: #fff;\n    border: 3px solid #111;\n    border-radius: 19px;\n    box-shadow: 5px 5px 0 var(--accent-dark);\n  }\n\n  .monochrome-hooded-windbreaker .made-label {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    font-weight: 950;\n  }\n\n  .monochrome-hooded-windbreaker .made-text {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n    font-weight: 750;\n    overflow-wrap: anywhere;\n  }\n\n  @keyframes mwFloat {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-4px) rotate(-1deg); }\n  }\n\n  @keyframes mwPulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.035); }\n  }\n\n  @keyframes mwShapeMove {\n    0% { transform: translate(0, 0) rotate(25deg); }\n    100% { transform: translate(-12px, 14px) rotate(42deg); }\n  }\n\n  @media (max-width: 380px) {\n    .monochrome-hooded-windbreaker {\n      padding: 22px 14px;\n      border-radius: 21px;\n      box-shadow: 5px 5px 0 #111;\n    }\n\n    .monochrome-hooded-windbreaker .title {\n      font-size: clamp(27px, 8vw, 36px);\n    }\n\n    .monochrome-hooded-windbreaker .intro,\n    .monochrome-hooded-windbreaker .feature,\n    .monochrome-hooded-windbreaker .spec,\n    .monochrome-hooded-windbreaker .made {\n      border-radius: 14px;\n    }\n\n    .monochrome-hooded-windbreaker .feature {\n      grid-template-columns: 38px minmax(0, 1fr);\n      gap: 9px;\n      padding: 10px;\n    }\n\n    .monochrome-hooded-windbreaker .number {\n      width: 36px;\n      height: 36px;\n    }\n\n    .monochrome-hooded-windbreaker .intro {\n      padding: 13px;\n    }\n\n    .monochrome-hooded-windbreaker .made {\n      padding: 13px;\n      box-shadow: 3px 3px 0 var(--accent-dark);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .monochrome-hooded-windbreaker *,\n    .monochrome-hooded-windbreaker::before,\n    .monochrome-hooded-windbreaker::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"monochrome-hooded-windbreaker\"\u003e\n  \u003cdiv class=\"inner\"\u003e\n\n    \u003cdiv class=\"category\"\u003ePremium Retro Streetwear\u003c\/div\u003e\n\n    \u003ch2 class=\"title\"\u003e\n      Classic Black \u0026amp; White\u003cbr\u003e\n      \u003cspan class=\"accent\"\u003eHooded Windbreaker\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"intro\"\u003e\n      A classic hooded windbreaker featuring a bold black-and-white color-block design with distinctive contrasting chest detailing. Its lightweight construction and monochrome styling make it ideal for streetwear, casual outfits, travel, and everyday layering.\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"features\"\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"number\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eBold Contrast\u003c\/h3\u003e\n          \u003cp\u003eThe black-and-white color-block design creates a distinctive monochrome streetwear look.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"number\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eProtective Hood\u003c\/h3\u003e\n          \u003cp\u003eThe hood features mesh lining for a practical layered finish.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"number\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eConcealed Zip\u003c\/h3\u003e\n          \u003cp\u003eThe front zip sits beneath a storm flap for a clean, streamlined appearance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature\"\u003e\n        \u003cdiv class=\"number\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eEveryday Comfort\u003c\/h3\u003e\n          \u003cp\u003eSide pockets, elasticated cuffs, and an elasticated hem add practical everyday details.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"spec\"\u003e\n      \u003cspan class=\"spec-label\"\u003eKey Specifications\u003c\/span\u003e\n      Lightweight Construction · Mesh-Lined Hood · Concealed Front Zip\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"made\"\u003e\n      \u003cspan class=\"made-label\"\u003eMade For\u003c\/span\u003e\n      \u003cp class=\"made-text\"\u003e\n        Streetwear · Casual Outfits · Travel · Everyday Layering\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":49371183087755,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":49371183120523,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":49371183153291,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":49371183186059,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep15_2026_03_10_39PM_4.png?v=1789543520","url":"https:\/\/swagfactory.in\/products\/nike-black-white-color-block-hooded-windbreaker-jacket","provider":"Swag Factory","version":"1.0","type":"link"}