{"product_id":"black-red-graphic-knit-sweater","title":"Black \u0026 Red Graphic Knit Sweater","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\u003cstyle\u003e\n  .br-knit-26,\n  .br-knit-26 *,\n  .br-knit-26 *::before,\n  .br-knit-26 *::after {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .br-knit-26 {\n    --accent: #FFB3B8;\n    --accent-light: #FFF0F1;\n    --accent-dark: #E85B68;\n    --border: #171717;\n\n    width: 100%;\n    max-width: 560px;\n    margin: 25px auto;\n    padding: 0 12px;\n    font-family: inherit;\n    overflow-wrap: anywhere;\n  }\n\n  .br-knit-26 .br-panel {\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    padding: 28px 23px;\n    border: 2px solid var(--border);\n    border-radius: 25px;\n    background: linear-gradient(\n      145deg,\n      #FFFFFF 0%,\n      #FFF1F2 55%,\n      #FFFFFF 100%\n    );\n    box-shadow: 7px 7px 0 #F1B8BE;\n  }\n\n  \/* Animated decorative shapes *\/\n  .br-knit-26 .br-shape {\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border-radius: 50%;\n    background: #FFB5BD;\n    opacity: .35;\n    animation: brShapeMove 7s ease-in-out infinite;\n  }\n\n  .br-knit-26 .br-shape-one {\n    width: 115px;\n    height: 115px;\n    top: -45px;\n    right: -45px;\n  }\n\n  .br-knit-26 .br-shape-two {\n    width: 65px;\n    height: 65px;\n    top: 245px;\n    left: -30px;\n    animation-delay: -3s;\n  }\n\n  \/* Category label *\/\n  .br-knit-26 .br-category {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 13px;\n    border: 1.5px solid var(--border);\n    border-radius: 50px;\n    background: #FFC8CC;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.7px;\n    text-transform: uppercase;\n    animation: brPulse 3s ease-in-out infinite;\n  }\n\n  .br-knit-26 .br-dot {\n    width: 7px;\n    height: 7px;\n    flex-shrink: 0;\n    border-radius: 50%;\n    background: #111;\n  }\n\n  \/* Heading *\/\n  .br-knit-26 .br-heading {\n    margin: 23px 0 18px;\n    padding: 0;\n    font-size: clamp(29px, 7.5vw, 43px);\n    font-weight: 950;\n    letter-spacing: -1.6px;\n    line-height: 1.12;\n    text-transform: uppercase;\n  }\n\n  .br-knit-26 .br-heading span {\n    display: block;\n  }\n\n  .br-knit-26 .br-highlight {\n    display: table !important;\n    max-width: 100%;\n    margin-top: 8px;\n    padding: 6px 12px 8px;\n    background: #FFB3B8;\n    border: 2px solid var(--border);\n    border-radius: 11px;\n    box-shadow: 4px 4px 0 #EB7F89;\n    animation: brFloat 4s ease-in-out infinite;\n  }\n\n  \/* Intro *\/\n  .br-knit-26 .br-intro {\n    margin: 0 0 25px;\n    font-size: 13.5px;\n    font-weight: 500;\n    line-height: 1.85;\n  }\n\n  \/* Section heading *\/\n  .br-knit-26 .br-section-heading {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 15px;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.7px;\n    text-transform: uppercase;\n  }\n\n  .br-knit-26 .br-section-heading::after {\n    content: \"\";\n    height: 2px;\n    flex: 1;\n    background: #F0A5AD;\n  }\n\n  \/* Feature cards *\/\n  .br-knit-26 .br-features {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .br-knit-26 .br-feature {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    padding: 17px 15px;\n    border: 1.5px solid var(--border);\n    border-radius: 16px;\n    background: #FFFFFF;\n    box-shadow: 3px 3px 0 #F0BEC3;\n    transition:\n      transform .3s ease,\n      box-shadow .3s ease,\n      background .3s ease;\n  }\n\n  .br-knit-26 .br-feature:hover {\n    transform: translateY(-5px);\n    background: #FFF5F6;\n    box-shadow: 5px 8px 0 #E9A0A8;\n  }\n\n  .br-knit-26 .br-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 39px;\n    height: 39px;\n    min-width: 39px;\n    border: 1.5px solid var(--border);\n    border-radius: 50%;\n    background: #FFB6BD;\n    font-size: 13px;\n    font-weight: 900;\n    box-shadow: 2px 2px 0 #111;\n  }\n\n  .br-knit-26 .br-feature-text {\n    min-width: 0;\n    flex: 1;\n  }\n\n  .br-knit-26 .br-feature-title {\n    margin: 0 0 5px;\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.4;\n  }\n\n  .br-knit-26 .br-feature-desc {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.75;\n    font-weight: 500;\n  }\n\n  \/* Specifications *\/\n  .br-knit-26 .br-specs {\n    margin-top: 24px;\n    padding: 17px 15px;\n    background: #FFECEE;\n    border: 1.5px dashed var(--border);\n    border-radius: 15px;\n  }\n\n  .br-knit-26 .br-specs-title {\n    margin: 0 0 12px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n  }\n\n  .br-knit-26 .br-spec-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .br-knit-26 .br-spec-item {\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    padding: 8px 10px;\n    border: 1px solid var(--border);\n    border-radius: 9px;\n    background: #FFFFFF;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.5;\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .br-knit-26 .br-spec-item::before {\n    content: \"✓\";\n    margin-right: 6px;\n    font-weight: 900;\n  }\n\n  \/* Made for box *\/\n  .br-knit-26 .br-made-for {\n    position: relative;\n    margin-top: 22px;\n    padding: 20px 17px;\n    border: 2px solid var(--border);\n    border-radius: 17px;\n    background: linear-gradient(\n      120deg,\n      #FFB7BE,\n      #FFE9EC\n    );\n    box-shadow: 4px 4px 0 #E88F99;\n    transition: transform .3s ease;\n  }\n\n  .br-knit-26 .br-made-for:hover {\n    transform: translateY(-3px);\n  }\n\n  .br-knit-26 .br-made-title {\n    margin: 0 0 10px;\n    font-size: 11px;\n    font-weight: 950;\n    letter-spacing: 2px;\n  }\n\n  .br-knit-26 .br-made-text {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 2;\n  }\n\n  .br-knit-26 .br-made-text span {\n    display: inline-block;\n    margin: 0 5px;\n  }\n\n  \/* Animations *\/\n  @keyframes brFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  @keyframes brPulse {\n    0%, 100% {\n      box-shadow: 0 0 0 0 rgba(235,95,109,.28);\n    }\n    50% {\n      box-shadow: 0 0 0 7px rgba(235,95,109,0);\n    }\n  }\n\n  @keyframes brShapeMove {\n    0%, 100% {\n      transform: translate(0,0);\n    }\n    50% {\n      transform: translate(-10px,15px);\n    }\n  }\n\n  \/* Mobile optimization *\/\n  @media (max-width: 480px) {\n    .br-knit-26 {\n      padding: 0 10px;\n      margin: 16px auto;\n    }\n\n    .br-knit-26 .br-panel {\n      padding: 23px 17px;\n      border-radius: 19px;\n      box-shadow: 4px 4px 0 #F1B8BE;\n    }\n\n    .br-knit-26 .br-heading {\n      font-size: clamp(27px, 8vw, 36px);\n      letter-spacing: -1px;\n    }\n\n    .br-knit-26 .br-intro {\n      font-size: 12.5px;\n    }\n\n    .br-knit-26 .br-feature {\n      gap: 12px;\n      padding: 14px 12px;\n      border-radius: 12px;\n      box-shadow: 2px 2px 0 #F0BEC3;\n    }\n\n    .br-knit-26 .br-number {\n      width: 34px;\n      height: 34px;\n      min-width: 34px;\n      font-size: 11px;\n    }\n\n    .br-knit-26 .br-feature-title {\n      font-size: 13px;\n    }\n\n    .br-knit-26 .br-feature-desc {\n      font-size: 11.5px;\n    }\n\n    .br-knit-26 .br-made-for {\n      padding: 16px 13px;\n      border-radius: 13px;\n    }\n  }\n\n  \/* Reduced motion support *\/\n  @media (prefers-reduced-motion: reduce) {\n    .br-knit-26 *,\n    .br-knit-26 *::before,\n    .br-knit-26 *::after {\n      animation: none !important;\n      transition: none !important;\n      transform: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"br-knit-26\"\u003e\n\u003cdiv class=\"br-panel\"\u003e\n\u003cdiv class=\"br-shape br-shape-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"br-shape br-shape-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- CATEGORY --\u003e\n\u003cdiv class=\"br-category\"\u003e\n\u003cspan class=\"br-dot\"\u003e\u003c\/span\u003e THE KNITWEAR EDIT\u003c\/div\u003e\n\u003c!-- PRODUCT HEADING --\u003e\n\u003ch2 class=\"br-heading\"\u003eBLACK \u0026amp; RED \u003cspan class=\"br-highlight\"\u003e GRAPHIC KNIT \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003cp class=\"br-intro\"\u003eMake a statement with this black and red graphic knit sweater. Featuring bold red POLO lettering across a deep black knitted surface, this crewneck design brings together a classic silhouette and striking colour contrast. Finished with ribbed detailing and a small red polo player emblem, it offers a distinctive streetwear-inspired appearance.\u003c\/p\u003e\n\u003c!-- FEATURES HEADING --\u003e\n\u003cdiv class=\"br-section-heading\"\u003eTHE DETAILS\u003c\/div\u003e\n\u003c!-- FEATURE CARDS --\u003e\n\u003cdiv class=\"br-features\"\u003e\n\u003c!-- FEATURE 1 --\u003e\n\u003cdiv class=\"br-feature\"\u003e\n\u003cdiv class=\"br-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"br-feature-text\"\u003e\n\u003ch3 class=\"br-feature-title\"\u003eBold Red POLO Graphic\u003c\/h3\u003e\n\u003cp class=\"br-feature-desc\"\u003eLarge red POLO lettering across the chest creates a striking visual statement against the black knit background.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 2 --\u003e\n\u003cdiv class=\"br-feature\"\u003e\n\u003cdiv class=\"br-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"br-feature-text\"\u003e\n\u003ch3 class=\"br-feature-title\"\u003eClassic Black Knit Design\u003c\/h3\u003e\n\u003cp class=\"br-feature-desc\"\u003eThe deep black colour creates a clean and versatile appearance, while the visible knitted texture adds detail to the sweater.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 3 --\u003e\n\u003cdiv class=\"br-feature\"\u003e\n\u003cdiv class=\"br-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"br-feature-text\"\u003e\n\u003ch3 class=\"br-feature-title\"\u003eRibbed Crewneck Finish\u003c\/h3\u003e\n\u003cp class=\"br-feature-desc\"\u003eA rounded ribbed neckline, long sleeves with matching cuffs and a ribbed bottom hem complete the classic sweater silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 4 --\u003e\n\u003cdiv class=\"br-feature\"\u003e\n\u003cdiv class=\"br-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"br-feature-text\"\u003e\n\u003ch3 class=\"br-feature-title\"\u003eSignature Mini Red Emblem\u003c\/h3\u003e\n\u003cp class=\"br-feature-desc\"\u003eA small red polo player motif near the lower front adds a subtle finishing detail that complements the bold chest graphic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT SPECIFICATIONS --\u003e\n\u003cdiv class=\"br-specs\"\u003e\n\u003cp class=\"br-specs-title\"\u003ePRODUCT HIGHLIGHTS\u003c\/p\u003e\n\u003cdiv class=\"br-spec-list\"\u003e\n\u003cspan class=\"br-spec-item\"\u003e Classic Black \u003c\/span\u003e \u003cspan class=\"br-spec-item\"\u003e Red POLO Graphic \u003c\/span\u003e \u003cspan class=\"br-spec-item\"\u003e Ribbed Crewneck \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MADE FOR --\u003e\n\u003cdiv class=\"br-made-for\"\u003e\n\u003cp class=\"br-made-title\"\u003eMADE FOR\u003c\/p\u003e\n\u003cp class=\"br-made-text\"\u003eEveryday Casual Outfits \u003cspan\u003e✦\u003c\/span\u003e Streetwear Styling \u003cspan\u003e✦\u003c\/span\u003e Layered Looks\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":50632305672331,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":50632305705099,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":50632305737867,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":50632305770635,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/sw12.png?v=1791786823","url":"https:\/\/swagfactory.in\/products\/black-red-graphic-knit-sweater","provider":"Swag Factory","version":"1.0","type":"link"}