{"product_id":"grumpy-varsity-collegiate-hoodie","title":"Grumpy Varsity™ Hoodie","description":"\u003cdiv style=\"max-width:100%;margin:0 auto;padding:0 8px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#ffffff;\"\u003e\n\n  \u003c!-- ======================================================\n       MASTER PRODUCT CARD\n  ======================================================= --\u003e\n  \u003csection style=\"\n    width:100%;\n    overflow:hidden;\n    box-sizing:border-box;\n    border-radius:22px;\n    background:#090909;\n    border:1px solid #292929;\n    box-shadow:0 16px 40px rgba(0,0,0,.20);\n  \"\u003e\n\n    \u003c!-- ======================================================\n         TOP BRAND BAR\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      padding:17px 16px 15px;\n      box-sizing:border-box;\n      border-bottom:1px solid #272727;\n      background:#0d0d0d;\n    \"\u003e\n\n      \u003cdiv style=\"\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        flex-wrap:wrap;\n        gap:8px;\n      \"\u003e\n\n        \u003cspan style=\"\n          color:#d99623;\n          font-size:8px;\n          font-weight:900;\n          line-height:1.4;\n          letter-spacing:2.2px;\n          text-transform:uppercase;\n        \"\u003e\n          GRUMPY O.G.®\n        \u003c\/span\u003e\n\n        \u003cspan style=\"\n          color:#747474;\n          font-size:8px;\n          font-weight:800;\n          line-height:1.4;\n          letter-spacing:1.8px;\n          text-transform:uppercase;\n        \"\u003e\n          VARSITY HOODIE\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ======================================================\n         HERO\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      position:relative;\n      overflow:hidden;\n      padding:30px 16px 27px;\n      box-sizing:border-box;\n      background:\n        radial-gradient(circle at 90% 0%,rgba(211,132,24,.13),transparent 34%),\n        linear-gradient(145deg,#101010 0%,#080808 72%);\n    \"\u003e\n\n      \u003c!-- BACKGROUND V --\u003e\n      \u003cdiv style=\"\n        position:absolute;\n        right:-8px;\n        top:4px;\n        color:#151515;\n        font-size:110px;\n        line-height:.8;\n        font-family:Georgia,'Times New Roman',serif;\n        font-weight:900;\n        font-style:italic;\n        pointer-events:none;\n      \"\u003e\n        V\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"position:relative;z-index:2;\"\u003e\n\n        \u003cdiv style=\"\n          display:inline-block;\n          padding:6px 9px;\n          margin-bottom:14px;\n          border:1px solid #5f491f;\n          background:#15120c;\n          color:#d79a30;\n          font-size:7px;\n          line-height:1;\n          font-weight:900;\n          letter-spacing:2px;\n          text-transform:uppercase;\n        \"\u003e\n          O.G. COLLEGIATE SERIES\n        \u003c\/div\u003e\n\n\n        \u003c!-- SAFE ONE-WORD HEADLINE --\u003e\n        \u003cdiv style=\"\n          width:100%;\n          max-width:100%;\n          margin:0;\n          box-sizing:border-box;\n          color:#ffffff;\n          font-size:clamp(31px,8vw,42px);\n          line-height:.92;\n          font-weight:900;\n          letter-spacing:-1.8px;\n          text-transform:uppercase;\n          word-break:normal;\n          overflow-wrap:normal;\n        \"\u003e\n          GRUMPY\n        \u003c\/div\u003e\n\n\n        \u003cdiv style=\"\n          margin-top:6px;\n          color:#cf861e;\n          font-family:Georgia,'Times New Roman',serif;\n          font-size:clamp(25px,7vw,35px);\n          line-height:1;\n          font-weight:700;\n          font-style:italic;\n        \"\u003e\n          Varsity™\n        \u003c\/div\u003e\n\n\n        \u003cdiv style=\"\n          display:flex;\n          align-items:center;\n          gap:8px;\n          margin:20px 0 17px;\n        \"\u003e\n          \u003cspan style=\"height:1px;flex:1;background:#353535;\"\u003e\u003c\/span\u003e\n\n          \u003cspan style=\"\n            width:7px;\n            height:7px;\n            display:inline-block;\n            background:#d89024;\n            transform:rotate(45deg);\n          \"\u003e\u003c\/span\u003e\n\n          \u003cspan style=\"height:1px;flex:1;background:#353535;\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n\n        \u003cp style=\"\n          margin:0;\n          color:#b9b9b9;\n          font-size:12.5px;\n          line-height:1.75;\n        \"\u003e\n          Black Grumpy Varsity Hoodie featuring collegiate-inspired\n          \u003cstrong style=\"color:#ffffff;\"\u003eGRUMPY\u003c\/strong\u003e lettering,\n          contrasting Varsity script and coordinated front and back artwork.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ======================================================\n         3 PRINT AREAS\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      padding:0 13px 13px;\n      box-sizing:border-box;\n      background:#090909;\n    \"\u003e\n\n      \u003cdiv style=\"\n        padding:18px 14px 15px;\n        margin-bottom:8px;\n        border-radius:15px;\n        border:1px solid #2e2e2e;\n        background:#121212;\n        box-sizing:border-box;\n      \"\u003e\n\n        \u003cdiv style=\"\n          color:#737373;\n          font-size:7px;\n          font-weight:900;\n          letter-spacing:2.2px;\n          text-transform:uppercase;\n          margin-bottom:6px;\n        \"\u003e\n          GARMENT CONFIGURATION\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          color:#ffffff;\n          font-size:18px;\n          font-weight:900;\n          line-height:1.05;\n          letter-spacing:-.5px;\n          text-transform:uppercase;\n        \"\u003e\n          THREE PRINT AREAS\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv style=\"\n        display:grid;\n        grid-template-columns:repeat(3,minmax(0,1fr));\n        gap:7px;\n        width:100%;\n        box-sizing:border-box;\n      \"\u003e\n\n        \u003c!-- FRONT --\u003e\n        \u003cdiv style=\"\n          min-width:0;\n          padding:14px 7px 13px;\n          box-sizing:border-box;\n          border-radius:13px;\n          background:#efede6;\n          border:1px solid #ded9ce;\n          text-align:center;\n        \"\u003e\n          \u003cdiv style=\"\n            color:#b16e14;\n            font-size:8px;\n            font-weight:900;\n            letter-spacing:1px;\n          \"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"\n            margin-top:7px;\n            color:#111111;\n            font-size:11px;\n            line-height:1.15;\n            font-weight:900;\n            text-transform:uppercase;\n          \"\u003e\n            FRONT\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- BACK --\u003e\n        \u003cdiv style=\"\n          min-width:0;\n          padding:14px 7px 13px;\n          box-sizing:border-box;\n          border-radius:13px;\n          background:#161616;\n          border:1px solid #303030;\n          text-align:center;\n        \"\u003e\n          \u003cdiv style=\"\n            color:#d89125;\n            font-size:8px;\n            font-weight:900;\n            letter-spacing:1px;\n          \"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"\n            margin-top:7px;\n            color:#ffffff;\n            font-size:11px;\n            line-height:1.15;\n            font-weight:900;\n            text-transform:uppercase;\n          \"\u003e\n            BACK\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!-- TAG --\u003e\n        \u003cdiv style=\"\n          min-width:0;\n          padding:14px 7px 13px;\n          box-sizing:border-box;\n          border-radius:13px;\n          background:#efede6;\n          border:1px solid #ded9ce;\n          text-align:center;\n        \"\u003e\n          \u003cdiv style=\"\n            color:#b16e14;\n            font-size:8px;\n            font-weight:900;\n            letter-spacing:1px;\n          \"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"\n            margin-top:7px;\n            color:#111111;\n            font-size:11px;\n            line-height:1.15;\n            font-weight:900;\n            text-transform:uppercase;\n          \"\u003e\n            TAG\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ======================================================\n         EDITORIAL ART DIRECTION\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      margin:0 13px 13px;\n      padding:26px 15px 24px;\n      box-sizing:border-box;\n      border-radius:17px;\n      background:#eeeae0;\n      color:#111111;\n      overflow:hidden;\n      position:relative;\n    \"\u003e\n\n      \u003cdiv style=\"\n        position:absolute;\n        right:-18px;\n        bottom:-30px;\n        color:#e1dbce;\n        font-size:120px;\n        line-height:1;\n        font-weight:900;\n        letter-spacing:-8px;\n        pointer-events:none;\n      \"\u003e\n        81\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"position:relative;z-index:2;\"\u003e\n\n        \u003cdiv style=\"\n          color:#aa6813;\n          font-size:7px;\n          font-weight:900;\n          letter-spacing:2.2px;\n          text-transform:uppercase;\n          margin-bottom:9px;\n        \"\u003e\n          COLLEGIATE IDENTITY \/ EST. 1981\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          color:#111111;\n          font-size:clamp(24px,6vw,31px);\n          line-height:.98;\n          font-weight:900;\n          letter-spacing:-1.2px;\n          text-transform:uppercase;\n        \"\u003e\n          VARSITY\u003cbr\u003e\n          STRUCTURE.\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          width:38px;\n          height:3px;\n          margin:15px 0 14px;\n          background:#c17a1b;\n        \"\u003e\u003c\/div\u003e\n\n        \u003cp style=\"\n          max-width:270px;\n          margin:0;\n          color:#57544e;\n          font-size:11.5px;\n          line-height:1.7;\n        \"\u003e\n          Collegiate block lettering, scripted Varsity treatment and\n          warm gold-toned graphics create the visual identity of the hoodie.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ======================================================\n         FRONT + BACK FEATURE\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      padding:0 13px 13px;\n      box-sizing:border-box;\n    \"\u003e\n\n      \u003c!-- FRONT PRINT --\u003e\n      \u003cdiv style=\"\n        position:relative;\n        overflow:hidden;\n        padding:20px 15px;\n        margin-bottom:8px;\n        border-radius:16px;\n        background:#141414;\n        border:1px solid #303030;\n        box-sizing:border-box;\n      \"\u003e\n\n        \u003cdiv style=\"\n          display:flex;\n          align-items:flex-start;\n          justify-content:space-between;\n          gap:12px;\n        \"\u003e\n\n          \u003cdiv style=\"min-width:0;\"\u003e\n\n            \u003cdiv style=\"\n              color:#d28b27;\n              font-size:7px;\n              font-weight:900;\n              letter-spacing:2px;\n              text-transform:uppercase;\n            \"\u003e\n              PRINT AREA 01\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"\n              margin-top:7px;\n              color:#ffffff;\n              font-size:18px;\n              font-weight:900;\n              line-height:1;\n              text-transform:uppercase;\n            \"\u003e\n              FRONT PRINT\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"\n              margin-top:8px;\n              color:#888888;\n              font-size:10.5px;\n              line-height:1.55;\n            \"\u003e\n              GRUMPY Varsity chest artwork.\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"\n            flex:0 0 37px;\n            width:37px;\n            height:37px;\n            display:flex;\n            align-items:center;\n            justify-content:center;\n            box-sizing:border-box;\n            border:1px solid #4d3c22;\n            border-radius:50%;\n            color:#d38c27;\n            font-size:10px;\n            font-weight:900;\n          \"\u003e\n            F\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BACK PRINT --\u003e\n      \u003cdiv style=\"\n        position:relative;\n        overflow:hidden;\n        padding:20px 15px;\n        margin-bottom:8px;\n        border-radius:16px;\n        background:#d58b25;\n        border:1px solid #d99536;\n        box-sizing:border-box;\n      \"\u003e\n\n        \u003cdiv style=\"\n          display:flex;\n          align-items:flex-start;\n          justify-content:space-between;\n          gap:12px;\n        \"\u003e\n\n          \u003cdiv style=\"min-width:0;\"\u003e\n\n            \u003cdiv style=\"\n              color:#4d2b05;\n              font-size:7px;\n              font-weight:900;\n              letter-spacing:2px;\n              text-transform:uppercase;\n            \"\u003e\n              PRINT AREA 02\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"\n              margin-top:7px;\n              color:#101010;\n              font-size:18px;\n              font-weight:900;\n              line-height:1;\n              text-transform:uppercase;\n            \"\u003e\n              BACK PRINT\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"\n              margin-top:8px;\n              color:#4f310c;\n              font-size:10.5px;\n              line-height:1.55;\n            \"\u003e\n              Coordinated GRUMPY Varsity back artwork.\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"\n            flex:0 0 37px;\n            width:37px;\n            height:37px;\n            display:flex;\n            align-items:center;\n            justify-content:center;\n            box-sizing:border-box;\n            border:1px solid rgba(0,0,0,.22);\n            border-radius:50%;\n            color:#111111;\n            font-size:10px;\n            font-weight:900;\n          \"\u003e\n            B\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- TAG PRINT --\u003e\n      \u003cdiv style=\"\n        position:relative;\n        overflow:hidden;\n        padding:20px 15px;\n        border-radius:16px;\n        background:#141414;\n        border:1px solid #303030;\n        box-sizing:border-box;\n      \"\u003e\n\n        \u003cdiv style=\"\n          display:flex;\n          align-items:flex-start;\n          justify-content:space-between;\n          gap:12px;\n        \"\u003e\n\n          \u003cdiv style=\"min-width:0;\"\u003e\n\n            \u003cdiv style=\"\n              color:#d28b27;\n              font-size:7px;\n              font-weight:900;\n              letter-spacing:2px;\n              text-transform:uppercase;\n            \"\u003e\n              PRINT AREA 03\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"\n              margin-top:7px;\n              color:#ffffff;\n              font-size:18px;\n              font-weight:900;\n              line-height:1;\n              text-transform:uppercase;\n            \"\u003e\n              TAG PRINT\n            \u003c\/div\u003e\n\n            \u003cdiv style=\"\n              margin-top:8px;\n              color:#888888;\n              font-size:10.5px;\n              line-height:1.55;\n            \"\u003e\n              Interior printed tag detail.\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"\n            flex:0 0 37px;\n            width:37px;\n            height:37px;\n            display:flex;\n            align-items:center;\n            justify-content:center;\n            box-sizing:border-box;\n            border:1px solid #4d3c22;\n            border-radius:50%;\n            color:#d38c27;\n            font-size:10px;\n            font-weight:900;\n          \"\u003e\n            T\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ======================================================\n         TYPOGRAPHIC POSTER\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      margin:0 13px 13px;\n      padding:7px;\n      border-radius:18px;\n      background:#f0ede5;\n      box-sizing:border-box;\n    \"\u003e\n\n      \u003cdiv style=\"\n        padding:26px 13px 24px;\n        border:1px solid #c9c3b6;\n        border-radius:13px;\n        text-align:center;\n        box-sizing:border-box;\n      \"\u003e\n\n        \u003cdiv style=\"\n          color:#9f681c;\n          font-size:7px;\n          font-weight:900;\n          letter-spacing:2.4px;\n          text-transform:uppercase;\n        \"\u003e\n          GRUMPY O.G.®\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          margin-top:14px;\n          width:100%;\n          max-width:100%;\n          color:#111111;\n          font-size:clamp(30px,8vw,40px);\n          line-height:.92;\n          font-weight:900;\n          letter-spacing:-1.7px;\n          text-transform:uppercase;\n          word-break:normal;\n          overflow-wrap:normal;\n        \"\u003e\n          GRUMPY\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          margin-top:5px;\n          color:#be7418;\n          font-family:Georgia,'Times New Roman',serif;\n          font-size:clamp(23px,6vw,31px);\n          line-height:1;\n          font-style:italic;\n          font-weight:700;\n        \"\u003e\n          Varsity™\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          display:flex;\n          align-items:center;\n          justify-content:center;\n          gap:7px;\n          margin-top:18px;\n        \"\u003e\n          \u003cspan style=\"width:28px;height:1px;background:#b8b2a7;\"\u003e\u003c\/span\u003e\n\n          \u003cspan style=\"\n            color:#77736b;\n            font-size:7px;\n            font-weight:900;\n            letter-spacing:1.8px;\n            text-transform:uppercase;\n          \"\u003e\n            EST. 1981\n          \u003c\/span\u003e\n\n          \u003cspan style=\"width:28px;height:1px;background:#b8b2a7;\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ======================================================\n         FINAL BRAND LOCKUP\n    ======================================================= --\u003e\n    \u003cdiv style=\"\n      position:relative;\n      overflow:hidden;\n      padding:28px 15px 25px;\n      background:#080808;\n      border-top:1px solid #272727;\n      text-align:center;\n      box-sizing:border-box;\n    \"\u003e\n\n      \u003cdiv style=\"\n        position:absolute;\n        left:50%;\n        top:50%;\n        transform:translate(-50%,-50%);\n        width:190px;\n        height:190px;\n        border:1px solid #171717;\n        border-radius:50%;\n        pointer-events:none;\n      \"\u003e\u003c\/div\u003e\n\n      \u003cdiv style=\"position:relative;z-index:2;\"\u003e\n\n        \u003cdiv style=\"\n          color:#d18a26;\n          font-size:7px;\n          font-weight:900;\n          letter-spacing:2.7px;\n          text-transform:uppercase;\n        \"\u003e\n          GRUMPY O.G.®\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          margin-top:10px;\n          color:#ffffff;\n          font-size:21px;\n          line-height:1;\n          font-weight:900;\n          letter-spacing:-.7px;\n          text-transform:uppercase;\n        \"\u003e\n          GRUMPY VARSITY\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          margin-top:5px;\n          color:#747474;\n          font-size:11px;\n          font-weight:800;\n          letter-spacing:4px;\n          text-transform:uppercase;\n        \"\u003e\n          HOODIE\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"\n          width:36px;\n          height:2px;\n          margin:16px auto 0;\n          background:#d18a26;\n        \"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"GRUMPY OG","offers":[{"title":"S \/ Black","offer_id":45853255827509,"sku":"25688148209548424099","price":39.99,"currency_code":"USD","in_stock":true},{"title":"M \/ Black","offer_id":45853255860277,"sku":"28672685625651773716","price":39.99,"currency_code":"USD","in_stock":true},{"title":"L \/ Black","offer_id":45853255893045,"sku":"23403502119709674343","price":39.99,"currency_code":"USD","in_stock":true},{"title":"XL \/ Black","offer_id":45853255925813,"sku":"10346679724597830827","price":39.99,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Black","offer_id":45853255958581,"sku":"86357663289520040929","price":41.99,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Black","offer_id":45853255991349,"sku":"10302128839983938657","price":42.99,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Black","offer_id":45853256024117,"sku":"25978277289864501167","price":43.99,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Black","offer_id":45853256056885,"sku":"12385820228246109629","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0698\/7943\/1221\/files\/ChatGPT_Image_Aug_1_2026_08_38_51_PM.png?v=1785641946","url":"https:\/\/grumpyogclth.com\/products\/grumpy-varsity-collegiate-hoodie","provider":"GRUMPY O.G.","version":"1.0","type":"link"}