{"title":"Outdoor Range","description":"","products":[{"product_id":"portable-stool-120kg","title":"Portable Stool 120kg","description":"\u003csection class=\"livy-stool-premium\"\u003e\n  \u003cstyle\u003e\n    .livy-stool-premium {\n      background: radial-gradient(circle at top left, #4b3b24 0%, #15130f 42%, #070706 100%);\n      padding: 70px 20px;\n      color: #fff;\n      font-family: Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .livy-stool-card {\n      max-width: 1150px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      padding: 45px;\n      border-radius: 30px;\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(255,255,255,0.14);\n      box-shadow: 0 35px 90px rgba(0,0,0,0.5);\n      backdrop-filter: blur(18px);\n      animation: livyFadeUp 1s ease both;\n    }\n\n    .livy-stool-badge {\n      display: inline-block;\n      padding: 8px 16px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #d8b36a, #f4d58d);\n      color: #111;\n      font-weight: 800;\n      font-size: 13px;\n      letter-spacing: .8px;\n      margin-bottom: 18px;\n    }\n\n    .livy-stool-title {\n      font-size: clamp(36px, 5vw, 62px);\n      line-height: 1;\n      margin: 0 0 18px;\n      font-weight: 900;\n      letter-spacing: -2px;\n    }\n\n    .livy-stool-title span {\n      color: #f4d58d;\n      text-shadow: 0 0 30px rgba(244,213,141,.35);\n    }\n\n    .livy-stool-copy {\n      font-size: 19px;\n      line-height: 1.6;\n      color: #dedbd3;\n      margin-bottom: 28px;\n    }\n\n    .livy-stool-features {\n      display: grid;\n      gap: 14px;\n      margin-bottom: 32px;\n    }\n\n    .livy-stool-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,.07);\n      border: 1px solid rgba(255,255,255,.1);\n      transition: .3s ease;\n    }\n\n    .livy-stool-feature:hover {\n      transform: translateX(8px);\n      background: rgba(244,213,141,.13);\n    }\n\n    .livy-stool-icon {\n      font-size: 22px;\n    }\n\n    .livy-stool-cta {\n      display: inline-block;\n      padding: 16px 30px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #d8b36a, #f4d58d);\n      color: #111;\n      text-decoration: none;\n      font-weight: 900;\n      box-shadow: 0 16px 36px rgba(244,213,141,.28);\n      transition: .3s ease;\n    }\n\n    .livy-stool-cta:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: 0 22px 50px rgba(244,213,141,.42);\n    }\n\n    .livy-stool-visual {\n      position: relative;\n      min-height: 430px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .livy-glow {\n      position: absolute;\n      width: 300px;\n      height: 300px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(244,213,141,.38), transparent 70%);\n      animation: livyGlowPulse 4s ease-in-out infinite;\n    }\n\n    .stool {\n      position: relative;\n      width: 230px;\n      height: 250px;\n      animation: livyFloat 4.5s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .seat {\n      position: absolute;\n      top: 40px;\n      left: 25px;\n      width: 180px;\n      height: 48px;\n      border-radius: 18px 18px 26px 26px;\n      background: linear-gradient(135deg, #3a342b, #1b1a17);\n      border: 2px solid rgba(244,213,141,.45);\n      box-shadow: inset 0 8px 18px rgba(255,255,255,.08), 0 18px 35px rgba(0,0,0,.45);\n    }\n\n    .seat::after {\n      content: \"120kg\";\n      position: absolute;\n      top: -42px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(0,0,0,.55);\n      border: 1px solid rgba(244,213,141,.5);\n      border-radius: 999px;\n      padding: 8px 15px;\n      color: #f4d58d;\n      font-weight: 900;\n      font-size: 14px;\n      box-shadow: 0 0 24px rgba(244,213,141,.22);\n      animation: livyBadgePulse 2.5s ease-in-out infinite;\n    }\n\n    .leg {\n      position: absolute;\n      top: 82px;\n      width: 8px;\n      height: 170px;\n      border-radius: 10px;\n      background: linear-gradient(to bottom, #e1c78b, #48413a 35%, #111);\n      transform-origin: top;\n      box-shadow: 0 10px 25px rgba(0,0,0,.45);\n    }\n\n    .leg-one { left: 58px; transform: rotate(13deg); }\n    .leg-two { right: 58px; transform: rotate(-13deg); }\n    .leg-three { left: 92px; transform: rotate(-8deg); opacity: .75; }\n    .leg-four { right: 92px; transform: rotate(8deg); opacity: .75; }\n\n    .crossbar {\n      position: absolute;\n      top: 155px;\n      left: 55px;\n      width: 120px;\n      height: 6px;\n      border-radius: 999px;\n      background: rgba(244,213,141,.7);\n      transform: rotate(-10deg);\n      box-shadow: 0 0 18px rgba(244,213,141,.22);\n    }\n\n    .fold-line {\n      position: absolute;\n      bottom: 42px;\n      width: 330px;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, rgba(244,213,141,.7), transparent);\n      animation: livyLineSweep 2.8s linear infinite;\n    }\n\n    .livy-floating-tag {\n      position: absolute;\n      right: 20px;\n      bottom: 50px;\n      background: rgba(0,0,0,.55);\n      border: 1px solid rgba(244,213,141,.45);\n      padding: 14px 18px;\n      border-radius: 18px;\n      font-weight: 800;\n      box-shadow: 0 0 30px rgba(244,213,141,.15);\n      animation: livyTagFloat 3.2s ease-in-out infinite;\n      z-index: 3;\n    }\n\n    @keyframes livyFadeUp {\n      from { opacity: 0; transform: translateY(35px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes livyFloat {\n      0%, 100% { transform: translateY(0) rotate(-2deg); }\n      50% { transform: translateY(-18px) rotate(2deg); }\n    }\n\n    @keyframes livyGlowPulse {\n      0%, 100% { transform: scale(1); opacity: .65; }\n      50% { transform: scale(1.16); opacity: 1; }\n    }\n\n    @keyframes livyBadgePulse {\n      0%, 100% { transform: translateX(-50%) scale(1); }\n      50% { transform: translateX(-50%) scale(1.08); }\n    }\n\n    @keyframes livyLineSweep {\n      from { transform: translateX(-40px); opacity: .2; }\n      50% { opacity: 1; }\n      to { transform: translateX(40px); opacity: .2; }\n    }\n\n    @keyframes livyTagFloat {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    @media (max-width: 850px) {\n      .livy-stool-card {\n        grid-template-columns: 1fr;\n        padding: 30px;\n      }\n\n      .livy-stool-visual {\n        min-height: 330px;\n      }\n\n      .stool {\n        transform: scale(.85);\n      }\n\n      .livy-floating-tag {\n        right: 5px;\n        bottom: 20px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"livy-stool-card\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"livy-stool-badge\"\u003eLIVY CO OUTDOOR GEAR\u003c\/div\u003e\n\n      \u003ch1 class=\"livy-stool-title\"\u003e\n        Portable Stool \u003cspan\u003e120kg\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"livy-stool-copy\"\u003e\n        The Portable Folding Pencil Stool is your go-to seat for any outdoor adventure. Compact, lightweight and built with a durable iron frame for reliable comfort wherever the road takes you.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"livy-stool-features\"\u003e\n        \u003cdiv class=\"livy-stool-feature\"\u003e\n          \u003cspan class=\"livy-stool-icon\"\u003e🪑\u003c\/span\u003e\n          Durable iron frame for lasting strength\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-stool-feature\"\u003e\n          \u003cspan class=\"livy-stool-icon\"\u003e🏕️\u003c\/span\u003e\n          Ideal for camping, picnics, beaches, fishing and road trips\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-stool-feature\"\u003e\n          \u003cspan class=\"livy-stool-icon\"\u003e🎒\u003c\/span\u003e\n          Folds flat for effortless storage and transport\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-stool-feature\"\u003e\n          \u003cspan class=\"livy-stool-icon\"\u003e⚖️\u003c\/span\u003e\n          Supports up to 120kg\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#ProductInfo-template--main\" class=\"livy-stool-cta\"\u003e\n        Add Comfort To Your Adventure\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"livy-stool-visual\"\u003e\n      \u003cdiv class=\"livy-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"stool\"\u003e\n        \u003cdiv class=\"seat\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"leg leg-one\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"leg leg-two\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"leg leg-three\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"leg leg-four\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"crossbar\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fold-line\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"livy-floating-tag\"\u003eFolds Flat In Seconds\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"LivyCo ","offers":[{"title":"Default Title","offer_id":64070842024305,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/files\/d6829c84-56b1-4438-b681-9cd4a61b523c.png?v=1781685648"},{"product_id":"solarfold-80w-charge-anywhere-go-everywhere","title":"SolarFold 80W – Charge Anywhere, Go Everywhere","description":"\u003csection class=\"livy-solar-wrap\"\u003e\n  \u003cstyle\u003e\n    .livy-solar-wrap {\n      background: radial-gradient(circle at top, #2b2b1f 0%, #0d0f0c 45%, #050605 100%);\n      padding: 70px 20px;\n      font-family: Arial, sans-serif;\n      color: #fff;\n      overflow: hidden;\n    }\n\n    .livy-solar-card {\n      max-width: 1150px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(255,255,255,0.14);\n      border-radius: 28px;\n      padding: 45px;\n      box-shadow: 0 30px 80px rgba(0,0,0,0.45);\n      backdrop-filter: blur(18px);\n      animation: fadeUp 1s ease forwards;\n    }\n\n    .livy-badge {\n      display: inline-block;\n      background: linear-gradient(135deg, #f8d65c, #ff9f1c);\n      color: #111;\n      padding: 8px 16px;\n      border-radius: 999px;\n      font-weight: 700;\n      font-size: 13px;\n      letter-spacing: 0.8px;\n      margin-bottom: 18px;\n    }\n\n    .livy-title {\n      font-size: clamp(36px, 5vw, 62px);\n      line-height: 1;\n      margin: 0 0 18px;\n      font-weight: 900;\n      letter-spacing: -2px;\n    }\n\n    .livy-title span {\n      color: #f8d65c;\n      text-shadow: 0 0 30px rgba(248,214,92,0.45);\n    }\n\n    .livy-subtitle {\n      font-size: 20px;\n      color: #d8d8d8;\n      line-height: 1.6;\n      margin-bottom: 28px;\n    }\n\n    .livy-features {\n      display: grid;\n      gap: 14px;\n      margin-bottom: 32px;\n    }\n\n    .livy-feature {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      background: rgba(255,255,255,0.07);\n      padding: 14px 16px;\n      border-radius: 16px;\n      border: 1px solid rgba(255,255,255,0.08);\n      transition: 0.3s ease;\n    }\n\n    .livy-feature:hover {\n      transform: translateX(8px);\n      background: rgba(248,214,92,0.12);\n    }\n\n    .livy-icon {\n      font-size: 22px;\n    }\n\n    .livy-cta {\n      display: inline-block;\n      background: linear-gradient(135deg, #f8d65c, #ff9f1c);\n      color: #111;\n      text-decoration: none;\n      padding: 16px 30px;\n      border-radius: 999px;\n      font-weight: 900;\n      box-shadow: 0 15px 35px rgba(255,159,28,0.35);\n      transition: 0.3s ease;\n    }\n\n    .livy-cta:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: 0 20px 45px rgba(255,159,28,0.5);\n    }\n\n    .solar-visual {\n      position: relative;\n      min-height: 420px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .sun-glow {\n      position: absolute;\n      width: 280px;\n      height: 280px;\n      background: radial-gradient(circle, rgba(248,214,92,0.75), rgba(248,214,92,0.12), transparent 70%);\n      border-radius: 50%;\n      top: 0;\n      right: 20px;\n      animation: pulseSun 4s ease-in-out infinite;\n    }\n\n    .solar-panel {\n      position: relative;\n      display: grid;\n      grid-template-columns: repeat(4, 85px);\n      gap: 8px;\n      transform: perspective(900px) rotateX(12deg) rotateY(-18deg);\n      animation: floatPanel 5s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .panel-fold {\n      height: 210px;\n      background:\n        linear-gradient(135deg, rgba(255,255,255,0.12), transparent 30%),\n        repeating-linear-gradient(\n          90deg,\n          #101820 0px,\n          #101820 12px,\n          #172635 12px,\n          #172635 24px\n        );\n      border: 2px solid rgba(248,214,92,0.35);\n      border-radius: 12px;\n      box-shadow: inset 0 0 25px rgba(0,0,0,0.8), 0 15px 35px rgba(0,0,0,0.4);\n    }\n\n    .charge-line {\n      position: absolute;\n      width: 3px;\n      height: 170px;\n      background: linear-gradient(to bottom, transparent, #f8d65c, transparent);\n      top: 80px;\n      right: 110px;\n      animation: chargeMove 1.7s linear infinite;\n      opacity: 0.85;\n    }\n\n    .power-bubble {\n      position: absolute;\n      bottom: 35px;\n      right: 40px;\n      background: rgba(0,0,0,0.55);\n      border: 1px solid rgba(248,214,92,0.4);\n      padding: 14px 18px;\n      border-radius: 18px;\n      font-weight: 800;\n      box-shadow: 0 0 25px rgba(248,214,92,0.2);\n      animation: fadePulse 2.5s ease-in-out infinite;\n      z-index: 3;\n    }\n\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(35px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes floatPanel {\n      0%, 100% { transform: perspective(900px) rotateX(12deg) rotateY(-18deg) translateY(0); }\n      50% { transform: perspective(900px) rotateX(12deg) rotateY(-18deg) translateY(-18px); }\n    }\n\n    @keyframes pulseSun {\n      0%, 100% { transform: scale(1); opacity: 0.75; }\n      50% { transform: scale(1.15); opacity: 1; }\n    }\n\n    @keyframes chargeMove {\n      from { transform: translateY(-120px); opacity: 0; }\n      50% { opacity: 1; }\n      to { transform: translateY(120px); opacity: 0; }\n    }\n\n    @keyframes fadePulse {\n      0%, 100% { opacity: 0.75; transform: scale(1); }\n      50% { opacity: 1; transform: scale(1.05); }\n    }\n\n    @media (max-width: 850px) {\n      .livy-solar-card {\n        grid-template-columns: 1fr;\n        padding: 30px;\n      }\n\n      .solar-panel {\n        grid-template-columns: repeat(4, 60px);\n      }\n\n      .panel-fold {\n        height: 160px;\n      }\n\n      .solar-visual {\n        min-height: 300px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"livy-solar-card\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"livy-badge\"\u003eLIVY CO OUTDOOR GEAR\u003c\/div\u003e\n\n      \u003ch1 class=\"livy-title\"\u003e\n        SolarFold \u003cspan\u003e80W\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"livy-subtitle\"\u003e\n        Charge Anywhere, Go Everywhere. Harness the sun wherever you roam with a rugged four-fold solar charger built for hiking, camping and off-grid adventure.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"livy-features\"\u003e\n        \u003cdiv class=\"livy-feature\"\u003e\n\u003cspan class=\"livy-icon\"\u003e☀️\u003c\/span\u003e 80W high-efficiency solar output\u003c\/div\u003e\n        \u003cdiv class=\"livy-feature\"\u003e\n\u003cspan class=\"livy-icon\"\u003e🔌\u003c\/span\u003e USB charging for phones, power banks \u0026amp; more\u003c\/div\u003e\n        \u003cdiv class=\"livy-feature\"\u003e\n\u003cspan class=\"livy-icon\"\u003e🎒\u003c\/span\u003e Folds flat for easy carry and storage\u003c\/div\u003e\n        \u003cdiv class=\"livy-feature\"\u003e\n\u003cspan class=\"livy-icon\"\u003e🌍\u003c\/span\u003e Built for wherever life takes you\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#ProductInfo-template--main\" class=\"livy-cta\"\u003e\n        Power Your Next Adventure\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"solar-visual\"\u003e\n      \u003cdiv class=\"sun-glow\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"charge-line\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"solar-panel\"\u003e\n        \u003cdiv class=\"panel-fold\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panel-fold\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panel-fold\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"panel-fold\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"power-bubble\"\u003e⚡ 80W Solar Output\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"LivyCo ","offers":[{"title":"Default Title","offer_id":64070867648881,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/files\/35011e74-f485-45df-beea-96870d402be8.png?v=1781683953"},{"product_id":"s-buckle-mini-alloy-snap-hook","title":"S-Buckle Mini Alloy Snap Hook","description":"\u003csection class=\"livy-sbuckle-premium\"\u003e\n  \u003cstyle\u003e\n    .livy-sbuckle-premium {\n      padding: 72px 20px;\n      background:\n        radial-gradient(circle at 20% 10%, rgba(222, 190, 132, .22), transparent 28%),\n        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, .08), transparent 24%),\n        linear-gradient(135deg, #0b0c0a 0%, #171812 48%, #060706 100%);\n      font-family: Arial, sans-serif;\n      color: #fff;\n      overflow: hidden;\n    }\n\n    .livy-sbuckle-shell {\n      max-width: 1180px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      padding: 48px;\n      border-radius: 34px;\n      background: rgba(255,255,255,.06);\n      border: 1px solid rgba(255,255,255,.14);\n      box-shadow: 0 35px 90px rgba(0,0,0,.55);\n      backdrop-filter: blur(18px);\n      animation: livySbFade .9s ease both;\n    }\n\n    .livy-sbuckle-badge {\n      display: inline-block;\n      margin-bottom: 18px;\n      padding: 9px 17px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #c9b075, #f4d995);\n      color: #111;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: .9px;\n    }\n\n    .livy-sbuckle-title {\n      margin: 0 0 20px;\n      font-size: clamp(36px, 5vw, 62px);\n      line-height: .95;\n      font-weight: 950;\n      letter-spacing: -2px;\n    }\n\n    .livy-sbuckle-title span {\n      color: #f4d995;\n      text-shadow: 0 0 30px rgba(244,217,149,.32);\n    }\n\n    .livy-sbuckle-copy {\n      max-width: 560px;\n      margin: 0 0 28px;\n      font-size: 19px;\n      line-height: 1.6;\n      color: #ded8c9;\n    }\n\n    .livy-sbuckle-features {\n      display: grid;\n      gap: 13px;\n      margin-bottom: 30px;\n    }\n\n    .livy-sbuckle-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,.07);\n      border: 1px solid rgba(255,255,255,.1);\n      font-weight: 700;\n      transition: .28s ease;\n    }\n\n    .livy-sbuckle-feature:hover {\n      transform: translateX(8px);\n      background: rgba(244,217,149,.13);\n    }\n\n    .livy-sbuckle-cta {\n      display: inline-block;\n      padding: 16px 30px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #c9b075, #f4d995);\n      color: #111;\n      text-decoration: none;\n      font-weight: 950;\n      box-shadow: 0 18px 42px rgba(244,217,149,.25);\n      transition: .3s ease;\n    }\n\n    .livy-sbuckle-cta:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: 0 24px 55px rgba(244,217,149,.42);\n    }\n\n    .livy-sbuckle-visual {\n      position: relative;\n      min-height: 470px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .livy-orbit {\n      position: absolute;\n      width: 380px;\n      height: 380px;\n      border-radius: 50%;\n      border: 1px solid rgba(244,217,149,.18);\n      animation: livyRotate 18s linear infinite;\n    }\n\n    .livy-orbit::before,\n    .livy-orbit::after {\n      content: \"\";\n      position: absolute;\n      width: 11px;\n      height: 11px;\n      border-radius: 50%;\n      background: #f4d995;\n      box-shadow: 0 0 24px rgba(244,217,149,.7);\n    }\n\n    .livy-orbit::before {\n      top: 20px;\n      left: 70px;\n    }\n\n    .livy-orbit::after {\n      right: 35px;\n      bottom: 85px;\n    }\n\n    .livy-hook {\n      position: relative;\n      width: 178px;\n      height: 300px;\n      border: 14px solid #d9d3c3;\n      border-radius: 88px;\n      box-shadow:\n        inset 0 0 20px rgba(0,0,0,.65),\n        0 30px 65px rgba(0,0,0,.55),\n        0 0 34px rgba(244,217,149,.18);\n      animation: livyFloat 4.6s ease-in-out infinite;\n      z-index: 3;\n    }\n\n    .livy-hook::before {\n      content: \"\";\n      position: absolute;\n      top: 118px;\n      left: -20px;\n      width: 220px;\n      height: 50px;\n      background: #11130f;\n      border-top: 12px solid #d9d3c3;\n      border-bottom: 12px solid #d9d3c3;\n      transform: rotate(-18deg);\n      z-index: 2;\n    }\n\n    .livy-hook::after {\n      content: \"DUAL GATE\";\n      position: absolute;\n      left: 50%;\n      bottom: -62px;\n      transform: translateX(-50%);\n      padding: 9px 15px;\n      border-radius: 999px;\n      background: rgba(0,0,0,.7);\n      border: 1px solid rgba(244,217,149,.4);\n      color: #f4d995;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 1px;\n      white-space: nowrap;\n      box-shadow: 0 0 24px rgba(244,217,149,.18);\n    }\n\n    .livy-gate {\n      position: absolute;\n      width: 6px;\n      height: 112px;\n      border-radius: 999px;\n      background: linear-gradient(to bottom, #fff7dc, #8f876f);\n      box-shadow: 0 0 18px rgba(244,217,149,.35);\n      z-index: 4;\n      animation: livyGateTap 2.7s ease-in-out infinite;\n    }\n\n    .livy-gate.top {\n      top: 38px;\n      right: 34px;\n      transform: rotate(31deg);\n    }\n\n    .livy-gate.bottom {\n      bottom: 38px;\n      left: 34px;\n      transform: rotate(31deg);\n      animation-delay: .35s;\n    }\n\n    .livy-pack-row {\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      gap: 12px;\n      z-index: 5;\n    }\n\n    .livy-pack {\n      min-width: 92px;\n      padding: 14px 12px;\n      border-radius: 18px;\n      text-align: center;\n      background: rgba(255,255,255,.08);\n      border: 1px solid rgba(244,217,149,.32);\n      box-shadow: 0 18px 38px rgba(0,0,0,.32);\n      backdrop-filter: blur(10px);\n      animation: livyPackPulse 3s ease-in-out infinite;\n    }\n\n    .livy-pack:nth-child(2) {\n      animation-delay: .25s;\n    }\n\n    .livy-pack:nth-child(3) {\n      animation-delay: .5s;\n    }\n\n    .livy-pack strong {\n      display: block;\n      color: #f4d995;\n      font-size: 26px;\n      line-height: 1;\n    }\n\n    .livy-pack span {\n      display: block;\n      margin-top: 5px;\n      color: #e5dfd2;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: .8px;\n    }\n\n    @keyframes livySbFade {\n      from { opacity: 0; transform: translateY(35px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes livyFloat {\n      0%, 100% { transform: translateY(0) rotate(-7deg); }\n      50% { transform: translateY(-18px) rotate(7deg); }\n    }\n\n    @keyframes livyGateTap {\n      0%, 100% { opacity: .8; }\n      50% { opacity: 1; filter: brightness(1.25); }\n    }\n\n    @keyframes livyRotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes livyPackPulse {\n      0%, 100% { transform: translateY(0); opacity: .82; }\n      50% { transform: translateY(-8px); opacity: 1; }\n    }\n\n    @media (max-width: 850px) {\n      .livy-sbuckle-shell {\n        grid-template-columns: 1fr;\n        padding: 30px;\n      }\n\n      .livy-sbuckle-visual {\n        min-height: 420px;\n      }\n\n      .livy-orbit {\n        width: 300px;\n        height: 300px;\n      }\n\n      .livy-hook {\n        transform: scale(.88);\n      }\n\n      .livy-pack-row {\n        gap: 8px;\n      }\n\n      .livy-pack {\n        min-width: 78px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"livy-sbuckle-shell\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"livy-sbuckle-badge\"\u003eLIVY CO OUTDOOR GEAR\u003c\/div\u003e\n\n      \u003ch1 class=\"livy-sbuckle-title\"\u003e\n        S-Buckle Mini \u003cspan\u003eAlloy Snap Hook\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"livy-sbuckle-copy\"\u003e\n        Small but seriously capable. A compact alloy S-buckle with a dual wire gate design for quick, secure attachment — perfect for keys, gear, tackle, packs and everyday carry.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"livy-sbuckle-features\"\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e⚙️ Lightweight yet strong alloy construction\u003c\/div\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e🔁 Dual gate snap mechanism for fast, reliable clipping\u003c\/div\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e🎒 Compact size fits pocket, pack or belt loop\u003c\/div\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e🏕️ Perfect for fishing, camping, hiking and EDC\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#ProductInfo-template--main\" class=\"livy-sbuckle-cta\"\u003e\n        Choose Your Pack\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"livy-sbuckle-visual\"\u003e\n      \u003cdiv class=\"livy-orbit\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"livy-hook\"\u003e\n        \u003cdiv class=\"livy-gate top\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"livy-gate bottom\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"livy-pack-row\"\u003e\n        \u003cdiv class=\"livy-pack\"\u003e\n          \u003cstrong\u003e1\u003c\/strong\u003e\n          \u003cspan\u003eSINGLE\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-pack\"\u003e\n          \u003cstrong\u003e5\u003c\/strong\u003e\n          \u003cspan\u003ePACK\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-pack\"\u003e\n          \u003cstrong\u003e10\u003c\/strong\u003e\n          \u003cspan\u003ePACK\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"LivyCo","offers":[{"title":"Default Title","offer_id":64071404323185,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/files\/b2468115-0902-45cc-be08-cab48d9fbb85.png?v=1781699608"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/collections\/8e963958-3632-479b-ae94-097b3c16ef9a_8ab06dbf-ebd9-496e-a9ea-898645555d0b.png?v=1781786225","url":"https:\/\/livyco.co.za\/collections\/outdoor.oembed","provider":"LivyCo ","version":"1.0","type":"link"}