{"product_id":"jenga-giant-family-edition","title":"Jenga Giant Family Edition","description":"\u003cstyle\u003e\n  .jg-premium {\n    position: relative;\n    overflow: hidden;\n    padding: 70px 24px;\n    margin: 30px 0;\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at 15% 20%, rgba(255, 191, 71, 0.14), transparent 28%),\n      radial-gradient(circle at 85% 80%, rgba(255, 126, 32, 0.12), transparent 30%),\n      #11100e;\n    color: #fff;\n    font-family: inherit;\n    isolation: isolate;\n  }\n\n  .jg-premium::before {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    top: -250px;\n    left: -250px;\n    background: rgba(255, 184, 77, 0.08);\n    border-radius: 50%;\n    filter: blur(80px);\n    animation: jgFloat 7s ease-in-out infinite;\n    z-index: -1;\n  }\n\n  .jg-premium::after {\n    content: \"\";\n    position: absolute;\n    width: 400px;\n    height: 400px;\n    right: -200px;\n    bottom: -200px;\n    background: rgba(255, 116, 37, 0.07);\n    border-radius: 50%;\n    filter: blur(70px);\n    animation: jgFloat2 8s ease-in-out infinite;\n    z-index: -1;\n  }\n\n  .jg-inner {\n    max-width: 1100px;\n    margin: auto;\n    text-align: center;\n  }\n\n  .jg-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 16px;\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 999px;\n    background: rgba(255,255,255,.05);\n    backdrop-filter: blur(10px);\n    color: #f5c36b;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n    animation: jgFadeUp .8s ease both;\n  }\n\n  .jg-dot {\n    width: 7px;\n    height: 7px;\n    background: #f5c36b;\n    border-radius: 50%;\n    box-shadow: 0 0 15px #f5c36b;\n    animation: jgPulse 1.6s infinite;\n  }\n\n  .jg-title {\n    margin: 0 auto 20px;\n    max-width: 850px;\n    font-size: clamp(38px, 6vw, 72px);\n    line-height: .98;\n    font-weight: 900;\n    letter-spacing: -3px;\n    background: linear-gradient(\n      135deg,\n      #ffffff 10%,\n      #ffe0a1 45%,\n      #f29a32 70%,\n      #ffffff 90%\n    );\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation:\n      jgFadeUp .9s ease both,\n      jgShine 5s linear infinite;\n  }\n\n  .jg-subtitle {\n    max-width: 680px;\n    margin: 0 auto;\n    color: rgba(255,255,255,.68);\n    font-size: 17px;\n    line-height: 1.7;\n    animation: jgFadeUp 1s .15s ease both;\n  }\n\n  .jg-tower-wrap {\n    height: 390px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    margin: 55px auto 20px;\n    perspective: 900px;\n    position: relative;\n  }\n\n  .jg-floor {\n    position: absolute;\n    bottom: 3px;\n    width: 330px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(0,0,0,.55);\n    filter: blur(15px);\n    animation: jgShadow 3s ease-in-out infinite;\n  }\n\n  .jg-tower {\n    position: relative;\n    width: 270px;\n    height: 340px;\n    transform: rotateX(5deg) rotateY(-8deg);\n    transform-style: preserve-3d;\n    animation: jgTowerFloat 4s ease-in-out infinite;\n  }\n\n  .jg-row {\n    position: absolute;\n    width: 100%;\n    height: 43px;\n    display: flex;\n    gap: 5px;\n    left: 0;\n  }\n\n  .jg-row:nth-child(1) { bottom: 0; transform: rotate(0deg); }\n  .jg-row:nth-child(2) { bottom: 48px; transform: rotate(0deg); }\n  .jg-row:nth-child(3) { bottom: 96px; transform: rotate(0deg); }\n  .jg-row:nth-child(4) { bottom: 144px; transform: rotate(0deg); }\n  .jg-row:nth-child(5) { bottom: 192px; transform: rotate(0deg); }\n  .jg-row:nth-child(6) { bottom: 240px; transform: rotate(0deg); }\n  .jg-row:nth-child(7) { bottom: 288px; transform: rotate(0deg); }\n\n  .jg-row:nth-child(even) {\n    transform: rotate(90deg);\n  }\n\n  .jg-block {\n    flex: 1;\n    height: 43px;\n    border-radius: 5px;\n    position: relative;\n    overflow: hidden;\n    background:\n      linear-gradient(135deg, #f5c16b, #c77b25);\n    box-shadow:\n      inset 0 1px 1px rgba(255,255,255,.55),\n      inset 0 -5px 8px rgba(75,35,5,.25),\n      0 8px 18px rgba(0,0,0,.25);\n    transition: transform .3s ease, filter .3s ease;\n  }\n\n  .jg-block::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      105deg,\n      transparent 25%,\n      rgba(255,255,255,.35) 45%,\n      transparent 65%\n    );\n    transform: translateX(-120%);\n    animation: jgBlockShine 4s infinite;\n  }\n\n  .jg-block:hover {\n    transform: translateY(-7px) scale(1.04);\n    filter: brightness(1.15);\n  }\n\n  .jg-block:nth-child(2)::after {\n    content: \"\";\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(85,42,9,.35);\n    left: 30%;\n    top: 45%;\n  }\n\n  .jg-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin: 55px auto 0;\n    max-width: 850px;\n  }\n\n  .jg-feature {\n    padding: 24px 18px;\n    border: 1px solid rgba(255,255,255,.1);\n    border-radius: 18px;\n    background: rgba(255,255,255,.045);\n    backdrop-filter: blur(12px);\n    transition: all .35s ease;\n  }\n\n  .jg-feature:hover {\n    transform: translateY(-8px);\n    background: rgba(255,255,255,.08);\n    border-color: rgba(245,195,107,.35);\n    box-shadow: 0 20px 45px rgba(0,0,0,.25);\n  }\n\n  .jg-icon {\n    font-size: 27px;\n    margin-bottom: 10px;\n  }\n\n  .jg-feature strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 7px;\n  }\n\n  .jg-feature span {\n    display: block;\n    color: rgba(255,255,255,.55);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .jg-bottom {\n    max-width: 700px;\n    margin: 55px auto 0;\n    animation: jgFadeUp 1s .3s ease both;\n  }\n\n  .jg-bottom p {\n    margin: 0;\n    color: rgba(255,255,255,.7);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .jg-highlight {\n    color: #f5c36b;\n    font-weight: 800;\n  }\n\n  .jg-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 28px;\n    padding: 15px 25px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #f5c36b, #d88927);\n    color: #17120b;\n    font-size: 14px;\n    font-weight: 800;\n    text-decoration: none;\n    box-shadow: 0 12px 35px rgba(225,146,43,.22);\n    transition: transform .3s ease, box-shadow .3s ease;\n  }\n\n  .jg-cta:hover {\n    transform: translateY(-4px) scale(1.03);\n    box-shadow: 0 18px 45px rgba(225,146,43,.38);\n  }\n\n  @keyframes jgFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(25px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes jgShine {\n    0% { background-position: 200% center; }\n    40%, 100% { background-position: -200% center; }\n  }\n\n  @keyframes jgBlockShine {\n    0%, 55% { transform: translateX(-120%); }\n    75%, 100% { transform: translateX(120%); }\n  }\n\n  @keyframes jgTowerFloat {\n    0%, 100% {\n      transform: rotateX(5deg) rotateY(-8deg) translateY(0);\n    }\n    50% {\n      transform: rotateX(5deg) rotateY(-8deg) translateY(-9px);\n    }\n  }\n\n  @keyframes jgShadow {\n    0%, 100% { transform: scaleX(1); opacity: .55; }\n    50% { transform: scaleX(.85); opacity: .35; }\n  }\n\n  @keyframes jgFloat {\n    0%, 100% { transform: translate(0,0); }\n    50% { transform: translate(70px,50px); }\n  }\n\n  @keyframes jgFloat2 {\n    0%, 100% { transform: translate(0,0); }\n    50% { transform: translate(-60px,-40px); }\n  }\n\n  @keyframes jgPulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.5); opacity: .55; }\n  }\n\n  @media (max-width: 700px) {\n    .jg-premium {\n      padding: 50px 16px;\n      border-radius: 20px;\n    }\n\n    .jg-title {\n      letter-spacing: -2px;\n    }\n\n    .jg-subtitle {\n      font-size: 15px;\n    }\n\n    .jg-tower-wrap {\n      height: 330px;\n      transform: scale(.82);\n      margin: 30px auto 0;\n    }\n\n    .jg-features {\n      grid-template-columns: 1fr;\n      margin-top: 20px;\n    }\n\n    .jg-feature {\n      padding: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .jg-premium *,\n    .jg-premium::before,\n    .jg-premium::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"jg-premium\"\u003e\n  \u003cdiv class=\"jg-inner\"\u003e\n\n    \u003cdiv class=\"jg-label\"\u003e\n      \u003cspan class=\"jg-dot\"\u003e\u003c\/span\u003e\n      THE ULTIMATE GIANT GAME\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"jg-title\"\u003e\n      Bring Everyone Together.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"jg-subtitle\"\u003e\n      Then see who brings the tower down.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"jg-tower-wrap\"\u003e\n\n      \u003cdiv class=\"jg-floor\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"jg-tower\"\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"jg-row\"\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"jg-block\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jg-features\"\u003e\n\n      \u003cdiv class=\"jg-feature\"\u003e\n        \u003cdiv class=\"jg-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cstrong\u003eSimple to Play\u003c\/strong\u003e\n        \u003cspan\u003ePull a block. Stack it. Keep the tower standing.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jg-feature\"\u003e\n        \u003cdiv class=\"jg-icon\"\u003e🔥\u003c\/div\u003e\n        \u003cstrong\u003eEvery Move Matters\u003c\/strong\u003e\n        \u003cspan\u003eThe tower gets taller and every move gets harder.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jg-feature\"\u003e\n        \u003cdiv class=\"jg-icon\"\u003e👥\u003c\/div\u003e\n        \u003cstrong\u003eMade for Groups\u003c\/strong\u003e\n        \u003cspan\u003ePerfect for parties, family days and game nights.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jg-bottom\"\u003e\n\n      \u003cp\u003e\n        Take your turn and pull a wooden block from the tower.\n        Stack it on top and watch the tension build.\n        With every round, the choices get trickier and the cheers get louder.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cspan class=\"jg-highlight\"\u003e\n          The challenge is simple: keep the tower standing.\n        \u003c\/span\u003e\n      \u003c\/p\u003e\n\n      \u003ca href=\"#product-form\" class=\"jg-cta\"\u003e\n        Get The Giant Game\n        \u003cspan\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"PLAYBOLD","offers":[{"title":"Default Title","offer_id":61876713816204,"sku":null,"price":599.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/9239\/0796\/files\/stylised-floating-wooden-blocks-with-play-bold-corner-branding.png?v=1790717165","url":"https:\/\/playbold.co.za\/products\/jenga-giant-family-edition","provider":"PLAYBOLD","version":"1.0","type":"link"}