{"product_id":"braaihq-go-bokke-bottle-opener","title":"BraaiHQ BOKKE Bottle Opener","description":"\u003cstyle\u003e\n  .braaihq-bokke {\n    --green: #075b3a;\n    --green-light: #0b7a4d;\n    --gold: #f5c542;\n    --cream: #fffaf0;\n    --dark: #101815;\n\n    position: relative;\n    overflow: hidden;\n    max-width: 1100px;\n    margin: 20px auto;\n    padding: 55px 24px;\n    color: var(--cream);\n    background:\n      radial-gradient(circle at 10% 20%, rgba(245,197,66,.18), transparent 30%),\n      radial-gradient(circle at 90% 80%, rgba(11,122,77,.35), transparent 35%),\n      linear-gradient(145deg, #07130f, #0b2d20 55%, #07130f);\n    border: 1px solid rgba(245,197,66,.3);\n    border-radius: 28px;\n    box-shadow: 0 25px 70px rgba(0,0,0,.35);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .braaihq-bokke::before {\n    content: \"\";\n    position: absolute;\n    inset: -50%;\n    background: linear-gradient(\n      110deg,\n      transparent 40%,\n      rgba(255,255,255,.08) 50%,\n      transparent 60%\n    );\n    transform: translateX(-60%) rotate(10deg);\n    animation: bokkeShine 7s infinite;\n    pointer-events: none;\n  }\n\n  .bokke-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .bokke-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 18px;\n    padding: 9px 16px;\n    color: var(--dark);\n    background: linear-gradient(135deg, #ffe78b, var(--gold));\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    box-shadow: 0 8px 25px rgba(245,197,66,.25);\n    animation: bokkeFloat 3s ease-in-out infinite;\n  }\n\n  .bokke-title {\n    max-width: 760px;\n    margin: 0 auto 15px;\n    font-size: clamp(34px, 7vw, 68px);\n    line-height: .98;\n    font-weight: 950;\n    letter-spacing: -2px;\n    text-transform: uppercase;\n  }\n\n  .bokke-title span {\n    color: var(--gold);\n    text-shadow: 0 0 28px rgba(245,197,66,.28);\n  }\n\n  .bokke-intro {\n    max-width: 720px;\n    margin: 0 auto 35px;\n    color: rgba(255,255,255,.82);\n    font-size: clamp(16px, 2vw, 19px);\n    line-height: 1.7;\n  }\n\n  .bokke-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 14px;\n    margin: 0 auto 35px;\n  }\n\n  .bokke-card {\n    position: relative;\n    padding: 22px 15px;\n    background: rgba(255,255,255,.07);\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 18px;\n    backdrop-filter: blur(10px);\n    transition: transform .35s ease, border-color .35s ease,\n                background .35s ease, box-shadow .35s ease;\n    animation: bokkeReveal .7s both;\n  }\n\n  .bokke-card:nth-child(2) { animation-delay: .1s; }\n  .bokke-card:nth-child(3) { animation-delay: .2s; }\n  .bokke-card:nth-child(4) { animation-delay: .3s; }\n  .bokke-card:nth-child(5) { animation-delay: .4s; }\n\n  .bokke-card:hover {\n    transform: translateY(-8px);\n    background: rgba(255,255,255,.11);\n    border-color: rgba(245,197,66,.65);\n    box-shadow: 0 18px 35px rgba(0,0,0,.25);\n  }\n\n  .bokke-icon {\n    display: block;\n    margin-bottom: 12px;\n    font-size: 30px;\n    transition: transform .35s ease;\n  }\n\n  .bokke-card:hover .bokke-icon {\n    transform: scale(1.2) rotate(-6deg);\n  }\n\n  .bokke-card strong {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--gold);\n    font-size: 15px;\n  }\n\n  .bokke-card p {\n    margin: 0;\n    color: rgba(255,255,255,.72);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .bokke-ending {\n    max-width: 680px;\n    margin: auto;\n    padding: 20px;\n    background: linear-gradient(\n      90deg,\n      rgba(7,91,58,.65),\n      rgba(245,197,66,.12),\n      rgba(7,91,58,.65)\n    );\n    border: 1px solid rgba(245,197,66,.28);\n    border-radius: 18px;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.6;\n  }\n\n  .bokke-pulse {\n    display: inline-block;\n    animation: bokkePulse 1.8s infinite;\n  }\n\n  @keyframes bokkeShine {\n    0%, 60% { transform: translateX(-70%) rotate(10deg); }\n    100% { transform: translateX(70%) rotate(10deg); }\n  }\n\n  @keyframes bokkeFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n  }\n\n  @keyframes bokkeReveal {\n    from {\n      opacity: 0;\n      transform: translateY(25px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes bokkePulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.12); }\n  }\n\n  @media (max-width: 850px) {\n    .bokke-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .bokke-card:last-child {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .braaihq-bokke {\n      margin: 12px;\n      padding: 42px 16px;\n      border-radius: 22px;\n    }\n\n    .bokke-title {\n      letter-spacing: -1px;\n    }\n\n    .bokke-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .bokke-card:last-child {\n      grid-column: auto;\n    }\n\n    .bokke-card {\n      display: grid;\n      grid-template-columns: 42px 1fr;\n      column-gap: 10px;\n      text-align: left;\n      padding: 17px;\n    }\n\n    .bokke-icon {\n      grid-row: 1 \/ 3;\n      margin: 0;\n    }\n\n    .bokke-ending {\n      font-size: 15px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .braaihq-bokke *,\n    .braaihq-bokke::before {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"braaihq-bokke\"\u003e\n  \u003cdiv class=\"bokke-content\"\u003e\n\n    \u003cdiv class=\"bokke-badge\"\u003e\n      🇿🇦 Proudly Braai Ready\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"bokke-title\"\u003e\n      Crack It Open.\u003cbr\u003e\n      \u003cspan\u003eCelebrate Every Sip.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"bokke-intro\"\u003e\n      The BraaiHQ BOKKE Bottle Opener is made for braai days,\n      match days and every moment worth celebrating. One effortless\n      press delivers a clean pop — no fumbling and no fuss.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"bokke-grid\"\u003e\n\n      \u003cdiv class=\"bokke-card\"\u003e\n        \u003cspan class=\"bokke-icon\"\u003e⚡\u003c\/span\u003e\n        \u003cstrong\u003eOne-Touch Opening\u003c\/strong\u003e\n        \u003cp\u003eAutomatic action opens your cold one before the whistle blows.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bokke-card\"\u003e\n        \u003cspan class=\"bokke-icon\"\u003e🔥\u003c\/span\u003e\n        \u003cstrong\u003eBuilt for the Braai\u003c\/strong\u003e\n        \u003cp\u003eRugged, reliable and ready for outdoor celebrations.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bokke-card\"\u003e\n        \u003cspan class=\"bokke-icon\"\u003e🟢🟡\u003c\/span\u003e\n        \u003cstrong\u003eShow Your Pride\u003c\/strong\u003e\n        \u003cp\u003eA BOKKE-inspired design made for passionate supporters.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bokke-card\"\u003e\n        \u003cspan class=\"bokke-icon\"\u003e🎁\u003c\/span\u003e\n        \u003cstrong\u003eThe Perfect Gift\u003c\/strong\u003e\n        \u003cp\u003eA winning gift for rugby fans, braai masters and beer lovers.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bokke-card\"\u003e\n        \u003cspan class=\"bokke-icon\"\u003e🎒\u003c\/span\u003e\n        \u003cstrong\u003eCompact \u0026amp; Portable\u003c\/strong\u003e\n        \u003cp\u003eFits easily into your pocket, braai bag or cooler box.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bokke-ending\"\u003e\n      Whether you are firing up the coals or watching the big game,\n      this is the opener every South African celebration deserves.\n      \u003cspan class=\"bokke-pulse\"\u003e🇿🇦🏉🍺\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"BraaiHQ","offers":[{"title":"Default Title","offer_id":47432643215531,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9790\/6859\/files\/ChatGPTImageJul19_2026_10_28_44PM_b381d240-4486-481e-9f61-fd0d7e3b4095.png?v=1784493542","url":"https:\/\/braaihq.co.za\/products\/braaihq-go-bokke-bottle-opener","provider":"BraaiHQ","version":"1.0","type":"link"}