{"title":"Pet Feeding \u0026 Travel","description":"\u003cp\u003eFeeders, water fountains and travel-friendly gear that make daily feeding and time away from home easier for dogs and cats. Whether it's automating mealtimes at home or keeping water on hand during walks and road trips, this collection covers the everyday routine.\u003c\/p\u003e\n\u003cp\u003eThe \u003cstrong\u003eDuoFeed Automatic Pet Feeder\u003c\/strong\u003e schedules meals for busy households and multi-pet homes, while the \u003cstrong\u003eFlowFountain\u003c\/strong\u003e keeps drinking water fresh and circulating for cats that prefer running water. For life on the move, the \u003cstrong\u003eHydroGo Portable Water Bottle\u003c\/strong\u003e makes it simple to offer a drink on walks, hikes or car trips.\u003c\/p\u003e\n\u003ch2\u003eDelivery across South Africa\u003c\/h2\u003e\n\u003cp\u003eOrders are delivered nationwide within 6–8 business days.\u003c\/p\u003e","products":[{"product_id":"furli-flowfountain-cat-water-fountain","title":"Furli™ FlowFountain – Automatic Cat Water Fountain","description":"\u003cdiv class=\"furli-flowfountain\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"fff-hero fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-water-glow glow-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fff-water-glow glow-two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"fff-badge\"\u003e\n      💧 FURLI • SMART PET HYDRATION\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Fresh Flow.\n      \u003cspan\u003eHappy Sips.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"fff-lead\"\u003e\n      Meet the Furli™ FlowFountain — a modern circulating water fountain\n      designed to give indoor cats and small pets an inviting source of\n      continuously moving drinking water.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fff-tags\"\u003e\n\n      \u003cspan\u003e💧 Circulating Water\u003c\/span\u003e\n\n      \u003cspan\u003e🚰 Faucet-Style Flow\u003c\/span\u003e\n\n      \u003cspan\u003e🐱 Made For Indoor Cats\u003c\/span\u003e\n\n      \u003cspan\u003e✨ Modern Premium Design\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n    \u003ca href=\"#furli-flow-benefits\" class=\"fff-main-btn\"\u003e\n      Discover FlowFountain\n      \u003cspan\u003e↓\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"fff-intro fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-intro-animation\"\u003e\n\n      \u003cdiv class=\"fff-drop\"\u003e\n        💧\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cspan class=\"fff-eyebrow\"\u003e\n        MAKE DRINKING MORE INVITING\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Because Some Pets Prefer Water That Moves\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The Furli™ FlowFountain creates a gentle, continuously circulating\n        stream that can make your pet's water station feel fresher,\n        more interesting and more enjoyable to use.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection id=\"furli-flow-benefits\" class=\"fff-section\"\u003e\n\n    \u003cdiv class=\"fff-heading fff-reveal\"\u003e\n\n      \u003cspan\u003e\n        WHY PET PARENTS LOVE IT\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Smarter Hydration For Everyday Pet Life\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A practical upgrade from an ordinary water bowl with a clean,\n        modern look for your home.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fff-grid\"\u003e\n\n      \u003cdiv class=\"fff-card fff-reveal\"\u003e\n\n        \u003cdiv class=\"fff-icon\"\u003e\n          💦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Continuous Circulation\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Moving water helps keep the drinking experience more dynamic\n          than a traditional still water bowl.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fff-card fff-reveal\"\u003e\n\n        \u003cdiv class=\"fff-icon\"\u003e\n          🚰\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Faucet-Style Flow\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The raised flowing design creates an appealing stream for cats\n          who naturally show interest in taps and moving water.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fff-card fff-reveal\"\u003e\n\n        \u003cdiv class=\"fff-icon\"\u003e\n          🐾\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Made For Small Pets\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Ideal for indoor cats and suitable small pets who need an\n          easy-to-access everyday drinking station.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fff-card fff-reveal\"\u003e\n\n        \u003cdiv class=\"fff-icon\"\u003e\n          🏡\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Modern Home-Friendly Design\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The sleek fountain style blends more naturally into modern\n          kitchens, living spaces and pet areas.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- DARK FEATURE --\u003e\n  \u003csection class=\"fff-premium fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-premium-copy\"\u003e\n\n      \u003cspan\u003e\n        FURLI FLOW SERIES\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Turn Their Water Bowl Into\n        \u003cstrong\u003eA Better Drinking Experience.\u003c\/strong\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The FlowFountain combines continuous water movement with a stylish\n        faucet-inspired design to create a water station your pet will\n        actually notice.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fff-fountain-animation\"\u003e\n\n      \u003cdiv class=\"fff-faucet\"\u003e\n        🚰\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fff-stream\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"fff-water-ring ring-one\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"fff-water-ring ring-two\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"fff-bowl\"\u003e\n        💧\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURE STRIP --\u003e\n  \u003csection class=\"fff-strip fff-reveal\"\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e01\u003c\/strong\u003e\n      \u003cspan\u003eAutomatic Circulation\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e02\u003c\/strong\u003e\n      \u003cspan\u003eContinuous Water Flow\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e03\u003c\/strong\u003e\n      \u003cspan\u003eFaucet-Inspired Design\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003e04\u003c\/strong\u003e\n      \u003cspan\u003eIndoor Pet Essential\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- WHY FLOWING WATER --\u003e\n  \u003csection class=\"fff-flow-section fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-flow-copy\"\u003e\n\n      \u003cspan class=\"fff-eyebrow\"\u003e\n        A MORE INTERESTING WAY TO DRINK\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Make Every Sip Feel Fresher\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Many cats are naturally curious about running taps and moving water.\n        The Furli™ FlowFountain brings that experience into their everyday\n        drinking area in a convenient pet-friendly format.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"fff-checks\"\u003e\n\n        \u003cdiv\u003e\n          ✓ Encourages interaction with their water station\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          ✓ Great alternative to a standard bowl\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          ✓ Suitable for everyday indoor use\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          ✓ Stylish minimalist appearance\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fff-orbit\"\u003e\n\n      \u003cdiv class=\"fff-orbit-circle\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"fff-orbit-center\"\u003e\n\n        \u003cstrong\u003e\n          FURLI\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          💧\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fff-orbit-drop\"\u003e\n        💦\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- SIMPLE PROCESS --\u003e\n  \u003csection class=\"fff-how fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-heading\"\u003e\n\n      \u003cspan\u003e\n        SIMPLE EVERYDAY HYDRATION\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Easy To Introduce Into Their Routine\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fff-steps\"\u003e\n\n      \u003cdiv class=\"fff-step\"\u003e\n\n        \u003cdiv class=\"fff-step-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Fill\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add clean drinking water according to the product's recommended\n            capacity and setup instructions.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fff-step\"\u003e\n\n        \u003cdiv class=\"fff-step-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Start The Flow\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Activate the fountain and let the circulating system create\n            a continuous moving stream.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fff-step\"\u003e\n\n        \u003cdiv class=\"fff-step-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Let Them Explore\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Give your pet time to investigate their new water station\n            and become comfortable drinking from it.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PREMIUM QUOTE --\u003e\n  \u003csection class=\"fff-quote fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-quote-icon\"\u003e\n      💧\n    \u003c\/div\u003e\n\n    \u003cp\u003e\n      \"A small upgrade to their daily routine can make their\n      entire pet space feel more considered.\"\n    \u003c\/p\u003e\n\n    \u003cspan\u003e\n      FURLI PET LIVING\n    \u003c\/span\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"fff-cta fff-reveal\"\u003e\n\n    \u003cdiv class=\"fff-cta-drop\"\u003e\n      💧\n    \u003c\/div\u003e\n\n    \u003cspan\u003e\n      UPGRADE THEIR WATER STATION\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Give Them Fresh Flow Every Day\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Replace the ordinary bowl with the Furli™ FlowFountain and give\n      your pet a stylish, continuously circulating drinking station.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#AddToCart\" class=\"fff-buy-btn\"\u003e\n      Get The FlowFountain\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n\n    \u003cdiv class=\"fff-trust\"\u003e\n\n      \u003cspan\u003e\n        💧 Continuous Flow\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        🐾 Furli Pet Essential\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        ✨ Premium Home Design\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n.furli-flowfountain,\n.furli-flowfountain * {\n  box-sizing: border-box;\n}\n\n.furli-flowfountain {\n\n  --aqua: #55b7cf;\n  --aqua-dark: #2688a2;\n  --aqua-light: #edfafd;\n  --blue-black: #182a30;\n  --text: #1d2a2e;\n  --muted: #68797e;\n  --white: #ffffff;\n  --border: rgba(63, 168, 195, .16);\n\n  max-width: 1200px;\n  width: 100%;\n\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  color: var(--text);\n}\n\n\n\/* HERO *\/\n\n.fff-hero {\n\n  position: relative;\n\n  overflow: hidden;\n\n  text-align: center;\n\n  padding:\n    90px 28px;\n\n  border-radius: 34px;\n\n  border:\n    1px solid var(--border);\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(86, 192, 218, .22),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 90% 85%,\n      rgba(159, 225, 239, .32),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #f3fcfe,\n      #ffffff\n    );\n\n}\n\n\n.fff-water-glow {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  filter: blur(20px);\n\n  pointer-events: none;\n\n  opacity: .35;\n\n}\n\n\n.glow-one {\n\n  width: 220px;\n\n  height: 220px;\n\n  left: -90px;\n\n  top: -90px;\n\n  background: #62cae1;\n\n  animation:\n    fffFloat 7s ease-in-out infinite;\n\n}\n\n\n.glow-two {\n\n  width: 180px;\n\n  height: 180px;\n\n  right: -60px;\n\n  bottom: -70px;\n\n  background: #bceaf3;\n\n  animation:\n    fffFloat 8s ease-in-out infinite reverse;\n\n}\n\n\n.fff-badge,\n.fff-eyebrow,\n.fff-heading \u003e span,\n.fff-premium-copy \u003e span,\n.fff-cta \u003e span {\n\n  display: inline-block;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n  color: var(--aqua-dark);\n\n}\n\n\n.fff-badge {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    10px 17px;\n\n  margin-bottom: 24px;\n\n  border-radius: 999px;\n\n  background:\n    rgba(74, 177, 202, .10);\n\n}\n\n\n.fff-hero h1 {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 850px;\n\n  margin:\n    0 auto;\n\n  font-size:\n    clamp(44px, 7vw, 84px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  font-weight: 900;\n\n}\n\n\n.fff-hero h1 span {\n\n  display: block;\n\n  color: var(--aqua);\n\n}\n\n\n.fff-lead {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 720px;\n\n  margin:\n    25px auto 0;\n\n  font-size: 18px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n}\n\n\n.fff-tags {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 11px;\n\n  margin:\n    32px 0;\n\n}\n\n\n.fff-tags span {\n\n  padding:\n    12px 16px;\n\n  border-radius: 999px;\n\n  background: white;\n\n  border:\n    1px solid var(--border);\n\n  box-shadow:\n    0 12px 30px\n    rgba(22, 72, 84, .06);\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  transition:\n    .3s ease;\n\n}\n\n\n.fff-tags span:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 18px 42px\n    rgba(57, 169, 196, .16);\n\n}\n\n\n.fff-main-btn,\n.fff-buy-btn {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  text-decoration: none;\n\n  border-radius: 999px;\n\n  font-weight: 800;\n\n  transition:\n    .3s ease;\n\n}\n\n\n.fff-main-btn {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    17px 29px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--aqua),\n      var(--aqua-dark)\n    );\n\n  box-shadow:\n    0 18px 42px\n    rgba(37, 140, 165, .28);\n\n}\n\n\n.fff-main-btn:hover {\n\n  transform:\n    translateY(-4px)\n    scale(1.02);\n\n  box-shadow:\n    0 24px 50px\n    rgba(37, 140, 165, .36);\n\n}\n\n\n\/* INTRO *\/\n\n.fff-intro {\n\n  display: grid;\n\n  grid-template-columns:\n    90px 1fr;\n\n  gap: 26px;\n\n  align-items: center;\n\n  margin-top: 28px;\n\n  padding:\n    38px;\n\n  border-radius: 30px;\n\n  color: white;\n\n  background:\n    var(--blue-black);\n\n}\n\n\n.fff-intro-animation {\n\n  display: grid;\n\n  place-items: center;\n\n  width: 80px;\n\n  height: 80px;\n\n  border-radius: 24px;\n\n  background:\n    rgba(255,255,255,.08);\n\n}\n\n\n.fff-drop {\n\n  font-size: 43px;\n\n  animation:\n    fffDrop 2.3s ease-in-out infinite;\n\n}\n\n\n.fff-intro h2 {\n\n  margin:\n    8px 0 12px;\n\n  font-size:\n    clamp(29px, 5vw, 47px);\n\n  line-height: 1.05;\n\n}\n\n\n.fff-intro p {\n\n  margin: 0;\n\n  max-width: 760px;\n\n  line-height: 1.7;\n\n  color:\n    rgba(255,255,255,.72);\n\n}\n\n\n\/* BENEFITS *\/\n\n.fff-section {\n\n  padding:\n    85px 15px;\n\n}\n\n\n.fff-heading {\n\n  max-width: 760px;\n\n  margin: auto;\n\n  text-align: center;\n\n}\n\n\n.fff-heading h2 {\n\n  margin:\n    8px 0 15px;\n\n  font-size:\n    clamp(32px, 5vw, 50px);\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n\n}\n\n\n.fff-heading p {\n\n  margin: 0;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n}\n\n\n.fff-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n\n  margin-top: 42px;\n\n}\n\n\n.fff-card {\n\n  padding:\n    30px 24px;\n\n  border-radius: 27px;\n\n  background: white;\n\n  border:\n    1px solid var(--border);\n\n  box-shadow:\n    0 14px 42px\n    rgba(27, 65, 75, .06);\n\n  transition:\n    .35s ease;\n\n}\n\n\n.fff-card:hover {\n\n  transform:\n    translateY(-10px);\n\n  border-color:\n    rgba(70, 177, 202, .35);\n\n  box-shadow:\n    0 24px 60px\n    rgba(49, 160, 187, .16);\n\n}\n\n\n.fff-icon {\n\n  display: grid;\n\n  place-items: center;\n\n  width: 60px;\n\n  height: 60px;\n\n  margin-bottom: 20px;\n\n  border-radius: 19px;\n\n  background:\n    var(--aqua-light);\n\n  font-size: 30px;\n\n}\n\n\n.fff-card h3 {\n\n  margin:\n    0 0 10px;\n\n  font-size: 20px;\n\n}\n\n\n.fff-card p {\n\n  margin: 0;\n\n  line-height: 1.65;\n\n  color: var(--muted);\n\n}\n\n\n\/* PREMIUM BANNER *\/\n\n.fff-premium {\n\n  display: grid;\n\n  grid-template-columns:\n    1.2fr .8fr;\n\n  align-items: center;\n\n  gap: 30px;\n\n  padding:\n    65px 55px;\n\n  border-radius: 34px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      135deg,\n      #172b31,\n      #244d58\n    );\n\n}\n\n\n.fff-premium-copy h2 {\n\n  margin:\n    10px 0 18px;\n\n  font-size:\n    clamp(37px,5vw,58px);\n\n  line-height: 1.02;\n\n}\n\n\n.fff-premium-copy strong {\n\n  display: block;\n\n  color: #78d6ea;\n\n}\n\n\n.fff-premium-copy p {\n\n  max-width: 610px;\n\n  line-height: 1.7;\n\n  color:\n    rgba(255,255,255,.72);\n\n}\n\n\n\/* FOUNTAIN ANIMATION *\/\n\n.fff-fountain-animation {\n\n  position: relative;\n\n  height: 280px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n.fff-faucet {\n\n  position: relative;\n\n  z-index: 4;\n\n  font-size: 72px;\n\n  transform:\n    translateX(-35px);\n\n  animation:\n    fffFaucet 3s ease-in-out infinite;\n\n}\n\n\n.fff-stream {\n\n  position: absolute;\n\n  z-index: 2;\n\n  width: 7px;\n\n  height: 110px;\n\n  top: 102px;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(128,222,243,.9),\n      rgba(128,222,243,.15)\n    );\n\n  animation:\n    fffStream 1.3s ease-in-out infinite;\n\n}\n\n\n.fff-bowl {\n\n  position: absolute;\n\n  bottom: 22px;\n\n  z-index: 4;\n\n  display: grid;\n\n  place-items: center;\n\n  width: 135px;\n\n  height: 58px;\n\n  border-radius:\n    50% 50% 40% 40%;\n\n  font-size: 30px;\n\n  background:\n    rgba(255,255,255,.09);\n\n  border:\n    1px solid\n    rgba(255,255,255,.16);\n\n}\n\n\n.fff-water-ring {\n\n  position: absolute;\n\n  bottom: 28px;\n\n  border-radius: 50%;\n\n  border:\n    2px solid\n    rgba(106,213,237,.25);\n\n  animation:\n    fffRipple 2.2s ease-out infinite;\n\n}\n\n\n.ring-one {\n\n  width: 100px;\n  height: 30px;\n\n}\n\n\n.ring-two {\n\n  width: 100px;\n  height: 30px;\n\n  animation-delay:\n    1.1s;\n\n}\n\n\n\/* STRIP *\/\n\n.fff-strip {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 14px;\n\n  padding:\n    26px 0;\n\n}\n\n\n.fff-strip div {\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 7px;\n\n  padding:\n    24px 10px;\n\n  text-align: center;\n\n  border-radius: 22px;\n\n  background:\n    var(--aqua-light);\n\n  border:\n    1px solid var(--border);\n\n}\n\n\n.fff-strip strong {\n\n  font-size: 23px;\n\n  color: var(--aqua);\n\n}\n\n\n.fff-strip span {\n\n  font-size: 14px;\n\n  font-weight: 750;\n\n}\n\n\n\/* FLOW SECTION *\/\n\n.fff-flow-section {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr .7fr;\n\n  align-items: center;\n\n  gap: 50px;\n\n  padding:\n    80px 30px;\n\n}\n\n\n.fff-flow-copy h2 {\n\n  margin:\n    10px 0 18px;\n\n  font-size:\n    clamp(34px,5vw,52px);\n\n  line-height: 1.05;\n\n}\n\n\n.fff-flow-copy p {\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n  color: var(--muted);\n\n}\n\n\n.fff-checks {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 12px;\n\n  margin-top: 25px;\n\n}\n\n\n.fff-checks div {\n\n  padding:\n    14px 15px;\n\n  border-radius: 15px;\n\n  background:\n    var(--aqua-light);\n\n  font-weight: 700;\n\n}\n\n\n\/* ORBIT *\/\n\n.fff-orbit {\n\n  position: relative;\n\n  display: grid;\n\n  place-items: center;\n\n  width: 290px;\n\n  height: 290px;\n\n  margin: auto;\n\n}\n\n\n.fff-orbit-circle {\n\n  position: absolute;\n\n  inset: 18px;\n\n  border-radius: 50%;\n\n  border:\n    2px dashed\n    rgba(66,175,200,.35);\n\n  animation:\n    fffSpin 10s linear infinite;\n\n}\n\n\n.fff-orbit-center {\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 130px;\n\n  height: 130px;\n\n  border-radius: 50%;\n\n  background:\n    var(--aqua-light);\n\n  box-shadow:\n    0 20px 50px\n    rgba(60,169,195,.18);\n\n}\n\n\n.fff-orbit-center strong {\n\n  font-size: 14px;\n\n  letter-spacing: 2px;\n\n  color:\n    var(--aqua-dark);\n\n}\n\n\n.fff-orbit-center span {\n\n  margin-top: 5px;\n\n  font-size: 36px;\n\n}\n\n\n.fff-orbit-drop {\n\n  position: absolute;\n\n  top: 5px;\n\n  font-size: 42px;\n\n  transform-origin:\n    145px 140px;\n\n  animation:\n    fffOrbit 8s linear infinite;\n\n}\n\n\n\/* HOW IT WORKS *\/\n\n.fff-how {\n\n  padding:\n    75px 25px;\n\n  border-radius: 32px;\n\n  background:\n    var(--aqua-light);\n\n}\n\n\n.fff-steps {\n\n  max-width: 850px;\n\n  margin:\n    42px auto 0;\n\n}\n\n\n.fff-step {\n\n  display: grid;\n\n  grid-template-columns:\n    80px 1fr;\n\n  gap: 20px;\n\n  align-items: center;\n\n  padding:\n    22px 0;\n\n  border-bottom:\n    1px solid\n    rgba(48,153,179,.15);\n\n}\n\n\n.fff-step:last-child {\n\n  border-bottom: none;\n\n}\n\n\n.fff-step-number {\n\n  font-size: 28px;\n\n  font-weight: 900;\n\n  color:\n    var(--aqua);\n\n}\n\n\n.fff-step h3 {\n\n  margin:\n    0 0 7px;\n\n  font-size: 22px;\n\n}\n\n\n.fff-step p {\n\n  margin: 0;\n\n  line-height: 1.65;\n\n  color: var(--muted);\n\n}\n\n\n\/* QUOTE *\/\n\n.fff-quote {\n\n  padding:\n    65px 28px;\n\n  text-align: center;\n\n}\n\n\n.fff-quote-icon {\n\n  font-size: 45px;\n\n  margin-bottom: 16px;\n\n  animation:\n    fffDrop 2.5s ease-in-out infinite;\n\n}\n\n\n.fff-quote p {\n\n  max-width: 700px;\n\n  margin:\n    0 auto 15px;\n\n  font-size:\n    clamp(24px,4vw,35px);\n\n  line-height: 1.35;\n\n  font-weight: 750;\n\n}\n\n\n.fff-quote span {\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  color: var(--aqua-dark);\n\n}\n\n\n\/* CTA *\/\n\n.fff-cta {\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    80px 28px;\n\n  text-align: center;\n\n  border-radius: 34px;\n\n  color: white;\n\n  background:\n    radial-gradient(\n      circle at top,\n      rgba(255,255,255,.23),\n      transparent 32%\n    ),\n    linear-gradient(\n      135deg,\n      #64c3d8,\n      #258ba4\n    );\n\n}\n\n\n.fff-cta-drop {\n\n  margin-bottom: 12px;\n\n  font-size: 56px;\n\n  animation:\n    fffDrop 2s ease-in-out infinite;\n\n}\n\n\n.fff-cta \u003e span {\n\n  color: white;\n\n}\n\n\n.fff-cta h2 {\n\n  max-width: 720px;\n\n  margin:\n    10px auto 18px;\n\n  font-size:\n    clamp(35px,5vw,54px);\n\n  line-height: 1.05;\n\n}\n\n\n.fff-cta p {\n\n  max-width: 670px;\n\n  margin:\n    0 auto 28px;\n\n  line-height: 1.7;\n\n  color:\n    rgba(255,255,255,.88);\n\n}\n\n\n.fff-buy-btn {\n\n  padding:\n    18px 29px;\n\n  background: white;\n\n  color:\n    var(--aqua-dark);\n\n  box-shadow:\n    0 18px 45px\n    rgba(23,85,100,.22);\n\n}\n\n\n.fff-buy-btn:hover {\n\n  transform:\n    translateY(-4px)\n    scale(1.02);\n\n}\n\n\n.fff-trust {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  justify-content: center;\n\n  gap: 18px;\n\n  margin-top: 27px;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  color:\n    rgba(255,255,255,.87);\n\n}\n\n\n\/* SCROLL ANIMATION *\/\n\n.fff-reveal {\n\n  opacity: 0;\n\n  transform:\n    translateY(30px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n\n}\n\n\n.fff-reveal.fff-show {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* KEYFRAMES *\/\n\n@keyframes fffFloat {\n\n  0%,\n  100% {\n    transform:\n      translate(0,0);\n  }\n\n  50% {\n    transform:\n      translate(15px,25px);\n  }\n\n}\n\n\n@keyframes fffDrop {\n\n  0%,\n  100% {\n    transform:\n      translateY(-5px);\n  }\n\n  50% {\n    transform:\n      translateY(8px);\n  }\n\n}\n\n\n@keyframes fffFaucet {\n\n  0%,\n  100% {\n    transform:\n      translateX(-35px)\n      rotate(-3deg);\n  }\n\n  50% {\n    transform:\n      translateX(-35px)\n      rotate(3deg);\n  }\n\n}\n\n\n@keyframes fffStream {\n\n  0%,\n  100% {\n    transform:\n      scaleY(.9);\n\n    opacity: .65;\n  }\n\n  50% {\n    transform:\n      scaleY(1.08);\n\n    opacity: 1;\n  }\n\n}\n\n\n@keyframes fffRipple {\n\n  0% {\n\n    transform:\n      scale(.5);\n\n    opacity: .8;\n\n  }\n\n  100% {\n\n    transform:\n      scale(2.2);\n\n    opacity: 0;\n\n  }\n\n}\n\n\n@keyframes fffSpin {\n\n  from {\n    transform:\n      rotate(0);\n  }\n\n  to {\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes fffOrbit {\n\n  from {\n\n    transform:\n      rotate(0deg)\n      translateY(-118px)\n      rotate(0deg);\n\n  }\n\n  to {\n\n    transform:\n      rotate(360deg)\n      translateY(-118px)\n      rotate(-360deg);\n\n  }\n\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:900px) {\n\n  .fff-grid {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n  .fff-premium,\n  .fff-flow-section {\n\n    grid-template-columns:\n      1fr;\n\n    text-align: center;\n\n  }\n\n  .fff-strip {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:600px) {\n\n  .fff-hero {\n\n    padding:\n      60px 20px;\n\n    border-radius: 24px;\n\n  }\n\n  .fff-hero h1 {\n\n    letter-spacing: -2px;\n\n  }\n\n  .fff-intro {\n\n    grid-template-columns:\n      1fr;\n\n    text-align: center;\n\n    padding:\n      30px 22px;\n\n  }\n\n  .fff-intro-animation {\n\n    margin: auto;\n\n  }\n\n  .fff-section {\n\n    padding:\n      65px 10px;\n\n  }\n\n  .fff-grid {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n  .fff-premium {\n\n    padding:\n      50px 24px;\n\n  }\n\n  .fff-strip {\n\n    grid-template-columns:\n      1fr 1fr;\n\n  }\n\n  .fff-flow-section {\n\n    padding:\n      65px 15px;\n\n  }\n\n  .fff-checks {\n\n    grid-template-columns:\n      1fr;\n\n    text-align: left;\n\n  }\n\n  .fff-orbit {\n\n    transform:\n      scale(.82);\n\n  }\n\n  .fff-how {\n\n    padding:\n      60px 18px;\n\n  }\n\n  .fff-step {\n\n    grid-template-columns:\n      55px 1fr;\n\n  }\n\n  .fff-cta {\n\n    padding:\n      65px 20px;\n\n  }\n\n}\n\n\n\/* ACCESSIBILITY *\/\n\n@media(prefers-reduced-motion: reduce) {\n\n  .furli-flowfountain *,\n  .furli-flowfountain *::before,\n  .furli-flowfountain *::after {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n\n  }\n\n  .fff-reveal {\n\n    opacity: 1;\n\n    transform: none;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n  function FurliFlowAnimations() {\n\n    const elements =\n      document.querySelectorAll(\n        '.furli-flowfountain .fff-reveal'\n      );\n\n\n    if (!('IntersectionObserver' in window)) {\n\n      elements.forEach(\n        function(element) {\n\n          element.classList.add(\n            'fff-show'\n          );\n\n        }\n      );\n\n      return;\n\n    }\n\n\n    const observer =\n      new IntersectionObserver(\n\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              if (entry.isIntersecting) {\n\n                entry.target.classList.add(\n                  'fff-show'\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n\n        {\n          threshold: 0.12\n        }\n\n      );\n\n\n    elements.forEach(\n      function(element) {\n\n        observer.observe(\n          element\n        );\n\n      }\n    );\n\n  }\n\n\n  if (\n    document.readyState === 'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      FurliFlowAnimations\n    );\n\n  } else {\n\n    FurliFlowAnimations();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"furli","offers":[{"title":"Default Title","offer_id":49046406856936,"sku":null,"price":549.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/5542\/6536\/files\/A4AD6297-718E-4086-B99D-40619621A5DC.png?v=1789047340"},{"product_id":"furli-hydrogo-portable-dog-water-bottle","title":"Portable Dog Water Bottle \u0026 Pet Travel Dispenser | Furli HydroGo™","description":"\u003cdiv class=\"furli-hydrogo\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"hg-hero hg-reveal\"\u003e\n    \u003cdiv class=\"hg-orb hg-orb-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hg-orb hg-orb-2\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"hg-eyebrow\"\u003e🐾 FURLI • HYDRATION ON THE GO\u003c\/div\u003e\n\n    \u003ch1\u003e\n      Fresh Water.\n      \u003cspan\u003eAnywhere They Go.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"hg-subtitle\"\u003e\n      Meet the Furli HydroGo™ — a convenient portable pet water dispenser\n      designed to make walks, road trips, park days and outdoor adventures easier.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"hg-badges\"\u003e\n      \u003cdiv\u003e💧 Easy Hydration\u003c\/div\u003e\n      \u003cdiv\u003e🐶 Dog Friendly\u003c\/div\u003e\n      \u003cdiv\u003e🐱 Cat Friendly\u003c\/div\u003e\n      \u003cdiv\u003e🚶 Travel Ready\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ca href=\"#hydrogo-benefits\" class=\"hg-primary-btn\"\u003e\n      Discover HydroGo™\n      \u003cspan\u003e↓\u003c\/span\u003e\n    \u003c\/a\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- PROBLEM \/ SOLUTION --\u003e\n  \u003csection class=\"hg-intro hg-reveal\"\u003e\n\n    \u003cdiv class=\"hg-small-title\"\u003eMADE FOR EVERY ADVENTURE\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Don't Let Thirst\n      \u003cspan\u003eCut the Walk Short.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Keeping your pet hydrated while you're away from home shouldn't be\n      complicated. HydroGo™ gives you a convenient way to carry and serve\n      fresh drinking water wherever your day takes you.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection id=\"hydrogo-benefits\" class=\"hg-benefits\"\u003e\n\n    \u003cdiv class=\"hg-card hg-reveal\"\u003e\n      \u003cdiv class=\"hg-icon\"\u003e💧\u003c\/div\u003e\n      \u003ch3\u003eWater Wherever You Go\u003c\/h3\u003e\n      \u003cp\u003e\n        Give your pet convenient access to drinking water during walks,\n        trips, park visits and outdoor adventures.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hg-card hg-reveal\"\u003e\n      \u003cdiv class=\"hg-icon\"\u003e🚶\u003c\/div\u003e\n      \u003ch3\u003ePerfect for Walks\u003c\/h3\u003e\n      \u003cp\u003e\n        Compact and practical for everyday dog walks without needing to\n        carry a separate drinking bowl.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hg-card hg-reveal\"\u003e\n      \u003cdiv class=\"hg-icon\"\u003e✨\u003c\/div\u003e\n      \u003ch3\u003eTransparent Design\u003c\/h3\u003e\n      \u003cp\u003e\n        Easily see how much water remains so you know when it's time\n        for a refill.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hg-card hg-reveal\"\u003e\n      \u003cdiv class=\"hg-icon\"\u003e🐾\u003c\/div\u003e\n      \u003ch3\u003eFor Dogs \u0026amp; Cats\u003c\/h3\u003e\n      \u003cp\u003e\n        A convenient portable hydration solution for pet parents\n        travelling with their furry companions.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PREMIUM SECTION --\u003e\n  \u003csection class=\"hg-premium hg-reveal\"\u003e\n\n    \u003cdiv class=\"hg-premium-copy\"\u003e\n\n      \u003cdiv class=\"hg-small-title hg-light\"\u003e\n        DESIGNED FOR PET PARENTS ON THE MOVE\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Hydration Made\n        \u003cspan\u003eBeautifully Simple.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Whether you're heading to the park, going on a road trip or simply\n        taking your daily walk, Furli HydroGo™ makes it easier to keep\n        water close at hand.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"hg-checks\"\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Portable travel-friendly design\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Transparent water container\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Built-in drinking area\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e No separate bowl needed\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Ideal for walks and travel\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Suitable for dogs and cats\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hg-water-animation\"\u003e\n      \u003cdiv class=\"hg-drop hg-drop-1\"\u003e💧\u003c\/div\u003e\n      \u003cdiv class=\"hg-drop hg-drop-2\"\u003e💧\u003c\/div\u003e\n      \u003cdiv class=\"hg-drop hg-drop-3\"\u003e💧\u003c\/div\u003e\n\n      \u003cdiv class=\"hg-circle\"\u003e\n        \u003cspan\u003e🐾\u003c\/span\u003e\n        \u003cstrong\u003eHydrate\u003cbr\u003eAnywhere\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003csection class=\"hg-how hg-reveal\"\u003e\n\n    \u003cdiv class=\"hg-small-title\"\u003eEASY TO USE\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Hydration in\n      \u003cspan\u003e3 Simple Steps.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"hg-steps\"\u003e\n\n      \u003cdiv class=\"hg-step\"\u003e\n        \u003cdiv class=\"hg-step-number\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eFill\u003c\/h3\u003e\n        \u003cp\u003e\n          Fill HydroGo™ with fresh drinking water before heading out.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-step\"\u003e\n        \u003cdiv class=\"hg-step-number\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eServe\u003c\/h3\u003e\n        \u003cp\u003e\n          Dispense water into the integrated drinking area when your pet\n          needs a refresh.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-step\"\u003e\n        \u003cdiv class=\"hg-step-number\"\u003e03\u003c\/div\u003e\n        \u003ch3\u003eKeep Exploring\u003c\/h3\u003e\n        \u003cp\u003e\n          Continue your walk or adventure with portable hydration ready\n          whenever your pet needs it.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- LIFESTYLE STRIP --\u003e\n  \u003csection class=\"hg-lifestyle hg-reveal\"\u003e\n\n    \u003cdiv class=\"hg-lifestyle-icon\"\u003e🐕 💧 🌿\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Walks Just Got\n      \u003cspan\u003eBetter.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      From quick neighbourhood walks to long days out, HydroGo™ helps\n      make pet hydration more convenient wherever you are.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IDEAL FOR --\u003e\n  \u003csection class=\"hg-usecases hg-reveal\"\u003e\n\n    \u003cdiv class=\"hg-small-title\"\u003eTAKE IT ANYWHERE\u003c\/div\u003e\n\n    \u003ch2\u003e\n      One Bottle.\n      \u003cspan\u003eSo Many Adventures.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"hg-use-grid\"\u003e\n\n      \u003cdiv class=\"hg-use\"\u003e\n        \u003cspan\u003e🌳\u003c\/span\u003e\n        \u003cstrong\u003ePark Days\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-use\"\u003e\n        \u003cspan\u003e🚗\u003c\/span\u003e\n        \u003cstrong\u003eRoad Trips\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-use\"\u003e\n        \u003cspan\u003e🐕\u003c\/span\u003e\n        \u003cstrong\u003eDaily Walks\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-use\"\u003e\n        \u003cspan\u003e🏖️\u003c\/span\u003e\n        \u003cstrong\u003eOutdoor Adventures\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"hg-cta hg-reveal\"\u003e\n\n    \u003cdiv class=\"hg-paw\"\u003e🐾\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Keep Them Refreshed.\n      \u003cspan\u003eWherever Life Takes You.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Make every walk, journey and adventure easier with portable\n      hydration from Furli.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#AddToCart\" class=\"hg-buy-btn\"\u003e\n      Get Your Furli HydroGo™\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003cdiv class=\"hg-trust\"\u003e\n      \u003cspan\u003e🐾 Furli Quality\u003c\/span\u003e\n      \u003cspan\u003e💧 Easy Hydration\u003c\/span\u003e\n      \u003cspan\u003e🚶 Travel Friendly\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n.furli-hydrogo {\n  --hg-blue: #62b8d7;\n  --hg-dark: #17394b;\n  --hg-deep: #102d3c;\n  --hg-light: #eefaff;\n  --hg-aqua: #c9f2f5;\n  --hg-white: #ffffff;\n  --hg-text: #152b36;\n  --hg-muted: #637781;\n\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 20px;\n  overflow: hidden;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  color: var(--hg-text);\n}\n\n.furli-hydrogo * {\n  box-sizing: border-box;\n}\n\n\n\/* ============================= *\/\n\/* HERO *\/\n\/* ============================= *\/\n\n.hg-hero {\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n\n  padding: 95px 30px;\n\n  border-radius: 34px;\n\n  background:\n    radial-gradient(\n      circle at top left,\n      rgba(98,184,215,.24),\n      transparent 38%\n    ),\n    radial-gradient(\n      circle at bottom right,\n      rgba(201,242,245,.5),\n      transparent 35%\n    ),\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #effaff\n    );\n\n  box-shadow:\n    0 25px 70px rgba(23,57,75,.10);\n}\n\n\n.hg-orb {\n  position: absolute;\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n\n.hg-orb-1 {\n  width: 230px;\n  height: 230px;\n\n  top: -100px;\n  left: -60px;\n\n  background: rgba(98,184,215,.13);\n\n  animation:\n    hgFloat 7s ease-in-out infinite;\n}\n\n\n.hg-orb-2 {\n  width: 190px;\n  height: 190px;\n\n  bottom: -70px;\n  right: -40px;\n\n  background: rgba(201,242,245,.65);\n\n  animation:\n    hgFloat 8s ease-in-out infinite reverse;\n}\n\n\n.hg-eyebrow,\n.hg-small-title {\n  display: inline-block;\n\n  margin-bottom: 18px;\n\n  color: var(--hg-dark);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: 2px;\n}\n\n\n.hg-hero h1 {\n  max-width: 900px;\n  margin: auto;\n\n  font-size:\n    clamp(42px, 7vw, 82px);\n\n  line-height: .98;\n\n  letter-spacing: -4px;\n  font-weight: 900;\n}\n\n\n.hg-hero h1 span,\n.hg-intro h2 span,\n.hg-premium h2 span,\n.hg-how h2 span,\n.hg-lifestyle h2 span,\n.hg-usecases h2 span,\n.hg-cta h2 span {\n  display: block;\n  color: var(--hg-blue);\n}\n\n\n.hg-subtitle {\n  max-width: 720px;\n\n  margin:\n    28px auto 32px;\n\n  color: var(--hg-muted);\n\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n\n.hg-badges {\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n  margin-bottom: 34px;\n}\n\n\n.hg-badges div {\n  padding:\n    12px 18px;\n\n  border:\n    1px solid rgba(23,57,75,.09);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.8);\n\n  font-size: 14px;\n\n  font-weight: 700;\n\n  box-shadow:\n    0 8px 24px rgba(0,0,0,.05);\n\n  backdrop-filter:\n    blur(10px);\n\n  transition:\n    .3s ease;\n}\n\n\n.hg-badges div:hover {\n  transform:\n    translateY(-5px);\n}\n\n\n.hg-primary-btn,\n.hg-buy-btn {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 14px;\n\n  padding:\n    17px 27px;\n\n  border-radius: 999px;\n\n  text-decoration: none;\n\n  color: white !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--hg-dark),\n      var(--hg-blue)\n    );\n\n  font-weight: 800;\n\n  box-shadow:\n    0 15px 35px rgba(23,57,75,.24);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.hg-primary-btn:hover,\n.hg-buy-btn:hover {\n  transform:\n    translateY(-4px)\n    scale(1.02);\n\n  box-shadow:\n    0 22px 44px rgba(23,57,75,.30);\n}\n\n\n.hg-primary-btn span,\n.hg-buy-btn span {\n  transition: .3s;\n}\n\n\n.hg-primary-btn:hover span {\n  transform:\n    translateY(4px);\n}\n\n\n.hg-buy-btn:hover span {\n  transform:\n    translateX(6px);\n}\n\n\n\/* ============================= *\/\n\/* INTRO *\/\n\/* ============================= *\/\n\n.hg-intro {\n  padding:\n    100px 20px 55px;\n\n  text-align: center;\n}\n\n\n.hg-intro h2,\n.hg-premium h2,\n.hg-how h2,\n.hg-lifestyle h2,\n.hg-usecases h2,\n.hg-cta h2 {\n\n  margin:\n    0 0 22px;\n\n  font-size:\n    clamp(34px,5vw,58px);\n\n  line-height: 1.05;\n\n  letter-spacing: -2px;\n}\n\n\n.hg-intro p {\n\n  max-width: 720px;\n\n  margin: auto;\n\n  color:\n    var(--hg-muted);\n\n  font-size: 17px;\n\n  line-height: 1.8;\n}\n\n\n\/* ============================= *\/\n\/* BENEFITS *\/\n\/* ============================= *\/\n\n.hg-benefits {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 20px;\n\n  padding:\n    30px 0 85px;\n}\n\n\n.hg-card {\n\n  padding:\n    32px 25px;\n\n  border-radius: 24px;\n\n  background:\n    var(--hg-white);\n\n  border:\n    1px solid\n    rgba(23,57,75,.08);\n\n  box-shadow:\n    0 15px 40px\n    rgba(0,0,0,.055);\n\n  transition:\n    .35s ease;\n}\n\n\n.hg-card:hover {\n\n  transform:\n    translateY(-10px);\n\n  box-shadow:\n    0 25px 55px\n    rgba(23,57,75,.13);\n}\n\n\n.hg-icon {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 60px;\n\n  height: 60px;\n\n  margin-bottom: 22px;\n\n  border-radius: 18px;\n\n  background:\n    var(--hg-light);\n\n  font-size: 29px;\n\n  transition:\n    .35s ease;\n}\n\n\n.hg-card:hover .hg-icon {\n\n  transform:\n    rotate(-7deg)\n    scale(1.1);\n}\n\n\n.hg-card h3 {\n\n  margin:\n    0 0 12px;\n\n  font-size: 20px;\n}\n\n\n.hg-card p {\n\n  margin: 0;\n\n  color:\n    var(--hg-muted);\n\n  line-height: 1.7;\n}\n\n\n\/* ============================= *\/\n\/* PREMIUM *\/\n\/* ============================= *\/\n\n.hg-premium {\n\n  display: grid;\n\n  grid-template-columns:\n    1.4fr .6fr;\n\n  gap: 40px;\n\n  align-items: center;\n\n  padding: 65px;\n\n  border-radius: 32px;\n\n  color: white;\n\n  background:\n    linear-gradient(\n      140deg,\n      var(--hg-deep),\n      var(--hg-dark)\n    );\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n\n.hg-light {\n\n  color:\n    rgba(255,255,255,.6);\n}\n\n\n.hg-premium h2 span {\n\n  color: #8dd6ee;\n}\n\n\n.hg-premium p {\n\n  max-width: 650px;\n\n  color:\n    rgba(255,255,255,.74);\n\n  line-height: 1.8;\n\n  font-size: 17px;\n}\n\n\n.hg-checks {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 14px;\n\n  margin-top: 30px;\n}\n\n\n.hg-checks div {\n\n  padding: 14px;\n\n  border-radius: 13px;\n\n  background:\n    rgba(255,255,255,.075);\n\n  font-weight: 650;\n}\n\n\n.hg-checks span {\n\n  margin-right: 8px;\n\n  color: #8dd6ee;\n}\n\n\n.hg-water-animation {\n\n  position: relative;\n\n  min-height: 280px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.hg-circle {\n\n  width: 190px;\n\n  height: 190px;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  text-align: center;\n\n  background:\n    rgba(255,255,255,.08);\n\n  border:\n    1px solid rgba(255,255,255,.15);\n\n  box-shadow:\n    inset 0 0 40px rgba(255,255,255,.06);\n\n  backdrop-filter:\n    blur(10px);\n\n  animation:\n    hgPulse 3.5s ease-in-out infinite;\n}\n\n\n.hg-circle span {\n\n  font-size: 35px;\n\n  margin-bottom: 10px;\n}\n\n\n.hg-circle strong {\n\n  font-size: 20px;\n}\n\n\n.hg-drop {\n\n  position: absolute;\n\n  font-size: 26px;\n\n  animation:\n    hgDrop 3s ease-in-out infinite;\n}\n\n\n.hg-drop-1 {\n  top: 10px;\n  right: 30px;\n}\n\n\n.hg-drop-2 {\n  left: 10px;\n  bottom: 45px;\n\n  animation-delay: 1s;\n}\n\n\n.hg-drop-3 {\n  top: 50px;\n  left: 20px;\n\n  animation-delay: 2s;\n}\n\n\n\/* ============================= *\/\n\/* HOW IT WORKS *\/\n\/* ============================= *\/\n\n.hg-how {\n\n  padding:\n    100px 0;\n\n  text-align: center;\n}\n\n\n.hg-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 20px;\n\n  margin-top: 50px;\n}\n\n\n.hg-step {\n\n  padding:\n    35px 25px;\n\n  border-radius: 24px;\n\n  background:\n    #f9fdff;\n\n  border:\n    1px solid rgba(23,57,75,.08);\n\n  transition:\n    .3s ease;\n}\n\n\n.hg-step:hover {\n\n  transform:\n    translateY(-7px);\n}\n\n\n.hg-step-number {\n\n  color:\n    rgba(98,184,215,.35);\n\n  font-size: 48px;\n\n  font-weight: 900;\n}\n\n\n.hg-step h3 {\n\n  font-size: 21px;\n}\n\n\n.hg-step p {\n\n  color:\n    var(--hg-muted);\n\n  line-height: 1.7;\n}\n\n\n\/* ============================= *\/\n\/* LIFESTYLE *\/\n\/* ============================= *\/\n\n.hg-lifestyle {\n\n  text-align: center;\n\n  padding:\n    75px 30px;\n\n  border-radius: 30px;\n\n  background:\n    linear-gradient(\n      140deg,\n      rgba(98,184,215,.10),\n      rgba(201,242,245,.30)\n    );\n}\n\n\n.hg-lifestyle-icon {\n\n  margin-bottom: 20px;\n\n  font-size: 42px;\n\n  animation:\n    hgFloat 3s ease-in-out infinite;\n}\n\n\n.hg-lifestyle p {\n\n  max-width: 660px;\n\n  margin: auto;\n\n  color:\n    var(--hg-muted);\n\n  line-height: 1.8;\n}\n\n\n\/* ============================= *\/\n\/* USE CASES *\/\n\/* ============================= *\/\n\n.hg-usecases {\n\n  padding:\n    100px 0;\n\n  text-align: center;\n}\n\n\n.hg-use-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 15px;\n\n  margin-top: 45px;\n}\n\n\n.hg-use {\n\n  padding:\n    28px 15px;\n\n  background: white;\n\n  border:\n    1px solid\n    rgba(23,57,75,.08);\n\n  border-radius: 20px;\n\n  box-shadow:\n    0 12px 35px\n    rgba(0,0,0,.04);\n\n  transition:\n    .3s ease;\n}\n\n\n.hg-use:hover {\n\n  transform:\n    translateY(-7px);\n}\n\n\n.hg-use span {\n\n  display: block;\n\n  margin-bottom: 13px;\n\n  font-size: 31px;\n}\n\n\n\/* ============================= *\/\n\/* CTA *\/\n\/* ============================= *\/\n\n.hg-cta {\n\n  text-align: center;\n\n  padding:\n    85px 30px;\n\n  border-radius: 32px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eefaff,\n      #ffffff\n    );\n\n  box-shadow:\n    0 18px 55px rgba(23,57,75,.07);\n}\n\n\n.hg-paw {\n\n  margin-bottom: 20px;\n\n  font-size: 42px;\n\n  animation:\n    hgPulse 2.5s infinite;\n}\n\n\n.hg-cta p {\n\n  max-width: 660px;\n\n  margin:\n    0 auto 30px;\n\n  color:\n    var(--hg-muted);\n\n  line-height: 1.8;\n}\n\n\n.hg-trust {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 22px;\n\n  margin-top: 30px;\n\n  color:\n    var(--hg-muted);\n\n  font-size: 13px;\n\n  font-weight: 700;\n}\n\n\n\/* ============================= *\/\n\/* SCROLL REVEAL *\/\n\/* ============================= *\/\n\n.hg-reveal {\n\n  opacity: 0;\n\n  transform:\n    translateY(40px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n}\n\n\n.hg-reveal.hg-visible {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\n\/* ============================= *\/\n\/* ANIMATIONS *\/\n\/* ============================= *\/\n\n@keyframes hgFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0px);\n  }\n\n  50% {\n    transform:\n      translateY(-12px);\n  }\n\n}\n\n\n@keyframes hgPulse {\n\n  0%,\n  100% {\n    transform:\n      scale(1);\n  }\n\n  50% {\n    transform:\n      scale(1.05);\n  }\n\n}\n\n\n@keyframes hgDrop {\n\n  0%,\n  100% {\n\n    transform:\n      translateY(0);\n\n    opacity: .5;\n\n  }\n\n  50% {\n\n    transform:\n      translateY(15px);\n\n    opacity: 1;\n\n  }\n\n}\n\n\n\/* ============================= *\/\n\/* MOBILE *\/\n\/* ============================= *\/\n\n@media(max-width:900px) {\n\n  .hg-benefits {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n  .hg-premium {\n\n    grid-template-columns:\n      1fr;\n\n    padding:\n      45px 30px;\n\n  }\n\n  .hg-water-animation {\n\n    min-height: 220px;\n\n  }\n\n}\n\n\n@media(max-width:600px) {\n\n  .furli-hydrogo {\n\n    padding: 10px;\n\n  }\n\n  .hg-hero {\n\n    padding:\n      65px 20px;\n\n    border-radius: 24px;\n\n  }\n\n  .hg-hero h1 {\n\n    letter-spacing: -2px;\n\n  }\n\n  .hg-subtitle {\n\n    font-size: 16px;\n\n  }\n\n  .hg-benefits,\n  .hg-steps,\n  .hg-use-grid,\n  .hg-checks {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .hg-intro {\n\n    padding:\n      70px 15px 35px;\n\n  }\n\n  .hg-premium {\n\n    padding:\n      40px 22px;\n\n    border-radius: 24px;\n\n  }\n\n  .hg-how,\n  .hg-usecases {\n\n    padding:\n      70px 0;\n\n  }\n\n  .hg-cta {\n\n    padding:\n      60px 20px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function () {\n\n    const hydroElements =\n      document.querySelectorAll(\n        \".furli-hydrogo .hg-reveal\"\n      );\n\n    const hydroObserver =\n      new IntersectionObserver(\n\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                entry.target.classList.add(\n                  \"hg-visible\"\n                );\n\n              }\n\n            }\n          );\n\n        },\n\n        {\n          threshold: 0.12\n        }\n\n      );\n\n\n    hydroElements.forEach(\n      function(element) {\n\n        hydroObserver.observe(\n          element\n        );\n\n      }\n    );\n\n  }\n);\n\n\u003c\/script\u003e","brand":"furli","offers":[{"title":"Blue","offer_id":49056335888616,"sku":null,"price":329.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":49056335921384,"sku":null,"price":329.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/5542\/6536\/files\/B306D419-B2FC-4DB0-8488-B78044F8C3B5.png?v=1789049071"},{"product_id":"furli-duofeed-automatic-pet-feeder","title":"Automatic Dual-Bowl Pet Feeder 4.2L for Cats \u0026 Dogs | Furli","description":"\u003cdiv class=\"furli-duofeed\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"fd-hero fd-reveal\"\u003e\n    \u003cdiv class=\"fd-glow fd-glow-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fd-glow fd-glow-two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"fd-eyebrow\"\u003e\n      🐾 FURLI • SMARTER FEEDING, HAPPIER PETS\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Meet the\n      \u003cspan\u003eFurli DuoFeed™\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"fd-subtitle\"\u003e\n      Automatic feeding made simple for busy pet parents and multi-pet homes.\n      Schedule meals, control portions and feed two pets from one convenient 4.2L feeder.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fd-badges\"\u003e\n      \u003cdiv\u003e⏰ Timed Feeding\u003c\/div\u003e\n      \u003cdiv\u003e🐶 Dual Bowls\u003c\/div\u003e\n      \u003cdiv\u003e🥣 4.2L Capacity\u003c\/div\u003e\n      \u003cdiv\u003e⚙️ Portion Control\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ca href=\"#furli-duofeed-benefits\" class=\"fd-main-btn\"\u003e\n      Discover DuoFeed\n      \u003cspan\u003e↓\u003c\/span\u003e\n    \u003c\/a\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"fd-intro fd-reveal\"\u003e\n    \u003cdiv class=\"fd-mini-label\"\u003eEFFORTLESS DAILY FEEDING\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Never Miss Their\n      \u003cspan\u003eMealtime Again.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Whether you're working, sleeping or away from home, the Furli DuoFeed™\n      helps keep your pets' feeding routine consistent with programmable meal\n      times and controlled portions.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection id=\"furli-duofeed-benefits\" class=\"fd-grid\"\u003e\n\n    \u003cdiv class=\"fd-card fd-reveal\"\u003e\n      \u003cdiv class=\"fd-icon\"\u003e⏰\u003c\/div\u003e\n      \u003ch3\u003eAutomatic Timed Meals\u003c\/h3\u003e\n      \u003cp\u003e\n        Program feeding times in advance so your pets can enjoy their meals\n        according to a more consistent daily routine.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fd-card fd-reveal\"\u003e\n      \u003cdiv class=\"fd-icon\"\u003e🐾\u003c\/div\u003e\n      \u003ch3\u003eMade for Two Pets\u003c\/h3\u003e\n      \u003cp\u003e\n        The dual-bowl design helps distribute food between two feeding areas,\n        making it ideal for households with multiple cats or small to medium dogs.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fd-card fd-reveal\"\u003e\n      \u003cdiv class=\"fd-icon\"\u003e🥣\u003c\/div\u003e\n      \u003ch3\u003eLarge 4.2L Capacity\u003c\/h3\u003e\n      \u003cp\u003e\n        Store a generous amount of dry food while reducing the need to constantly\n        refill your pet's feeder.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fd-card fd-reveal\"\u003e\n      \u003cdiv class=\"fd-icon\"\u003e⚙️\u003c\/div\u003e\n      \u003ch3\u003eProgrammable Portions\u003c\/h3\u003e\n      \u003cp\u003e\n        Control feeding portions using the convenient button controls to create\n        a routine that better suits your pets.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PREMIUM FEATURE --\u003e\n  \u003csection class=\"fd-feature fd-reveal\"\u003e\n\n    \u003cdiv class=\"fd-feature-content\"\u003e\n      \u003cdiv class=\"fd-mini-label\"\u003eDESIGNED FOR BUSY PET PARENTS\u003c\/div\u003e\n\n      \u003ch2\u003e\n        More Routine.\n        \u003cspan\u003eLess Mealtime Stress.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        DuoFeed™ takes the pressure out of remembering every feeding time.\n        Simply prepare the feeder, set your preferred schedule and let it handle\n        your pets' meals throughout the day.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"fd-check-list\"\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Programmable feeding schedule\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Adjustable portion feeding\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Dual feeding bowls\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e 4.2L dry-food storage\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Easy button controls\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Suitable for cats and small to medium dogs\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003csection class=\"fd-how fd-reveal\"\u003e\n\n    \u003cdiv class=\"fd-mini-label\"\u003eSIMPLE SETUP\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Set It Once.\n      \u003cspan\u003eFeed With Confidence.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"fd-steps\"\u003e\n\n      \u003cdiv class=\"fd-step\"\u003e\n        \u003cdiv class=\"fd-number\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eFill\u003c\/h3\u003e\n        \u003cp\u003e\n          Add your pet's preferred compatible dry food into the 4.2L storage container.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-step\"\u003e\n        \u003cdiv class=\"fd-number\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eProgram\u003c\/h3\u003e\n        \u003cp\u003e\n          Use the button controls to configure your preferred feeding schedule and portions.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-step\"\u003e\n        \u003cdiv class=\"fd-number\"\u003e03\u003c\/div\u003e\n        \u003ch3\u003eFeed\u003c\/h3\u003e\n        \u003cp\u003e\n          The feeder automatically dispenses meals into the dual bowls at the programmed times.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- MULTI PET --\u003e\n  \u003csection class=\"fd-highlight fd-reveal\"\u003e\n\n    \u003cdiv class=\"fd-highlight-icon\"\u003e🐱 🐶\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Perfect for\n      \u003cspan\u003eMulti-Pet Homes\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Two bowls mean two feeding spaces from one automatic feeder —\n      helping make everyday feeding simpler when you have more than one furry family member.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- SPECIFICATIONS --\u003e\n  \u003csection class=\"fd-specs fd-reveal\"\u003e\n\n    \u003cdiv class=\"fd-mini-label\"\u003ePRODUCT DETAILS\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Everything You\n      \u003cspan\u003eNeed to Know\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"fd-spec-grid\"\u003e\n\n      \u003cdiv class=\"fd-spec\"\u003e\n        \u003cspan\u003eCapacity\u003c\/span\u003e\n        \u003cstrong\u003e4.2 Litres\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-spec\"\u003e\n        \u003cspan\u003eFeeding Style\u003c\/span\u003e\n        \u003cstrong\u003eAutomatic \/ Timed\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-spec\"\u003e\n        \u003cspan\u003eBowls\u003c\/span\u003e\n        \u003cstrong\u003eDual Bowl\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-spec\"\u003e\n        \u003cspan\u003eControls\u003c\/span\u003e\n        \u003cstrong\u003eButton Control\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-spec\"\u003e\n        \u003cspan\u003eFood Type\u003c\/span\u003e\n        \u003cstrong\u003eDry Pet Food\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fd-spec\"\u003e\n        \u003cspan\u003eRecommended For\u003c\/span\u003e\n        \u003cstrong\u003eCats \u0026amp; Small\/Medium Dogs\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMPORTANT NOTE --\u003e\n  \u003csection class=\"fd-notice fd-reveal\"\u003e\n    \u003cdiv class=\"fd-notice-icon\"\u003eⓘ\u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cstrong\u003ePlease Note\u003c\/strong\u003e\n      \u003cp\u003e\n        A 5V 1A power plug is not included with this product.\n        Please check the supplied components and power requirements before use.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n  \u003csection class=\"fd-cta fd-reveal\"\u003e\n\n    \u003cdiv class=\"fd-paw\"\u003e🐾\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Make Every Meal\n      \u003cspan\u003eEasier.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Upgrade your pets' daily routine with convenient automatic feeding,\n      generous storage and a practical dual-bowl design.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#AddToCart\" class=\"fd-buy-btn\"\u003e\n      Get Your Furli DuoFeed™\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003cdiv class=\"fd-trust\"\u003e\n      \u003cspan\u003e🐾 Furli Quality\u003c\/span\u003e\n      \u003cspan\u003e📦 Convenient Feeding\u003c\/span\u003e\n      \u003cspan\u003e💛 Made for Pet Parents\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n.furli-duofeed {\n  --fd-primary: #6f9f7d;\n  --fd-primary-dark: #315844;\n  --fd-light: #f4f8f4;\n  --fd-cream: #fffdf8;\n  --fd-text: #18211c;\n  --fd-muted: #647168;\n  --fd-white: #ffffff;\n  --fd-accent: #e9b65c;\n\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 20px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  color: var(--fd-text);\n  overflow: hidden;\n}\n\n.furli-duofeed * {\n  box-sizing: border-box;\n}\n\n\n\/* HERO *\/\n\n.fd-hero {\n  position: relative;\n  text-align: center;\n  padding: 90px 35px;\n  border-radius: 32px;\n  background:\n    radial-gradient(circle at top left, rgba(111,159,125,.22), transparent 40%),\n    radial-gradient(circle at bottom right, rgba(233,182,92,.18), transparent 35%),\n    linear-gradient(145deg, #ffffff 0%, #f3f8f4 100%);\n  overflow: hidden;\n  box-shadow: 0 25px 70px rgba(26, 55, 38, 0.10);\n}\n\n.fd-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(5px);\n  animation: fdFloat 7s ease-in-out infinite;\n}\n\n.fd-glow-one {\n  width: 220px;\n  height: 220px;\n  background: rgba(111,159,125,.13);\n  top: -70px;\n  left: -60px;\n}\n\n.fd-glow-two {\n  width: 180px;\n  height: 180px;\n  background: rgba(233,182,92,.13);\n  bottom: -60px;\n  right: -30px;\n  animation-delay: 1.5s;\n}\n\n.fd-eyebrow,\n.fd-mini-label {\n  display: inline-block;\n  letter-spacing: 2px;\n  font-weight: 800;\n  font-size: 12px;\n  color: var(--fd-primary-dark);\n  margin-bottom: 18px;\n}\n\n.fd-hero h1 {\n  margin: 0;\n  font-size: clamp(42px, 7vw, 82px);\n  line-height: .98;\n  letter-spacing: -4px;\n  font-weight: 900;\n}\n\n.fd-hero h1 span,\n.fd-intro h2 span,\n.fd-feature h2 span,\n.fd-how h2 span,\n.fd-highlight h2 span,\n.fd-specs h2 span,\n.fd-cta h2 span {\n  display: block;\n  color: var(--fd-primary);\n}\n\n.fd-subtitle {\n  max-width: 720px;\n  margin: 25px auto 30px;\n  font-size: 18px;\n  line-height: 1.7;\n  color: var(--fd-muted);\n}\n\n.fd-badges {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin: 30px 0;\n}\n\n.fd-badges div {\n  background: rgba(255,255,255,.8);\n  border: 1px solid rgba(49,88,68,.12);\n  padding: 12px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  box-shadow: 0 8px 25px rgba(0,0,0,.05);\n  backdrop-filter: blur(10px);\n  transition: .3s ease;\n}\n\n.fd-badges div:hover {\n  transform: translateY(-4px);\n}\n\n.fd-main-btn,\n.fd-buy-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 17px 26px;\n  border-radius: 999px;\n  background: var(--fd-primary-dark);\n  color: white !important;\n  text-decoration: none;\n  font-weight: 800;\n  transition: .3s ease;\n  box-shadow: 0 15px 35px rgba(49,88,68,.25);\n}\n\n.fd-main-btn:hover,\n.fd-buy-btn:hover {\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 20px 45px rgba(49,88,68,.30);\n}\n\n.fd-main-btn span,\n.fd-buy-btn span {\n  transition: .3s ease;\n}\n\n.fd-main-btn:hover span {\n  transform: translateY(4px);\n}\n\n.fd-buy-btn:hover span {\n  transform: translateX(5px);\n}\n\n\n\/* INTRO *\/\n\n.fd-intro {\n  padding: 100px 25px 60px;\n  text-align: center;\n}\n\n.fd-intro h2,\n.fd-feature h2,\n.fd-how h2,\n.fd-highlight h2,\n.fd-specs h2,\n.fd-cta h2 {\n  font-size: clamp(34px, 5vw, 58px);\n  line-height: 1.05;\n  letter-spacing: -2px;\n  margin: 0 0 22px;\n}\n\n.fd-intro p {\n  max-width: 730px;\n  margin: auto;\n  color: var(--fd-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\n\/* BENEFIT CARDS *\/\n\n.fd-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n  padding: 30px 0 80px;\n}\n\n.fd-card {\n  padding: 32px 25px;\n  border-radius: 24px;\n  background: white;\n  border: 1px solid rgba(49,88,68,.09);\n  box-shadow: 0 15px 40px rgba(0,0,0,.055);\n  transition: .35s ease;\n}\n\n.fd-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 25px 55px rgba(49,88,68,.13);\n}\n\n.fd-icon {\n  width: 58px;\n  height: 58px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--fd-light);\n  border-radius: 18px;\n  font-size: 28px;\n  margin-bottom: 22px;\n  transition: .35s ease;\n}\n\n.fd-card:hover .fd-icon {\n  transform: rotate(-7deg) scale(1.1);\n}\n\n.fd-card h3,\n.fd-step h3 {\n  font-size: 20px;\n  margin-bottom: 12px;\n}\n\n.fd-card p,\n.fd-step p {\n  color: var(--fd-muted);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\n\/* FEATURE *\/\n\n.fd-feature {\n  padding: 65px;\n  border-radius: 32px;\n  background: var(--fd-primary-dark);\n  color: white;\n  position: relative;\n  overflow: hidden;\n}\n\n.fd-feature::after {\n  content: \"🐾\";\n  position: absolute;\n  right: -20px;\n  bottom: -70px;\n  font-size: 230px;\n  opacity: .035;\n  transform: rotate(-20deg);\n}\n\n.fd-feature .fd-mini-label {\n  color: rgba(255,255,255,.65);\n}\n\n.fd-feature h2 span {\n  color: #a9d5b5;\n}\n\n.fd-feature p {\n  max-width: 700px;\n  color: rgba(255,255,255,.76);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n.fd-check-list {\n  margin-top: 30px;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n}\n\n.fd-check-list div {\n  background: rgba(255,255,255,.08);\n  padding: 15px;\n  border-radius: 14px;\n  font-weight: 650;\n}\n\n.fd-check-list span {\n  color: #b5e0bf;\n  margin-right: 8px;\n}\n\n\n\/* HOW IT WORKS *\/\n\n.fd-how {\n  padding: 100px 0;\n  text-align: center;\n}\n\n.fd-steps {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 20px;\n  margin-top: 50px;\n}\n\n.fd-step {\n  position: relative;\n  padding: 35px 25px;\n  background: var(--fd-cream);\n  border-radius: 24px;\n  border: 1px solid rgba(49,88,68,.08);\n}\n\n.fd-number {\n  color: rgba(49,88,68,.18);\n  font-size: 50px;\n  font-weight: 900;\n  margin-bottom: 12px;\n}\n\n\n\/* MULTI PET *\/\n\n.fd-highlight {\n  text-align: center;\n  padding: 70px 30px;\n  background:\n    linear-gradient(145deg, rgba(111,159,125,.1), rgba(233,182,92,.1));\n  border-radius: 30px;\n}\n\n.fd-highlight-icon {\n  font-size: 45px;\n  margin-bottom: 20px;\n  animation: fdBounce 3s ease-in-out infinite;\n}\n\n.fd-highlight p {\n  max-width: 670px;\n  margin: auto;\n  color: var(--fd-muted);\n  line-height: 1.8;\n}\n\n\n\/* SPECS *\/\n\n.fd-specs {\n  padding: 100px 0 50px;\n  text-align: center;\n}\n\n.fd-spec-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 15px;\n  margin-top: 45px;\n}\n\n.fd-spec {\n  padding: 23px;\n  background: white;\n  border-radius: 18px;\n  border: 1px solid rgba(49,88,68,.09);\n  box-shadow: 0 10px 30px rgba(0,0,0,.04);\n}\n\n.fd-spec span {\n  display: block;\n  color: var(--fd-muted);\n  font-size: 13px;\n  margin-bottom: 7px;\n}\n\n.fd-spec strong {\n  font-size: 16px;\n}\n\n\n\/* NOTICE *\/\n\n.fd-notice {\n  display: flex;\n  gap: 18px;\n  align-items: flex-start;\n  padding: 22px;\n  background: #fff9ed;\n  border: 1px solid rgba(233,182,92,.3);\n  border-radius: 18px;\n  margin: 30px 0 60px;\n}\n\n.fd-notice-icon {\n  font-size: 24px;\n}\n\n.fd-notice p {\n  color: var(--fd-muted);\n  line-height: 1.6;\n  margin: 6px 0 0;\n}\n\n\n\/* CTA *\/\n\n.fd-cta {\n  text-align: center;\n  padding: 85px 30px;\n  border-radius: 32px;\n  background: linear-gradient(145deg, #eef6f0, #fffaf0);\n}\n\n.fd-paw {\n  font-size: 40px;\n  margin-bottom: 20px;\n  animation: fdBounce 2.5s infinite ease-in-out;\n}\n\n.fd-cta p {\n  max-width: 650px;\n  margin: 0 auto 30px;\n  color: var(--fd-muted);\n  line-height: 1.8;\n}\n\n.fd-trust {\n  margin-top: 30px;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 20px;\n  font-size: 13px;\n  color: var(--fd-muted);\n  font-weight: 700;\n}\n\n\n\/* ANIMATION *\/\n\n.fd-reveal {\n  opacity: 0;\n  transform: translateY(35px);\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n}\n\n.fd-reveal.fd-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@keyframes fdFloat {\n  0%,100% {\n    transform: translateY(0px) translateX(0px);\n  }\n\n  50% {\n    transform: translateY(18px) translateX(10px);\n  }\n}\n\n@keyframes fdBounce {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 900px) {\n\n  .fd-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .fd-feature {\n    padding: 45px 30px;\n  }\n\n  .fd-spec-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n}\n\n@media (max-width: 600px) {\n\n  .furli-duofeed {\n    padding: 10px;\n  }\n\n  .fd-hero {\n    padding: 65px 20px;\n    border-radius: 24px;\n  }\n\n  .fd-hero h1 {\n    letter-spacing: -2px;\n  }\n\n  .fd-subtitle {\n    font-size: 16px;\n  }\n\n  .fd-grid,\n  .fd-steps,\n  .fd-spec-grid,\n  .fd-check-list {\n    grid-template-columns: 1fr;\n  }\n\n  .fd-grid {\n    padding-bottom: 50px;\n  }\n\n  .fd-feature {\n    padding: 40px 22px;\n    border-radius: 24px;\n  }\n\n  .fd-how {\n    padding: 70px 0;\n  }\n\n  .fd-intro {\n    padding: 70px 15px 40px;\n  }\n\n  .fd-cta {\n    padding: 60px 20px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const furliRevealElements =\n    document.querySelectorAll(\".furli-duofeed .fd-reveal\");\n\n  const furliObserver = new IntersectionObserver(\n    function(entries) {\n\n      entries.forEach(function(entry) {\n\n        if(entry.isIntersecting) {\n          entry.target.classList.add(\"fd-visible\");\n        }\n\n      });\n\n    },\n    {\n      threshold: 0.12\n    }\n  );\n\n  furliRevealElements.forEach(function(element) {\n    furliObserver.observe(element);\n  });\n\n});\n\n\u003c\/script\u003e","brand":"furli","offers":[{"title":"Default Title","offer_id":49046601629928,"sku":null,"price":1399.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/5542\/6536\/files\/01CDAF81-B9FC-4E2E-8136-592B32FE0E95.png?v=1789910875"}],"url":"https:\/\/furli.co.za\/collections\/pet-feeding-travel.oembed","provider":"furli","version":"1.0","type":"link"}