{"product_id":"boys-daiji-graphic-sweater","title":"Boys Daiji Graphic Sweater","description":"\u003cstyle\u003e\n  .lo-dude {\n    max-width: 920px;\n    margin: 30px auto;\n    padding: 38px 28px;\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 30%),\n      linear-gradient(135deg, #171717, #242424, #101010);\n    color: #fff;\n    font-family: Arial, Helvetica, sans-serif;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 18px 50px rgba(0,0,0,.25);\n  }\n\n  \/* Animated background shapes *\/\n  .lo-dude::before,\n  .lo-dude::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(2px);\n    opacity: .15;\n    animation: dudeGlow 5s infinite alternate ease-in-out;\n  }\n\n  .lo-dude::before {\n    width: 220px;\n    height: 220px;\n    background: #ffffff;\n    top: -120px;\n    right: -70px;\n  }\n\n  .lo-dude::after {\n    width: 180px;\n    height: 180px;\n    background: #777;\n    bottom: -100px;\n    left: -60px;\n    animation-delay: 2s;\n  }\n\n  @keyframes dudeGlow {\n    from {\n      transform: scale(1);\n    }\n    to {\n      transform: scale(1.25);\n    }\n  }\n\n  \/* Floating symbols *\/\n  .lo-symbol {\n    position: absolute;\n    font-weight: 900;\n    font-size: 20px;\n    opacity: .25;\n    animation: symbolFloat 4s infinite ease-in-out;\n    pointer-events: none;\n  }\n\n  .symbol1 {\n    top: 25px;\n    left: 7%;\n  }\n\n  .symbol2 {\n    top: 90px;\n    right: 8%;\n    animation-delay: 1s;\n  }\n\n  .symbol3 {\n    bottom: 35px;\n    right: 15%;\n    animation-delay: 2s;\n  }\n\n  @keyframes symbolFloat {\n    0%,100% {\n      transform: translateY(0) rotate(0deg);\n    }\n    50% {\n      transform: translateY(-12px) rotate(8deg);\n    }\n  }\n\n  \/* Badge *\/\n  .lo-dude-badge {\n    display: inline-block;\n    padding: 8px 16px;\n    border: 1px solid rgba(255,255,255,.35);\n    border-radius: 50px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    animation: badgePulse 3s infinite ease-in-out;\n  }\n\n  @keyframes badgePulse {\n    0%,100% {\n      box-shadow: 0 0 0 rgba(255,255,255,0);\n    }\n    50% {\n      box-shadow: 0 0 22px rgba(255,255,255,.12);\n    }\n  }\n\n  \/* Main heading *\/\n  .lo-dude-title {\n    font-size: 42px;\n    line-height: 1;\n    margin: 20px 0 12px;\n    font-weight: 1000;\n    text-transform: uppercase;\n    letter-spacing: -2px;\n  }\n\n  .lo-dude-title span {\n    color: #fff;\n    position: relative;\n    display: inline-block;\n  }\n\n  .lo-dude-title span::after {\n    content: \"\";\n    position: absolute;\n    height: 5px;\n    width: 100%;\n    left: 0;\n    bottom: -7px;\n    background: #fff;\n    transform: skewX(-20deg);\n    animation: underline 2s infinite ease-in-out;\n  }\n\n  @keyframes underline {\n    0%,100% {\n      transform: scaleX(.65) skewX(-20deg);\n    }\n    50% {\n      transform: scaleX(1) skewX(-20deg);\n    }\n  }\n\n  .lo-dude-intro {\n    max-width: 720px;\n    font-size: 16px;\n    line-height: 1.8;\n    color: #d5d5d5;\n    margin-bottom: 28px;\n  }\n\n  .lo-dude-intro strong {\n    color: #fff;\n  }\n\n  \/* Hype banner *\/\n  .lo-hype {\n    margin: 25px 0;\n    padding: 15px 20px;\n    border-left: 4px solid #fff;\n    background: rgba(255,255,255,.07);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    animation: hypeSlide 1s ease-out;\n  }\n\n  @keyframes hypeSlide {\n    from {\n      opacity: 0;\n      transform: translateX(-25px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  \/* Features *\/\n  .lo-dude-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-top: 20px;\n  }\n\n  .lo-dude-feature {\n    padding: 20px 15px;\n    border-radius: 16px;\n    background: rgba(255,255,255,.07);\n    border: 1px solid rgba(255,255,255,.12);\n    transition: .35s ease;\n    cursor: pointer;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: featureReveal .7s forwards;\n  }\n\n  .lo-dude-feature:nth-child(1) { animation-delay: .15s; }\n  .lo-dude-feature:nth-child(2) { animation-delay: .3s; }\n  .lo-dude-feature:nth-child(3) { animation-delay: .45s; }\n  .lo-dude-feature:nth-child(4) { animation-delay: .6s; }\n  .lo-dude-feature:nth-child(5) { animation-delay: .75s; }\n  .lo-dude-feature:nth-child(6) { animation-delay: .9s; }\n\n  @keyframes featureReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .lo-dude-feature:hover {\n    background: rgba(255,255,255,.14);\n    transform: translateY(-7px) scale(1.02);\n    box-shadow: 0 12px 30px rgba(0,0,0,.25);\n  }\n\n  .lo-dude-icon {\n    font-size: 26px;\n    display: block;\n    margin-bottom: 9px;\n  }\n\n  .lo-dude-feature strong {\n    display: block;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: .8px;\n    margin-bottom: 6px;\n  }\n\n  .lo-dude-feature p {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.5;\n    color: #c5c5c5;\n  }\n\n  \/* Interactive button *\/\n  .lo-dude-btn {\n    margin-top: 30px;\n    padding: 15px 28px;\n    border: 1px solid #fff;\n    border-radius: 50px;\n    background: #fff;\n    color: #111;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: .3s ease;\n  }\n\n  .lo-dude-btn:hover {\n    background: transparent;\n    color: #fff;\n    transform: scale(1.06);\n  }\n\n  \/* Hidden message *\/\n  .lo-dude-message {\n    display: none;\n    margin: 20px auto 0;\n    max-width: 600px;\n    padding: 18px;\n    border-radius: 15px;\n    background: rgba(255,255,255,.09);\n    border: 1px solid rgba(255,255,255,.15);\n    font-size: 14px;\n    line-height: 1.6;\n    animation: messagePop .4s ease;\n  }\n\n  @keyframes messagePop {\n    from {\n      opacity: 0;\n      transform: scale(.85);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .lo-dude-brand {\n    margin-top: 30px;\n    font-size: 10px;\n    letter-spacing: 4px;\n    font-weight: 900;\n    opacity: .6;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 650px) {\n\n    .lo-dude {\n      padding: 28px 18px;\n    }\n\n    .lo-dude-title {\n      font-size: 32px;\n    }\n\n    .lo-dude-features {\n      grid-template-columns: 1fr;\n    }\n\n    .lo-dude-intro {\n      font-size: 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"lo-dude\"\u003e\n\n  \u003c!-- Floating symbols --\u003e\n  \u003cdiv class=\"lo-symbol symbol1\"\u003e✦\u003c\/div\u003e\n  \u003cdiv class=\"lo-symbol symbol2\"\u003e★\u003c\/div\u003e\n  \u003cdiv class=\"lo-symbol symbol3\"\u003e✦\u003c\/div\u003e\n\n  \u003c!-- Badge --\u003e\n  \u003cspan class=\"lo-dude-badge\"\u003e\n    LITTLE OBSESSED™ • BOYS COLLECTION\n  \u003c\/span\u003e\n\n  \u003c!-- Title --\u003e\n  \u003ch2 class=\"lo-dude-title\"\u003e\n    COOL DUDE\u003cbr\u003e\n    \u003cspan\u003eENERGY\u003c\/span\u003e 😎\n  \u003c\/h2\u003e\n\n  \u003cp class=\"lo-dude-intro\"\u003e\n    Level up his everyday wardrobe with the\n    \u003cstrong\u003eBoys Daiji Graphic Sweater\u003c\/strong\u003e.\n    Cool graphics, effortless style and serious little-guy attitude —\n    this is the sweater made for adventures, playdates and everything\n    in between.\n  \u003c\/p\u003e\n\n  \u003c!-- Hype banner --\u003e\n  \u003cdiv class=\"lo-hype\"\u003e\n    ⚡ MINI STYLE. MAXIMUM ATTITUDE. ⚡\n  \u003c\/div\u003e\n\n  \u003c!-- Features --\u003e\n  \u003cdiv class=\"lo-dude-features\"\u003e\n\n    \u003cdiv class=\"lo-dude-feature\"\u003e\n      \u003cspan class=\"lo-dude-icon\"\u003e😎\u003c\/span\u003e\n      \u003cstrong\u003eCool Graphic\u003c\/strong\u003e\n      \u003cp\u003e\n        A statement graphic designed to give his outfit instant personality.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-dude-feature\"\u003e\n      \u003cspan class=\"lo-dude-icon\"\u003e🔥\u003c\/span\u003e\n      \u003cstrong\u003eStreet-Style Vibe\u003c\/strong\u003e\n      \u003cp\u003e\n        Easygoing style with that effortlessly cool mini streetwear feel.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-dude-feature\"\u003e\n      \u003cspan class=\"lo-dude-icon\"\u003e🧸\u003c\/span\u003e\n      \u003cstrong\u003eEveryday Comfort\u003c\/strong\u003e\n      \u003cp\u003e\n        Designed for little dudes who never seem to stop moving.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-dude-feature\"\u003e\n      \u003cspan class=\"lo-dude-icon\"\u003e⚡\u003c\/span\u003e\n      \u003cstrong\u003eEasy to Style\u003c\/strong\u003e\n      \u003cp\u003e\n        Pair it with jeans, joggers, shorts or his favourite sneakers.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-dude-feature\"\u003e\n      \u003cspan class=\"lo-dude-icon\"\u003e🏁\u003c\/span\u003e\n      \u003cstrong\u003eAdventure Ready\u003c\/strong\u003e\n      \u003cp\u003e\n        Perfect for school days, weekends, playdates and outdoor adventures.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lo-dude-feature\"\u003e\n      \u003cspan class=\"lo-dude-icon\"\u003e🖤\u003c\/span\u003e\n      \u003cstrong\u003eLittle Obsessed Pick\u003c\/strong\u003e\n      \u003cp\u003e\n        A must-have addition to his cool-kid wardrobe.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive button --\u003e\n  \u003cbutton class=\"lo-dude-btn\" onclick=\"loDudeApproved()\"\u003e\n    😎 Activate Cool Dude Mode\n  \u003c\/button\u003e\n\n  \u003cdiv class=\"lo-dude-message\" id=\"loDudeMessage\"\u003e\n    🔥 \u003cstrong\u003eCOOL DUDE MODE: ACTIVATED.\u003c\/strong\u003e\u003cbr\u003e\n    Sneakers on. Sweater on. Attitude unlocked. 😎\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lo-dude-brand\"\u003e\n    LITTLE OBSESSED™\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  function loDudeApproved() {\n\n    const message = document.getElementById(\"loDudeMessage\");\n    const button = document.querySelector(\".lo-dude-btn\");\n\n    if (message.style.display === \"block\") {\n\n      message.style.display = \"none\";\n      button.innerHTML = \"😎 Activate Cool Dude Mode\";\n\n    } else {\n\n      message.style.display = \"block\";\n      button.innerHTML = \"🔥 COOL DUDE MODE ON\";\n\n    }\n  }\n\u003c\/script\u003e","brand":"Little Obsessed","offers":[{"title":"2-3 years","offer_id":43512883085360,"sku":null,"price":223.0,"currency_code":"ZAR","in_stock":true},{"title":"3-4 years","offer_id":43512883118128,"sku":null,"price":223.0,"currency_code":"ZAR","in_stock":true},{"title":"4-5 years","offer_id":43512883150896,"sku":null,"price":223.0,"currency_code":"ZAR","in_stock":true},{"title":"5-6 years","offer_id":43512883183664,"sku":null,"price":223.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/0085\/5600\/files\/boyssweeters.webp?v=1787308731","url":"https:\/\/littleobsessed.co.za\/products\/boys-daiji-graphic-sweater","provider":"Little Obsessed","version":"1.0","type":"link"}