{"product_id":"braaihq-grill-cleaner-brush","title":"BraaiHQ Electric Grill Cleaner","description":"\u003csection class=\"braaihq-grill-cleaner\"\u003e\n  \u003cdiv class=\"bhq-glow bhq-glow-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bhq-glow bhq-glow-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"bhq-container\"\u003e\n    \u003cdiv class=\"bhq-hero\"\u003e\n      \u003cdiv class=\"bhq-badge bhq-reveal\"\u003e\n        \u003cspan class=\"bhq-badge-dot\"\u003e\u003c\/span\u003e\n        Rechargeable Grill Cleaning Power\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"bhq-title bhq-reveal\"\u003e\n        A Cleaner Grill.\n        \u003cspan\u003eA Better Braai.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"bhq-intro bhq-reveal\"\u003e\n        Your braai deserves better than a dirty grill. The\n        \u003cstrong\u003eBraaiHQ Grill Cleaner Brush\u003c\/strong\u003e cuts through grease,\n        carbon buildup and stubborn residue — leaving your grates spotless\n        and ready for the next fire.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bhq-stats bhq-reveal\"\u003e\n        \u003cdiv class=\"bhq-stat\"\u003e\n          \u003cstrong\u003eFast\u003c\/strong\u003e\n          \u003cspan\u003eCleaning\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-stat\"\u003e\n          \u003cstrong\u003ePowerful\u003c\/strong\u003e\n          \u003cspan\u003eScrubbing\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bhq-stat\"\u003e\n          \u003cstrong\u003eRechargeable\u003c\/strong\u003e\n          \u003cspan\u003eConvenience\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#braaihq-benefits\" class=\"bhq-button bhq-reveal\"\u003e\n        Discover the Benefits\n        \u003cspan aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"braaihq-benefits\" class=\"bhq-benefits\"\u003e\n      \u003cdiv class=\"bhq-section-heading bhq-reveal\"\u003e\n        \u003cspan\u003eBuilt for Better Braais\u003c\/span\u003e\n        \u003ch3\u003eWhy You'll Love It\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-grid\"\u003e\n        \u003carticle class=\"bhq-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-icon\"\u003e🔥\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eBetter-Tasting Food\u003c\/h4\u003e\n            \u003cp\u003e\n              Remove old grease and residue before it can affect the flavour\n              of your meat.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-icon\"\u003e💪\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eLess Scrubbing. More Results.\u003c\/h4\u003e\n            \u003cp\u003e\n              Powerful cleaning action tackles stubborn buildup with less\n              effort from you.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-icon\"\u003e🛡️\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eProtects Your Grill\u003c\/h4\u003e\n            \u003cp\u003e\n              Regular cleaning helps preserve your grill grates and keeps your\n              braai in better condition.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-icon\"\u003e⚡\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eQuick and Easy\u003c\/h4\u003e\n            \u003cp\u003e\n              Clean your grill in minutes instead of spending half an hour\n              scrubbing by hand.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-card bhq-card-wide bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-icon\"\u003e🥩\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eBraai-Ready Every Time\u003c\/h4\u003e\n            \u003cp\u003e\n              No preparation stress and no dirty grates. Clean it, fire it up\n              and start cooking.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bhq-closing bhq-reveal\"\u003e\n      \u003cdiv class=\"bhq-flame\"\u003e🔥\u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cspan class=\"bhq-small-title\"\u003eThe BraaiHQ Standard\u003c\/span\u003e\n\n        \u003ch3\u003eBecause a Great Braai Starts with a Clean Grill.\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Don’t let yesterday’s cook ruin today’s meat. Keep your grill clean,\n          your food tasting fresh and your braai ready for every occasion.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .braaihq-grill-cleaner,\n  .braaihq-grill-cleaner * {\n    box-sizing: border-box;\n  }\n\n  .braaihq-grill-cleaner {\n    --bhq-black: #151515;\n    --bhq-dark: #242424;\n    --bhq-grey: #666666;\n    --bhq-light: #fffaf4;\n    --bhq-white: #ffffff;\n    --bhq-orange: #e8541e;\n    --bhq-orange-dark: #c93d0d;\n    --bhq-ember: #ff9b4a;\n    --bhq-border: rgba(232, 84, 30, 0.18);\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: clamp(56px, 8vw, 110px) 20px;\n    background:\n      radial-gradient(\n        circle at 10% 10%,\n        rgba(255, 183, 100, 0.22),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 90% 45%,\n        rgba(232, 84, 30, 0.12),\n        transparent 32%\n      ),\n      linear-gradient(145deg, #ffffff 0%, #fff8f1 48%, #f7eee6 100%);\n    color: var(--bhq-black);\n    font-family:\n      Inter, Helvetica, Arial, sans-serif;\n  }\n\n  .bhq-container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .bhq-glow {\n    position: absolute;\n    z-index: 0;\n    border-radius: 50%;\n    filter: blur(15px);\n    pointer-events: none;\n    animation: bhqFloat 8s ease-in-out infinite;\n  }\n\n  .bhq-glow-one {\n    top: -120px;\n    right: -130px;\n    width: 340px;\n    height: 340px;\n    background: rgba(232, 84, 30, 0.12);\n  }\n\n  .bhq-glow-two {\n    bottom: 4%;\n    left: -180px;\n    width: 430px;\n    height: 430px;\n    background: rgba(255, 166, 83, 0.13);\n    animation-delay: -4s;\n  }\n\n  .bhq-hero {\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .bhq-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 22px;\n    padding: 9px 15px;\n    border: 1px solid rgba(232, 84, 30, 0.22);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.75);\n    box-shadow: 0 8px 30px rgba(65, 40, 20, 0.07);\n    color: var(--bhq-orange-dark);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    backdrop-filter: blur(12px);\n  }\n\n  .bhq-badge-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--bhq-orange);\n    box-shadow: 0 0 0 5px rgba(232, 84, 30, 0.12);\n    animation: bhqPulse 1.8s ease-out infinite;\n  }\n\n  .bhq-title {\n    max-width: 950px;\n    margin: 0 auto;\n    color: var(--bhq-black);\n    font-size: clamp(44px, 8vw, 88px);\n    font-weight: 900;\n    line-height: 0.98;\n    letter-spacing: -4px;\n  }\n\n  .bhq-title span {\n    display: block;\n    margin-top: 7px;\n    background: linear-gradient(\n      100deg,\n      var(--bhq-orange-dark),\n      var(--bhq-orange),\n      #ff9e44\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n  }\n\n  .bhq-intro {\n    max-width: 760px;\n    margin: 28px auto 0;\n    color: #4e4a46;\n    font-size: clamp(17px, 2vw, 21px);\n    line-height: 1.75;\n  }\n\n  .bhq-intro strong {\n    color: var(--bhq-black);\n  }\n\n  .bhq-stats {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    max-width: 800px;\n    margin: 40px auto 0;\n    overflow: hidden;\n    border: 1px solid rgba(30, 30, 30, 0.08);\n    border-radius: 20px;\n    background: rgba(255, 255, 255, 0.73);\n    box-shadow: 0 20px 60px rgba(72, 44, 21, 0.08);\n    backdrop-filter: blur(12px);\n  }\n\n  .bhq-stat {\n    position: relative;\n    padding: 23px 14px;\n  }\n\n  .bhq-stat:not(:last-child)::after {\n    position: absolute;\n    top: 22%;\n    right: 0;\n    width: 1px;\n    height: 56%;\n    background: rgba(30, 30, 30, 0.1);\n    content: \"\";\n  }\n\n  .bhq-stat strong,\n  .bhq-stat span {\n    display: block;\n  }\n\n  .bhq-stat strong {\n    margin-bottom: 4px;\n    color: var(--bhq-orange);\n    font-size: clamp(17px, 2vw, 22px);\n    font-weight: 900;\n  }\n\n  .bhq-stat span {\n    color: #77716b;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n  }\n\n  .bhq-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    margin-top: 35px;\n    padding: 17px 26px;\n    overflow: hidden;\n    border: 0;\n    border-radius: 14px;\n    background: linear-gradient(\n      135deg,\n      var(--bhq-orange-dark),\n      var(--bhq-orange)\n    );\n    box-shadow:\n      0 15px 35px rgba(232, 84, 30, 0.25),\n      inset 0 1px rgba(255, 255, 255, 0.3);\n    color: var(--bhq-white);\n    font-size: 15px;\n    font-weight: 900;\n    letter-spacing: 0.3px;\n    text-decoration: none;\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .bhq-button::before {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.35),\n      transparent\n    );\n    content: \"\";\n    transform: skewX(-20deg);\n    transition: left 0.65s ease;\n  }\n\n  .bhq-button {\n    position: relative;\n  }\n\n  .bhq-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 20px 45px rgba(232, 84, 30, 0.35);\n  }\n\n  .bhq-button:hover::before {\n    left: 150%;\n  }\n\n  .bhq-button span {\n    font-size: 18px;\n    animation: bhqBounce 1.5s ease-in-out infinite;\n  }\n\n  .bhq-benefits {\n    margin-top: clamp(80px, 10vw, 135px);\n    scroll-margin-top: 70px;\n  }\n\n  .bhq-section-heading {\n    margin-bottom: 34px;\n    text-align: center;\n  }\n\n  .bhq-section-heading span,\n  .bhq-small-title {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--bhq-orange);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .bhq-section-heading h3 {\n    margin: 0;\n    color: var(--bhq-black);\n    font-size: clamp(34px, 5vw, 54px);\n    font-weight: 900;\n    letter-spacing: -2px;\n  }\n\n  .bhq-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n  }\n\n  .bhq-card {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    min-height: 190px;\n    padding: clamp(24px, 3vw, 34px);\n    overflow: hidden;\n    border: 1px solid rgba(30, 30, 30, 0.08);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 15px 45px rgba(56, 38, 22, 0.07);\n    backdrop-filter: blur(14px);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  .bhq-card::before {\n    position: absolute;\n    right: -45px;\n    bottom: -65px;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(232, 84, 30, 0.15),\n      transparent 70%\n    );\n    content: \"\";\n    transition: transform 0.5s ease;\n  }\n\n  .bhq-card:hover {\n    border-color: rgba(232, 84, 30, 0.28);\n    box-shadow: 0 24px 60px rgba(91, 49, 18, 0.13);\n    transform: translateY(-7px);\n  }\n\n  .bhq-card:hover::before {\n    transform: scale(1.4);\n  }\n\n  .bhq-icon {\n    display: grid;\n    flex: 0 0 58px;\n    width: 58px;\n    height: 58px;\n    place-items: center;\n    border: 1px solid rgba(232, 84, 30, 0.17);\n    border-radius: 17px;\n    background: linear-gradient(\n      145deg,\n      rgba(255, 236, 220, 0.9),\n      rgba(255, 255, 255, 0.9)\n    );\n    box-shadow: 0 10px 25px rgba(232, 84, 30, 0.1);\n    font-size: 27px;\n    transition: transform 0.35s ease;\n  }\n\n  .bhq-card:hover .bhq-icon {\n    transform: scale(1.08) rotate(-5deg);\n  }\n\n  .bhq-card h4 {\n    margin: 2px 0 10px;\n    color: var(--bhq-black);\n    font-size: clamp(19px, 2.5vw, 24px);\n    font-weight: 900;\n    line-height: 1.2;\n  }\n\n  .bhq-card p {\n    margin: 0;\n    color: #68625d;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .bhq-card-wide {\n    grid-column: 1 \/ -1;\n    align-items: center;\n    min-height: auto;\n  }\n\n  .bhq-closing {\n    position: relative;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: 30px;\n    margin-top: 24px;\n    padding: clamp(28px, 5vw, 52px);\n    overflow: hidden;\n    border-radius: 27px;\n    background:\n      radial-gradient(\n        circle at 85% 20%,\n        rgba(255, 138, 65, 0.23),\n        transparent 32%\n      ),\n      linear-gradient(135deg, #202020, #101010);\n    box-shadow: 0 25px 70px rgba(20, 20, 20, 0.2);\n    color: var(--bhq-white);\n  }\n\n  .bhq-closing::after {\n    position: absolute;\n    top: -85px;\n    right: -70px;\n    width: 240px;\n    height: 240px;\n    border: 1px solid rgba(255, 255, 255, 0.07);\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .bhq-flame {\n    display: grid;\n    width: 95px;\n    height: 95px;\n    place-items: center;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 26px;\n    background: linear-gradient(\n      145deg,\n      rgba(232, 84, 30, 0.25),\n      rgba(255, 255, 255, 0.04)\n    );\n    box-shadow:\n      inset 0 1px rgba(255, 255, 255, 0.09),\n      0 15px 30px rgba(0, 0, 0, 0.2);\n    font-size: 46px;\n    animation: bhqFlame 2.3s ease-in-out infinite;\n  }\n\n  .bhq-closing h3 {\n    max-width: 780px;\n    margin: 0;\n    color: var(--bhq-white);\n    font-size: clamp(27px, 4vw, 43px);\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: -1.5px;\n  }\n\n  .bhq-closing p {\n    max-width: 760px;\n    margin: 16px 0 0;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .bhq-reveal {\n    opacity: 0;\n    transform: translateY(26px);\n    transition:\n      opacity 0.75s ease,\n      transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .bhq-reveal.bhq-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes bhqFloat {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    50% {\n      transform: translate3d(0, 25px, 0) scale(1.06);\n    }\n  }\n\n  @keyframes bhqPulse {\n    0% {\n      box-shadow: 0 0 0 0 rgba(232, 84, 30, 0.3);\n    }\n\n    70% {\n      box-shadow: 0 0 0 10px rgba(232, 84, 30, 0);\n    }\n\n    100% {\n      box-shadow: 0 0 0 0 rgba(232, 84, 30, 0);\n    }\n  }\n\n  @keyframes bhqBounce {\n    0%,\n    100% {\n      transform: translateY(-2px);\n    }\n\n    50% {\n      transform: translateY(3px);\n    }\n  }\n\n  @keyframes bhqFlame {\n    0%,\n    100% {\n      transform: translateY(0) rotate(-2deg) scale(1);\n    }\n\n    50% {\n      transform: translateY(-5px) rotate(3deg) scale(1.06);\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .braaihq-grill-cleaner {\n      padding: 55px 16px 70px;\n    }\n\n    .bhq-title {\n      font-size: clamp(42px, 14vw, 61px);\n      letter-spacing: -2.8px;\n    }\n\n    .bhq-intro {\n      font-size: 17px;\n      line-height: 1.65;\n    }\n\n    .bhq-stats {\n      grid-template-columns: 1fr;\n      max-width: 420px;\n    }\n\n    .bhq-stat {\n      padding: 18px 12px;\n    }\n\n    .bhq-stat:not(:last-child)::after {\n      top: auto;\n      right: 12%;\n      bottom: 0;\n      width: 76%;\n      height: 1px;\n    }\n\n    .bhq-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .bhq-card,\n    .bhq-card-wide {\n      grid-column: auto;\n      min-height: auto;\n      padding: 24px 20px;\n      border-radius: 20px;\n    }\n\n    .bhq-icon {\n      flex-basis: 52px;\n      width: 52px;\n      height: 52px;\n      border-radius: 15px;\n      font-size: 24px;\n    }\n\n    .bhq-closing {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      text-align: center;\n    }\n\n    .bhq-flame {\n      width: 78px;\n      height: 78px;\n      margin: 0 auto;\n      border-radius: 22px;\n      font-size: 37px;\n    }\n\n    .bhq-closing p {\n      font-size: 15px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .braaihq-grill-cleaner *,\n    .braaihq-grill-cleaner *::before,\n    .braaihq-grill-cleaner *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .bhq-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialiseBraaiHQSection() {\n      const section = document.querySelector(\".braaihq-grill-cleaner\");\n\n      if (!section || section.dataset.initialised === \"true\") {\n        return;\n      }\n\n      section.dataset.initialised = \"true\";\n\n      const elements = section.querySelectorAll(\".bhq-reveal\");\n\n      if (!(\"IntersectionObserver\" in window)) {\n        elements.forEach(function (element) {\n          element.classList.add(\"bhq-visible\");\n        });\n\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"bhq-visible\");\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: 0.14,\n          rootMargin: \"0px 0px -35px 0px\"\n        }\n      );\n\n      elements.forEach(function (element, index) {\n        element.style.transitionDelay = Math.min(index * 70, 350) + \"ms\";\n        observer.observe(element);\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", initialiseBraaiHQSection);\n    } else {\n      initialiseBraaiHQSection();\n    }\n\n    document.addEventListener(\"shopify:section:load\", initialiseBraaiHQSection);\n  })();\n\u003c\/script\u003e","brand":"BraaiHQ","offers":[{"title":"Default Title","offer_id":47396238524587,"sku":null,"price":789.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9790\/6859\/files\/ChatGPTImageJul14_2026_07_17_19AM.png?v=1784064641","url":"https:\/\/echogas.co.za\/products\/braaihq-grill-cleaner-brush","provider":"BraaiHQ","version":"1.0","type":"link"}