{"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","url":"https:\/\/furli.co.za\/products\/furli-flowfountain-cat-water-fountain","provider":"furli","version":"1.0","type":"link"}