{"product_id":"chicago-bulls-yellow-color-block-hooded-windbreaker-jacket","title":"Premium Surplus Yellow Color-Block Hooded Windbreaker Jacket","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n  .yellow-colorblock-windbreaker,\n  .yellow-colorblock-windbreaker * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .yellow-colorblock-windbreaker {\n    --accent: #f4c400;\n    --accent-dark: #c79f00;\n    --soft: #f7f3df;\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  .yellow-colorblock-windbreaker::before,\n  .yellow-colorblock-windbreaker::after {\n    content: \"\";\n    position: absolute;\n    border: 2px solid #111;\n    border-radius: 50%;\n    opacity: .08;\n    pointer-events: none;\n    animation: ycwFloat 7s ease-in-out infinite;\n  }\n\n  .yellow-colorblock-windbreaker::before {\n    width: 88px;\n    height: 88px;\n    top: 28px;\n    right: -38px;\n  }\n\n  .yellow-colorblock-windbreaker::after {\n    width: 58px;\n    height: 58px;\n    bottom: 90px;\n    left: -28px;\n    animation-delay: -3s;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-inner {\n    position: relative;\n    z-index: 2;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-category {\n    display: inline-block;\n    margin-bottom: 12px;\n    padding: 7px 11px;\n    background: var(--accent);\n    border: 2px solid #111;\n    border-radius: 999px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n    animation: ycwPulse 2.8s ease-in-out infinite;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-title {\n    margin: 0 0 16px;\n    font-size: clamp(30px, 7vw, 44px);\n    line-height: .96;\n    letter-spacing: -1.8px;\n    font-weight: 950;\n    overflow-wrap: anywhere;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-accent {\n    display: inline-block;\n    margin-top: 4px;\n    text-shadow: 3px 3px 0 var(--accent);\n    animation: ycwGentleFloat 4s ease-in-out infinite;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-intro {\n    margin: 0 0 15px;\n    padding: 16px;\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.65;\n    font-weight: 600;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-feature {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    gap: 12px;\n    align-items: center;\n    padding: 13px;\n    background: #fff;\n    border: 2px solid #111;\n    border-radius: 16px;\n    box-shadow: 4px 4px 0 #111;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-feature:hover {\n    transform: translate(-2px, -3px);\n    box-shadow: 7px 7px 0 var(--accent-dark);\n  }\n\n  .yellow-colorblock-windbreaker .ycw-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  .yellow-colorblock-windbreaker .ycw-feature h3 {\n    margin: 0 0 4px;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 900;\n    overflow-wrap: anywhere;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-feature p {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.5;\n    font-weight: 550;\n    overflow-wrap: anywhere;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-spec {\n    margin-top: 15px;\n    padding: 12px 14px;\n    background: var(--accent);\n    border: 2px solid #111;\n    border-radius: 14px;\n    font-size: 12px;\n    line-height: 1.55;\n    font-weight: 850;\n    text-align: center;\n    overflow-wrap: anywhere;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-made {\n    margin-top: 15px;\n    padding: 16px;\n    background: #fff;\n    border: 3px solid #111;\n    border-radius: 18px;\n    box-shadow: 5px 5px 0 #111;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-made-label {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 950;\n    letter-spacing: 1.6px;\n  }\n\n  .yellow-colorblock-windbreaker .ycw-made-text {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.6;\n    font-weight: 700;\n    overflow-wrap: anywhere;\n  }\n\n  @keyframes ycwPulse {\n    0%, 100% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.035);\n    }\n  }\n\n  @keyframes ycwGentleFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  @keyframes ycwFloat {\n    0%, 100% {\n      transform: translate(0, 0) rotate(0deg);\n    }\n    50% {\n      transform: translate(12px, -10px) rotate(8deg);\n    }\n  }\n\n  @media (max-width: 380px) {\n    .yellow-colorblock-windbreaker {\n      padding: 22px 13px;\n      border-radius: 20px;\n      box-shadow: 6px 6px 0 #111;\n    }\n\n    .yellow-colorblock-windbreaker .ycw-title {\n      font-size: clamp(27px, 8vw, 34px);\n      letter-spacing: -1.2px;\n    }\n\n    .yellow-colorblock-windbreaker .ycw-intro {\n      padding: 13px;\n      border-radius: 14px;\n    }\n\n    .yellow-colorblock-windbreaker .ycw-feature {\n      grid-template-columns: 38px minmax(0, 1fr);\n      gap: 10px;\n      padding: 11px;\n      border-radius: 14px;\n      box-shadow: 3px 3px 0 #111;\n    }\n\n    .yellow-colorblock-windbreaker .ycw-number {\n      width: 36px;\n      height: 36px;\n    }\n\n    .yellow-colorblock-windbreaker .ycw-made {\n      padding: 13px;\n      border-radius: 15px;\n      box-shadow: 4px 4px 0 #111;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .yellow-colorblock-windbreaker::before,\n    .yellow-colorblock-windbreaker::after,\n    .yellow-colorblock-windbreaker .ycw-category,\n    .yellow-colorblock-windbreaker .ycw-accent {\n      animation: none !important;\n    }\n\n    .yellow-colorblock-windbreaker .ycw-feature {\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"yellow-colorblock-windbreaker\"\u003e\n  \u003cdiv class=\"ycw-inner\"\u003e\n\n    \u003cdiv class=\"ycw-category\"\u003ePremium Retro Sportswear\u003c\/div\u003e\n\n    \u003ch2 class=\"ycw-title\"\u003e\n      Vibrant Yellow\u003cbr\u003e\n      \u003cspan class=\"ycw-accent\"\u003eHooded Windbreaker\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"ycw-intro\"\u003e\n      A bold hooded windbreaker featuring a vibrant yellow base with contrasting navy and dark olive color-block panels. The retro-inspired design creates a distinctive sporty streetwear look, making it ideal for casual outfits and everyday layering.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ycw-features\"\u003e\n\n      \u003cdiv class=\"ycw-feature\"\u003e\n        \u003cdiv class=\"ycw-number\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eBold Color-Block\u003c\/h3\u003e\n          \u003cp\u003eVibrant yellow combines with navy and dark olive panels for a distinctive retro-inspired look.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ycw-feature\"\u003e\n        \u003cdiv class=\"ycw-number\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eAdjustable Hood\u003c\/h3\u003e\n          \u003cp\u003eAn adjustable hood with black drawstrings adds practical detail to the sporty design.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ycw-feature\"\u003e\n        \u003cdiv class=\"ycw-number\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eDual Closure\u003c\/h3\u003e\n          \u003cp\u003eFront zip and snap-button closure provide versatile fastening for everyday wear.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ycw-feature\"\u003e\n        \u003cdiv class=\"ycw-number\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eEveryday Details\u003c\/h3\u003e\n          \u003cp\u003eTwo side pockets with elasticated cuffs and hem complete the practical design.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ycw-spec\"\u003e\n      Vibrant Yellow Base · Adjustable Hood · Front Zip \u0026amp; Snap Closure\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ycw-made\"\u003e\n      \u003cspan class=\"ycw-made-label\"\u003eMADE FOR\u003c\/span\u003e\n      \u003cp class=\"ycw-made-text\"\u003e\n        Casual Outfits · Streetwear · 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":49371089731723,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":49371089764491,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":49371089797259,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":49371089830027,"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_10_52_31AM_4.png?v=1789542662","url":"https:\/\/swagfactory.in\/products\/chicago-bulls-yellow-color-block-hooded-windbreaker-jacket","provider":"Swag Factory","version":"1.0","type":"link"}