{"product_id":"braai-fire-blowing-tube","title":"Braai Fire-Blowing Tube","description":"\u003csection class=\"livy-braai-tube\"\u003e\n  \u003cstyle\u003e\n    .livy-braai-tube {\n      padding: 72px 20px;\n      background:\n        radial-gradient(circle at 18% 15%, rgba(255, 112, 32, .25), transparent 28%),\n        radial-gradient(circle at 82% 72%, rgba(255, 196, 87, .18), transparent 26%),\n        linear-gradient(135deg, #080706 0%, #1a100b 48%, #050403 100%);\n      color: #fff;\n      font-family: Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .livy-braai-shell {\n      max-width: 1180px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 52px;\n      align-items: center;\n      padding: 48px;\n      border-radius: 34px;\n      background: rgba(255,255,255,.065);\n      border: 1px solid rgba(255,255,255,.14);\n      box-shadow: 0 35px 95px rgba(0,0,0,.58);\n      backdrop-filter: blur(18px);\n      animation: braaiFadeUp .9s ease both;\n    }\n\n    .braai-badge {\n      display: inline-block;\n      margin-bottom: 18px;\n      padding: 9px 17px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #ff6f20, #ffd166);\n      color: #111;\n      font-size: 13px;\n      font-weight: 950;\n      letter-spacing: .9px;\n    }\n\n    .braai-title {\n      margin: 0 0 18px;\n      font-size: clamp(36px, 5vw, 62px);\n      line-height: .95;\n      font-weight: 950;\n      letter-spacing: -2px;\n    }\n\n    .braai-title span {\n      color: #ffd166;\n      text-shadow: 0 0 30px rgba(255, 209, 102, .36);\n    }\n\n    .braai-subtitle {\n      margin: 0 0 16px;\n      font-size: 22px;\n      font-weight: 900;\n      color: #ffb347;\n    }\n\n    .braai-copy {\n      max-width: 590px;\n      margin: 0 0 28px;\n      font-size: 18.5px;\n      line-height: 1.6;\n      color: #e8dfd3;\n    }\n\n    .braai-features {\n      display: grid;\n      gap: 13px;\n      margin-bottom: 30px;\n    }\n\n    .braai-feature {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 14px 16px;\n      border-radius: 16px;\n      background: rgba(255,255,255,.075);\n      border: 1px solid rgba(255,255,255,.1);\n      font-weight: 700;\n      transition: .28s ease;\n    }\n\n    .braai-feature:hover {\n      transform: translateX(8px);\n      background: rgba(255, 111, 32, .16);\n    }\n\n    .braai-cta {\n      display: inline-block;\n      padding: 16px 30px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #ff6f20, #ffd166);\n      color: #111;\n      text-decoration: none;\n      font-weight: 950;\n      box-shadow: 0 18px 45px rgba(255, 111, 32, .28);\n      transition: .3s ease;\n    }\n\n    .braai-cta:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: 0 24px 58px rgba(255, 111, 32, .44);\n    }\n\n    .braai-visual {\n      position: relative;\n      min-height: 500px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .fire-glow {\n      position: absolute;\n      width: 370px;\n      height: 370px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(255, 111, 32, .42), rgba(255, 209, 102, .18), transparent 70%);\n      animation: fireGlow 3.8s ease-in-out infinite;\n    }\n\n    .braai-tube {\n      position: absolute;\n      width: 315px;\n      height: 26px;\n      border-radius: 999px;\n      background:\n        linear-gradient(90deg, #555 0%, #d8d8d8 18%, #777 38%, #f4f4f4 52%, #6d6d6d 72%, #cfcfcf 100%);\n      box-shadow:\n        inset 0 4px 10px rgba(255,255,255,.35),\n        inset 0 -5px 12px rgba(0,0,0,.45),\n        0 22px 50px rgba(0,0,0,.5);\n      transform: rotate(-22deg);\n      z-index: 4;\n      animation: tubeFloat 4.5s ease-in-out infinite;\n    }\n\n    .braai-tube::before {\n      content: \"\";\n      position: absolute;\n      left: -35px;\n      top: -8px;\n      width: 58px;\n      height: 42px;\n      border-radius: 20px;\n      background: linear-gradient(135deg, #191919, #777, #e4e4e4);\n      box-shadow: inset 0 4px 10px rgba(255,255,255,.18);\n    }\n\n    .braai-tube::after {\n      content: \"\";\n      position: absolute;\n      right: -24px;\n      top: 4px;\n      width: 34px;\n      height: 18px;\n      border-radius: 999px;\n      background: #e8e8e8;\n      box-shadow: 0 0 24px rgba(255,255,255,.35);\n    }\n\n    .air-stream {\n      position: absolute;\n      width: 170px;\n      height: 38px;\n      right: 56px;\n      top: 190px;\n      transform: rotate(-22deg);\n      z-index: 3;\n      overflow: visible;\n    }\n\n    .air-stream span {\n      position: absolute;\n      left: 0;\n      width: 130px;\n      height: 3px;\n      border-radius: 999px;\n      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.85), rgba(255,209,102,0));\n      animation: airMove 1.35s linear infinite;\n    }\n\n    .air-stream span:nth-child(1) { top: 5px; }\n    .air-stream span:nth-child(2) { top: 17px; animation-delay: .18s; }\n    .air-stream span:nth-child(3) { top: 29px; animation-delay: .34s; }\n\n    .coal-bed {\n      position: absolute;\n      bottom: 62px;\n      width: 320px;\n      height: 72px;\n      border-radius: 50%;\n      background:\n        radial-gradient(circle at 20% 50%, #ff6f20 0 8%, transparent 18%),\n        radial-gradient(circle at 45% 35%, #ffd166 0 7%, transparent 18%),\n        radial-gradient(circle at 70% 55%, #ff3d00 0 8%, transparent 20%),\n        linear-gradient(180deg, #2c2118, #0d0b09);\n      box-shadow: 0 0 45px rgba(255, 111, 32, .36);\n      z-index: 2;\n      animation: coalPulse 2.3s ease-in-out infinite;\n    }\n\n    .flame {\n      position: absolute;\n      bottom: 112px;\n      width: 58px;\n      height: 105px;\n      border-radius: 50% 50% 45% 45%;\n      background: linear-gradient(to top, #ff3d00, #ff8c1a, #ffd166);\n      filter: blur(.2px);\n      transform-origin: bottom;\n      z-index: 3;\n      animation: flameFlicker 1.4s ease-in-out infinite;\n    }\n\n    .flame.one {\n      left: calc(50% - 95px);\n      height: 90px;\n      animation-delay: .1s;\n    }\n\n    .flame.two {\n      left: calc(50% - 30px);\n      height: 125px;\n      width: 66px;\n      animation-delay: .28s;\n    }\n\n    .flame.three {\n      left: calc(50% + 45px);\n      height: 98px;\n      animation-delay: .45s;\n    }\n\n    .braai-tag {\n      position: absolute;\n      right: 8px;\n      bottom: 28px;\n      z-index: 5;\n      padding: 14px 18px;\n      border-radius: 18px;\n      background: rgba(0,0,0,.68);\n      border: 1px solid rgba(255, 209, 102, .45);\n      color: #ffd166;\n      font-weight: 950;\n      box-shadow: 0 18px 42px rgba(0,0,0,.34);\n      animation: tagFloat 3s ease-in-out infinite;\n    }\n\n    @keyframes braaiFadeUp {\n      from { opacity: 0; transform: translateY(35px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes tubeFloat {\n      0%, 100% { transform: rotate(-22deg) translateY(0); }\n      50% { transform: rotate(-22deg) translateY(-14px); }\n    }\n\n    @keyframes fireGlow {\n      0%, 100% { transform: scale(1); opacity: .68; }\n      50% { transform: scale(1.17); opacity: 1; }\n    }\n\n    @keyframes airMove {\n      from { transform: translateX(120px); opacity: 0; }\n      45% { opacity: 1; }\n      to { transform: translateX(-90px); opacity: 0; }\n    }\n\n    @keyframes coalPulse {\n      0%, 100% { transform: scale(1); filter: brightness(1); }\n      50% { transform: scale(1.04); filter: brightness(1.25); }\n    }\n\n    @keyframes flameFlicker {\n      0%, 100% { transform: scaleY(1) rotate(-3deg); opacity: .85; }\n      50% { transform: scaleY(1.16) rotate(4deg); opacity: 1; }\n    }\n\n    @keyframes tagFloat {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-9px); }\n    }\n\n    @media (max-width: 850px) {\n      .livy-braai-shell {\n        grid-template-columns: 1fr;\n        padding: 30px;\n      }\n\n      .braai-visual {\n        min-height: 390px;\n      }\n\n      .braai-tube {\n        width: 245px;\n      }\n\n      .coal-bed {\n        width: 260px;\n      }\n\n      .braai-tag {\n        right: 0;\n        bottom: 12px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"livy-braai-shell\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"braai-badge\"\u003eLIVY CO OUTDOOR GEAR\u003c\/div\u003e\n\n      \u003ch1 class=\"braai-title\"\u003e\n        Braai Fire-Blowing Tube \u003cspan\u003eFan the Flames\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"braai-subtitle\"\u003eOwn the Braai.\u003c\/p\u003e\n\n      \u003cp class=\"braai-copy\"\u003e\n        Every legendary braai starts with the perfect fire. Built from durable stainless steel, this fire-blowing tube delivers controlled airflow straight to your coals — no huffing, no cardboard, just clean fire control.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"braai-features\"\u003e\n        \u003cdiv class=\"braai-feature\"\u003e🔥 Stainless steel construction built to handle the heat\u003c\/div\u003e\n        \u003cdiv class=\"braai-feature\"\u003e💨 Precision airflow aimed directly at your coals\u003c\/div\u003e\n        \u003cdiv class=\"braai-feature\"\u003e🌿 Comfortable tube design for easy use\u003c\/div\u003e\n        \u003cdiv class=\"braai-feature\"\u003e🏕️ Perfect for backyard braais, camping and bush fires\u003c\/div\u003e\n        \u003cdiv class=\"braai-feature\"\u003e🤿 Diving-inspired mouthpiece for extended use\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#ProductInfo-template--main\" class=\"braai-cta\"\u003e\n        Build A Better Fire\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"braai-visual\"\u003e\n      \u003cdiv class=\"fire-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"braai-tube\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"air-stream\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"flame one\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"flame two\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"flame three\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"coal-bed\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"braai-tag\"\u003eFocused Airflow · Roaring Coals\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"LivyCo ","offers":[{"title":"Default Title","offer_id":64072836088177,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/files\/3508abbc-b443-41ea-bdc6-85bd7653478e.png?v=1781723262","url":"https:\/\/livyco.co.za\/products\/braai-fire-blowing-tube","provider":"LivyCo ","version":"1.0","type":"link"}