{"product_id":"brakgat™-jollyball","title":"BRAKGATᵀᴹ Jolly Ball","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n   GLOBAL\n========================================= *\/\n\n* {\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    margin: 0;\n    padding: 0;\n    background: #080809;\n    color: #ffffff;\n    font-family: \"DM Sans\", Arial, sans-serif;\n}\n\n.pawmazing-page {\n    width: 100%;\n    overflow: hidden;\n}\n\n.gold {\n    color: #e7bd68;\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.hero {\n    position: relative;\n    min-height: 720px;\n\n    display: flex;\n    align-items: center;\n\n    background:\n        radial-gradient(\n            circle at 75% 45%,\n            rgba(216,168,78,0.10),\n            transparent 32%\n        ),\n        radial-gradient(\n            circle at 15% 30%,\n            rgba(255,255,255,0.025),\n            transparent 25%\n        ),\n        #080809;\n}\n\n.hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 500px;\n    height: 500px;\n\n    right: -180px;\n    top: 100px;\n\n    border-radius: 50%;\n\n    background: rgba(216,168,78,0.06);\n\n    filter: blur(100px);\n\n    animation: backgroundGlow 5s ease-in-out infinite;\n}\n\n.hero-container {\n    width: min(1200px, 92%);\n\n    margin: auto;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    align-items: center;\n\n    gap: 70px;\n\n    position: relative;\n\n    z-index: 2;\n}\n\n\n\/* =========================================\n   HERO CONTENT\n========================================= *\/\n\n.hero-content {\n    max-width: 650px;\n}\n\n.badge {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    padding: 9px 15px;\n\n    border-radius: 50px;\n\n    border: 1px solid rgba(216,168,78,0.35);\n\n    background: rgba(216,168,78,0.07);\n\n    color: #f0cf82;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    letter-spacing: 0.5px;\n\n    margin-bottom: 22px;\n\n    animation: fadeUp 0.8s ease forwards;\n}\n\n.badge-dot {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #65d98b;\n\n    box-shadow:\n        0 0 10px #65d98b,\n        0 0 20px rgba(101,217,139,0.5);\n}\n\nh1 {\n    font-family: Arial, sans-serif;\n\n    font-size: clamp(45px, 5vw, 72px);\n\n    line-height: 1.02;\n\n    letter-spacing: -3px;\n\n    margin: 0 0 23px;\n\n    font-weight: 800;\n\n    animation: fadeUp 0.9s ease forwards;\n}\n\n.hero-text {\n    max-width: 590px;\n\n    color: #b9b9bf;\n\n    font-size: 19px;\n\n    line-height: 1.7;\n\n    margin: 0 0 30px;\n\n    animation: fadeUp 1s ease forwards;\n}\n\n.hero-text strong {\n    color: #ffffff;\n}\n\n.cta-row {\n    display: flex;\n\n    gap: 14px;\n\n    flex-wrap: wrap;\n\n    animation: fadeUp 1.1s ease forwards;\n}\n\n.cta {\n    display: inline-flex;\n\n    justify-content: center;\n\n    align-items: center;\n\n    padding: 17px 27px;\n\n    border-radius: 12px;\n\n    text-decoration: none;\n\n    font-size: 16px;\n\n    font-weight: 800;\n\n    transition: all 0.3s ease;\n}\n\n.cta-primary {\n    color: #111111;\n\n    background:\n        linear-gradient(\n            135deg,\n            #f3d080,\n            #c79335\n        );\n\n    box-shadow:\n        0 10px 35px rgba(216,168,78,0.20);\n}\n\n.cta-primary:hover {\n    transform: translateY(-4px);\n\n    box-shadow:\n        0 17px 45px rgba(216,168,78,0.38);\n}\n\n.cta-secondary {\n    color: #ffffff;\n\n    background: rgba(255,255,255,0.035);\n\n    border: 1px solid rgba(255,255,255,0.14);\n}\n\n.cta-secondary:hover {\n    background: rgba(255,255,255,0.08);\n\n    transform: translateY(-3px);\n}\n\n.trust-row {\n    display: flex;\n\n    gap: 23px;\n\n    flex-wrap: wrap;\n\n    margin-top: 29px;\n\n    color: #85858b;\n\n    font-size: 13px;\n}\n\n.trust-item {\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n}\n\n.check {\n    color: #65d98b;\n\n    font-weight: 900;\n}\n\n\n\/* =========================================\n   CLEAN RIGHT SIDE\n========================================= *\/\n\n.hero-space {\n    position: relative;\n\n    min-height: 500px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\/*\n   Clean premium glow.\n   No product image.\n   No fake product.\n   No animated ball.\n*\/\n\n.hero-space::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 300px;\n    height: 300px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(216,168,78,0.09),\n            transparent 68%\n        );\n\n    filter: blur(20px);\n\n    animation: softGlow 5s ease-in-out infinite;\n}\n\n\n\/* =========================================\n   OUTCOME SECTION\n========================================= *\/\n\n.outcome {\n    padding: 110px 20px;\n\n    background: #0d0d0f;\n\n    text-align: center;\n}\n\n.section-label {\n    color: #e7bd68;\n\n    text-transform: uppercase;\n\n    letter-spacing: 2px;\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n    margin-bottom: 15px;\n}\n\n.outcome h2 {\n    font-family: Arial, sans-serif;\n\n    font-size: clamp(34px, 4vw, 54px);\n\n    line-height: 1.08;\n\n    letter-spacing: -2px;\n\n    max-width: 800px;\n\n    margin: 0 auto 20px;\n}\n\n.outcome-sub {\n    color: #a5a5ab;\n\n    max-width: 650px;\n\n    margin: auto;\n\n    line-height: 1.7;\n\n    font-size: 17px;\n}\n\n.outcome-grid {\n    width: min(1050px, 94%);\n\n    margin: 55px auto 0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 18px;\n}\n\n.outcome-card {\n    text-align: left;\n\n    padding: 29px;\n\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #161618,\n            #101012\n        );\n\n    border:\n        1px solid rgba(255,255,255,0.08);\n\n    transition: all 0.35s ease;\n}\n\n.outcome-card:hover {\n    transform: translateY(-7px);\n\n    border-color:\n        rgba(216,168,78,0.35);\n\n    box-shadow:\n        0 20px 50px rgba(0,0,0,0.25);\n}\n\n.card-icon {\n    font-size: 28px;\n\n    margin-bottom: 18px;\n}\n\n.outcome-card h3 {\n    margin: 0 0 9px;\n\n    font-size: 18px;\n}\n\n.outcome-card p {\n    color: #99999f;\n\n    line-height: 1.6;\n\n    margin: 0;\n}\n\n\n\/* =========================================\n   FEATURES\n========================================= *\/\n\n.features {\n    padding: 110px 20px;\n\n    background: #080809;\n}\n\n.features-container {\n    width: min(1100px, 94%);\n\n    margin: auto;\n}\n\n.features-heading {\n    text-align: center;\n\n    margin-bottom: 55px;\n}\n\n.features-heading h2 {\n    font-family: Arial, sans-serif;\n\n    font-size: clamp(34px, 4vw, 52px);\n\n    line-height: 1.08;\n\n    letter-spacing: -2px;\n\n    margin: 0 0 15px;\n}\n\n.features-heading p {\n    color: #99999f;\n\n    max-width: 620px;\n\n    margin: auto;\n\n    line-height: 1.7;\n}\n\n.feature-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, 1fr);\n\n    gap: 18px;\n}\n\n.feature {\n    padding: 30px;\n\n    border-radius: 18px;\n\n    background: #111113;\n\n    border:\n        1px solid rgba(255,255,255,0.08);\n\n    transition: all 0.35s ease;\n}\n\n.feature:hover {\n    transform: translateY(-5px);\n\n    border-color:\n        rgba(216,168,78,0.3);\n\n    box-shadow:\n        0 20px 45px rgba(0,0,0,0.2);\n}\n\n.feature-number {\n    color: #e7bd68;\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n    letter-spacing: 1px;\n}\n\n.feature h3 {\n    font-family: Arial, sans-serif;\n\n    font-size: 21px;\n\n    margin: 13px 0 10px;\n}\n\n.feature p {\n    color: #99999f;\n\n    line-height: 1.65;\n\n    margin: 0;\n}\n\n\n\/* =========================================\n   EMOTIONAL SECTION\n========================================= *\/\n\n.big-message {\n    padding: 130px 20px;\n\n    text-align: center;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(216,168,78,0.12),\n            transparent 42%\n        ),\n        #0d0d0f;\n}\n\n.big-message h2 {\n    font-family: Arial, sans-serif;\n\n    font-size: clamp(40px, 6vw, 72px);\n\n    line-height: 1.02;\n\n    letter-spacing: -3px;\n\n    max-width: 850px;\n\n    margin: auto;\n}\n\n.big-message p {\n    color: #aaaab0;\n\n    font-size: 18px;\n\n    max-width: 600px;\n\n    margin: 25px auto 32px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================\n   FINAL CTA\n========================================= *\/\n\n.final-cta {\n    padding: 100px 20px;\n\n    background: #080809;\n}\n\n.final-box {\n    width: min(1050px, 94%);\n\n    margin: auto;\n\n    padding: 65px 40px;\n\n    text-align: center;\n\n    border-radius: 25px;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(216,168,78,0.12),\n            transparent 55%\n        ),\n        linear-gradient(\n            145deg,\n            #171719,\n            #0f0f11\n        );\n\n    border:\n        1px solid rgba(216,168,78,0.2);\n\n    box-shadow:\n        0 30px 80px rgba(0,0,0,0.35);\n}\n\n.final-box h2 {\n    font-family: Arial, sans-serif;\n\n    font-size: clamp(34px, 4vw, 52px);\n\n    letter-spacing: -2px;\n\n    margin: 0 0 15px;\n}\n\n.final-box p {\n    color: #a7a7ad;\n\n    font-size: 17px;\n\n    line-height: 1.6;\n\n    max-width: 600px;\n\n    margin: 0 auto 28px;\n}\n\n\n\/* =========================================\n   ANIMATIONS\n========================================= *\/\n\n@keyframes fadeUp {\n\n    from {\n        opacity: 0;\n\n        transform:\n            translateY(25px);\n    }\n\n    to {\n        opacity: 1;\n\n        transform:\n            translateY(0);\n    }\n}\n\n@keyframes backgroundGlow {\n\n    0%,\n    100% {\n        transform: scale(1);\n\n        opacity: 0.5;\n    }\n\n    50% {\n        transform: scale(1.15);\n\n        opacity: 1;\n    }\n}\n\n@keyframes softGlow {\n\n    0%,\n    100% {\n        transform: scale(0.9);\n\n        opacity: 0.5;\n    }\n\n    50% {\n        transform: scale(1.1);\n\n        opacity: 1;\n    }\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 850px) {\n\n    .hero {\n        min-height: auto;\n\n        padding:\n            80px 0 70px;\n    }\n\n    .hero-container {\n        grid-template-columns: 1fr;\n\n        text-align: center;\n\n        gap: 20px;\n    }\n\n    .hero-content {\n        margin: auto;\n    }\n\n    .hero-text {\n        margin-left: auto;\n\n        margin-right: auto;\n    }\n\n    .cta-row {\n        justify-content: center;\n    }\n\n    .trust-row {\n        justify-content: center;\n    }\n\n    .hero-space {\n        min-height: 180px;\n    }\n\n    .hero-space::before {\n        width: 220px;\n\n        height: 220px;\n    }\n\n    .outcome-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .feature-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 500px) {\n\n    h1 {\n        font-size: 43px;\n\n        letter-spacing: -2px;\n    }\n\n    .hero-text {\n        font-size: 17px;\n    }\n\n    .hero-space {\n        min-height: 100px;\n    }\n\n    .hero-space::before {\n        width: 170px;\n\n        height: 170px;\n    }\n\n    .big-message {\n        padding: 90px 20px;\n    }\n\n    .final-box {\n        padding:\n            50px 25px;\n    }\n\n    .cta {\n        width: 100%;\n    }\n\n    .cta-row {\n        width: 100%;\n    }\n\n    .trust-row {\n        gap: 14px;\n\n        font-size: 12px;\n    }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"pawmazing-page\"\u003e\n\u003c!-- =========================================\n     HERO\n========================================= --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003c!-- LEFT SIDE --\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cspan class=\"badge-dot\"\u003e\u003c\/span\u003e Designed for busy dog parents\u003c\/div\u003e\n\u003ch1\u003eLess Guilt.\u003cbr\u003e\u003cspan class=\"gold\"\u003e More Tail Wags. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-text\"\u003eAfter a long day at work, you're exhausted — but your dog still wants to play. \u003cstrong\u003e Brakgat™Jolly Ball \u003c\/strong\u003ekeeps your pup moving and entertained while you finally get a chance to recharge.\u003c\/p\u003e\n\u003cdiv class=\"cta-row\"\u003e\n\u003ca href=\"#shop\" class=\"cta cta-primary\"\u003e 🐾 Make My Pup Happy \u003c\/a\u003e \u003ca href=\"#features\" class=\"cta cta-secondary\"\u003e See How It Works \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-row\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"check\"\u003e ✓ \u003c\/span\u003e Keeps dogs moving\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"check\"\u003e ✓ \u003c\/span\u003e Self-playing design\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003cspan class=\"check\"\u003e ✓ \u003c\/span\u003e Rechargeable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT SIDE\n             INTENTIONALLY CLEAN\n             NO PRODUCT IMAGE\n             NO FAKE PRODUCT\n        --\u003e\n\u003cdiv class=\"hero-space\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n     OUTCOME\n========================================= --\u003e\n\u003csection class=\"outcome\"\u003e\n\u003cdiv class=\"section-label\"\u003eBuilt for real life\u003c\/div\u003e\n\u003ch2\u003eYour dog doesn't need your energy. \u003cspan class=\"gold\"\u003e They need an outlet. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"outcome-sub\"\u003eYou love your dog. But after work, chores and everything else, sometimes you simply don't have the energy for another game of fetch. Brakgat™Jolly Ball helps bridge that gap.\u003c\/p\u003e\n\u003cdiv class=\"outcome-grid\"\u003e\n\u003cdiv class=\"outcome-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e😮💨\u003c\/div\u003e\n\u003ch3\u003eCome home exhausted?\u003c\/h3\u003e\n\u003cp\u003eGive yourself a chance to relax while your pup gets something fun to focus on.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"outcome-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e🐕\u003c\/div\u003e\n\u003ch3\u003eDog still full of energy?\u003c\/h3\u003e\n\u003cp\u003eThe self-playing design encourages movement, curiosity and active play.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"outcome-card\"\u003e\n\u003cdiv class=\"card-icon\"\u003e❤️\u003c\/div\u003e\n\u003ch3\u003eWant them to feel loved?\u003c\/h3\u003e\n\u003cp\u003eYou don't have to choose between resting and giving your dog a happier, more active evening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n     FEATURES\n========================================= --\u003e\n\u003csection class=\"features\" id=\"features\"\u003e\n\u003cdiv class=\"features-container\"\u003e\n\u003cdiv class=\"features-heading\"\u003e\n\u003cdiv class=\"section-label\"\u003e\u003cimg\u003e\u003c\/div\u003e\n\u003ch2\u003eMore than a toy.\u003cbr\u003e\u003cspan class=\"gold\"\u003e A better routine. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBrakgat™Jolly Ball is designed to make playtime easier for both you and your dog.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-number\"\u003e01 — SELF PLAY\u003c\/div\u003e\n\u003ch3\u003eIt keeps the fun moving\u003c\/h3\u003e\n\u003cp\u003eThe ball rolls, bounces and changes direction to encourage your dog to chase and interact with it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-number\"\u003e02 — ACTIVE PLAY\u003c\/div\u003e\n\u003ch3\u003eTurn boredom into movement\u003c\/h3\u003e\n\u003cp\u003eInstead of lying around bored, your pup gets an opportunity to move, explore and stay engaged.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-number\"\u003e03 — LESS EFFORT\u003c\/div\u003e\n\u003ch3\u003eYou don't have to be the entertainment\u003c\/h3\u003e\n\u003cp\u003ePerfect for those moments when you want your dog to play but simply don't have the energy for another round of fetch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-number\"\u003e04 — RECHARGEABLE\u003c\/div\u003e\n\u003ch3\u003eReady for the next play session\u003c\/h3\u003e\n\u003cp\u003eRecharge it when needed and keep Brakgat™Jolly Ball ready for your dog's next play session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n     EMOTIONAL CTA\n========================================= --\u003e\n\u003csection class=\"big-message\"\u003e\n\u003ch2\u003eYou deserve to \u003cspan class=\"gold\"\u003e rest. \u003c\/span\u003e \u003cbr\u003eYour dog deserves to \u003cspan class=\"gold\"\u003e play. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eBrakgat™Jolly Ball helps you give your dog something to do even when you've had one of those days.\u003c\/p\u003e\n\u003ca href=\"#shop\" class=\"cta cta-primary\"\u003e Give My Dog A Happier Day 🐾 \u003c\/a\u003e\u003c\/section\u003e\n\u003c!-- =========================================\n     FINAL CTA\n========================================= --\u003e\n\u003csection class=\"final-cta\" id=\"shop\"\u003e\n\u003cdiv class=\"final-box\"\u003e\n\u003cdiv class=\"section-label\"\u003eBrakgat™Jolly Ball\u003c\/div\u003e\n\u003ch2\u003eMake playtime easier.\u003c\/h2\u003e\n\u003cp\u003eLess guilt. Less boredom. More movement. Give your pup something to look forward to while you finally get a moment to breathe.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"cta cta-primary\"\u003e 🐾 Get Brakgat™Jolly Ball Now \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":67619960520933,"sku":null,"price":299.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0850\/2480\/0997\/files\/premium-dark-studio-image-of-the-ball.png?v=1792939934","url":"https:\/\/brakgat.co.za\/products\/brakgat%e2%84%a2-jollyball","provider":"Brakgat","version":"1.0","type":"link"}