{"product_id":"pootjies™-water-dispenser","title":"Pootjies™ Water Dispenser","description":"\u003csection class=\"pootjies-water\"\u003e\n\n  \u003c!-- Ambient glow --\u003e\n  \u003cdiv class=\"pw-glow pw-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pw-glow pw-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Decorative water rings --\u003e\n  \u003cdiv class=\"pw-ring pw-ring-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pw-ring pw-ring-2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pw-ring pw-ring-3\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Floating bubbles --\u003e\n  \u003cspan class=\"pw-bubble pw-b1\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"pw-bubble pw-b2\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"pw-bubble pw-b3\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"pw-bubble pw-b4\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"pw-bubble pw-b5\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"pw-bubble pw-b6\"\u003e\u003c\/span\u003e\n\n  \u003cdiv class=\"pw-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"pw-hero\"\u003e\n\n      \u003cdiv class=\"pw-eyebrow\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        POOTJIES™ HYDRATION\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Hydration,\u003cbr\u003e\n        \u003cem\u003eelevated.\u003c\/em\u003e\n      \u003c\/h1\u003e\n\n      \u003cp\u003e\n        Clean, fresh water — always available,\n        always flowing. Because proper hydration\n        is the foundation of a healthy, happy dog.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"pw-water-symbol\"\u003e\n        \u003cdiv class=\"pw-drop\"\u003e💧\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- INTRO --\u003e\n    \u003cdiv class=\"pw-intro\"\u003e\n\n      \u003cdiv class=\"pw-label\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        MORE THAN A BOWL\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Fresh water.\u003cbr\u003e\n        \u003cem\u003eBeautifully delivered.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The \u003cstrong\u003ePootjies™ Water Dispenser\u003c\/strong\u003e was designed\n        for dogs who deserve more. A continuous supply of fresh\n        water, thoughtfully filtered and quietly delivered —\n        all inside a design made to complement your home.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- WATER EXPERIENCE --\u003e\n    \u003cdiv class=\"pw-experience\"\u003e\n\n      \u003cdiv class=\"pw-water-visual\"\u003e\n\n        \u003cdiv class=\"pw-orbit orbit-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pw-orbit orbit-2\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pw-orbit orbit-3\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"pw-water-core\"\u003e\n\n          \u003cdiv class=\"pw-water-drop\"\u003e⌄\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-ripple ripple-1\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"pw-ripple ripple-2\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"pw-ripple ripple-3\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cspan class=\"pw-mini-bubble mb1\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"pw-mini-bubble mb2\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"pw-mini-bubble mb3\"\u003e\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pw-experience-content\"\u003e\n\n        \u003csmall\u003e\n          ALWAYS FLOWING\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          A better way\u003cbr\u003e\n          \u003cem\u003eto drink.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Continuous circulation keeps fresh water\n          moving throughout the day, creating a more\n          inviting drinking experience for your dog.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"pw-stats\"\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e24\/7\u003c\/strong\u003e\n            \u003cspan\u003eFRESH FLOW\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e01\u003c\/strong\u003e\n            \u003cspan\u003eQUIET PUMP\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e∞\u003c\/strong\u003e\n            \u003cspan\u003ePEACE OF MIND\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"pw-features\"\u003e\n\n      \u003cdiv class=\"pw-section-heading\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cspan class=\"pw-number\"\u003e\n            01\n          \u003c\/span\u003e\n\n          \u003ch2\u003e\n            Designed around\u003cbr\u003e\n            \u003cem\u003ebetter hydration.\u003c\/em\u003e\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp\u003e\n          Intelligent features wrapped in a\n          beautifully considered design.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pw-grid\"\u003e\n\n\n        \u003c!-- FEATURE 1 --\u003e\n        \u003cdiv class=\"pw-card\"\u003e\n\n          \u003cdiv class=\"pw-card-top\"\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003cb\u003e💧\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Continuous Fresh Flow\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Keep water moving throughout the day\n            to encourage healthy hydration.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pw-card-line\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-card-tag\"\u003e\n            ALWAYS FLOWING\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FEATURE 2 --\u003e\n        \u003cdiv class=\"pw-card\"\u003e\n\n          \u003cdiv class=\"pw-card-top\"\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cb\u003e✧\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Built-In Filtration\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed to help remove impurities\n            and unwanted odours from drinking water.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pw-card-line\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-card-tag\"\u003e\n            CLEANER WATER\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FEATURE 3 --\u003e\n        \u003cdiv class=\"pw-card\"\u003e\n\n          \u003cdiv class=\"pw-card-top\"\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003cb\u003e◌\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Ultra-Quiet Pump\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Powerful circulation without the noise,\n            keeping hydration peaceful for your home.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pw-card-line\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-card-tag\"\u003e\n            WHISPER QUIET\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FEATURE 4 --\u003e\n        \u003cdiv class=\"pw-card\"\u003e\n\n          \u003cdiv class=\"pw-card-top\"\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003cb\u003e🐾\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Every Dog Welcome\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Suitable for dogs of different breeds,\n            sizes and everyday routines.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pw-card-line\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-card-tag\"\u003e\n            ALL BREEDS\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FEATURE 5 --\u003e\n        \u003cdiv class=\"pw-card\"\u003e\n\n          \u003cdiv class=\"pw-card-top\"\u003e\n            \u003cspan\u003e05\u003c\/span\u003e\n            \u003cb\u003e◒\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Large Capacity\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A generous reservoir means fewer refills\n            and more peace of mind throughout the day.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pw-card-line\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-card-tag\"\u003e\n            LESS REFILLING\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FEATURE 6 --\u003e\n        \u003cdiv class=\"pw-card\"\u003e\n\n          \u003cdiv class=\"pw-card-top\"\u003e\n            \u003cspan\u003e06\u003c\/span\u003e\n            \u003cb\u003e✦\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Premium Home Design\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A refined silhouette designed to look\n            beautiful wherever you place it.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pw-card-line\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"pw-card-tag\"\u003e\n            HOME READY\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- HYDRATION FLOW --\u003e\n    \u003cdiv class=\"pw-flow\"\u003e\n\n      \u003cdiv class=\"pw-flow-heading\"\u003e\n\n        \u003cspan\u003e\n          THE POOTJIES™ FLOW\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Freshness in\u003cbr\u003e\n          \u003cem\u003eevery drop.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pw-flow-track\"\u003e\n\n        \u003cdiv class=\"pw-flow-step\"\u003e\n\n          \u003cdiv class=\"pw-flow-icon\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            FILL\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add fresh water\n            to the reservoir.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pw-flow-line\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"pw-flow-step\"\u003e\n\n          \u003cdiv class=\"pw-flow-icon\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            FILTER\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Filtration helps\n            keep water cleaner.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pw-flow-line\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"pw-flow-step\"\u003e\n\n          \u003cdiv class=\"pw-flow-icon\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            CIRCULATE\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Water continuously\n            moves through the system.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pw-flow-line\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"pw-flow-step\"\u003e\n\n          \u003cdiv class=\"pw-flow-icon\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            HYDRATE\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Your dog gets access\n            to fresh flowing water.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURE BAR --\u003e\n    \u003cdiv class=\"pw-performance\"\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e01\u003c\/strong\u003e\n        \u003cspan\u003eFRESH FLOW\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e02\u003c\/strong\u003e\n        \u003cspan\u003eFILTRATION\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e03\u003c\/strong\u003e\n        \u003cspan\u003eQUIET PUMP\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e04\u003c\/strong\u003e\n        \u003cspan\u003eLARGE CAPACITY\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL --\u003e\n    \u003cdiv class=\"pw-final\"\u003e\n\n      \u003cdiv class=\"pw-final-drop\"\u003e\n        💧\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Fresh water. Happy dog.\n        Every single day.\n      \u003c\/p\u003e\n\n      \u003ch2\u003e\n        Because every dog\u003cbr\u003e\n        deserves \u003cem\u003emore.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"pw-signature\"\u003e\n        — POOTJIES™\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   POOTJIES™ WATER DISPENSER\n   PREMIUM CREAM \/ BEIGE \/ CHAMPAGNE\n========================================================= *\/\n\n@import url(\n  'https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700\u0026family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600\u0026display=swap'\n);\n\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n.pootjies-water {\n\n  position:relative;\n  overflow:hidden;\n\n  padding:110px 25px;\n\n  color:#443b32;\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  background:\n\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(192,157,99,.16),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 90% 75%,\n      rgba(255,255,255,.8),\n      transparent 32%\n    ),\n\n    linear-gradient(\n      135deg,\n      #f8f3e9 0%,\n      #eee5d6 50%,\n      #faf6ee 100%\n    );\n\n}\n\n\n.pw-container {\n\n  position:relative;\n  z-index:5;\n\n  max-width:1180px;\n\n  margin:auto;\n\n}\n\n\n\/* =========================================================\n   BACKGROUND GLOWS\n========================================================= *\/\n\n.pw-glow {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  filter:blur(8px);\n\n  pointer-events:none;\n\n  animation:\n    pwFloat\n    11s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pw-glow-1 {\n\n  width:380px;\n  height:380px;\n\n  top:8%;\n  left:-190px;\n\n  background:\n    rgba(193,158,99,.08);\n\n}\n\n\n.pw-glow-2 {\n\n  width:320px;\n  height:320px;\n\n  right:-160px;\n  bottom:10%;\n\n  background:\n    rgba(255,255,255,.65);\n\n  animation-delay:-5s;\n\n}\n\n\n@keyframes pwFloat {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-35px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   BACKGROUND RINGS\n========================================================= *\/\n\n.pw-ring {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(174,135,80,.12);\n\n  animation:\n    pwRing\n    10s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pw-ring-1 {\n\n  width:480px;\n  height:480px;\n\n  right:-230px;\n  top:-190px;\n\n}\n\n\n.pw-ring-2 {\n\n  width:330px;\n  height:330px;\n\n  left:-170px;\n  top:38%;\n\n  animation-delay:-3s;\n\n}\n\n\n.pw-ring-3 {\n\n  width:520px;\n  height:520px;\n\n  right:-260px;\n  bottom:-250px;\n\n  animation-delay:-6s;\n\n}\n\n\n@keyframes pwRing {\n\n  0%,100% {\n\n    transform:scale(.9);\n\n    opacity:.25;\n\n  }\n\n  50% {\n\n    transform:scale(1.08);\n\n    opacity:.7;\n\n  }\n\n}\n\n\n\/* =========================================================\n   BUBBLES\n========================================================= *\/\n\n.pw-bubble {\n\n  position:absolute;\n\n  border:\n    1px solid\n    rgba(174,135,80,.2);\n\n  border-radius:50%;\n\n  animation:\n    pwBubble\n    7s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pw-b1 {\n  width:10px;\n  height:10px;\n  left:13%;\n  top:25%;\n}\n\n.pw-b2 {\n  width:17px;\n  height:17px;\n  left:20%;\n  top:60%;\n  animation-delay:-2s;\n}\n\n.pw-b3 {\n  width:8px;\n  height:8px;\n  right:17%;\n  top:30%;\n  animation-delay:-3s;\n}\n\n.pw-b4 {\n  width:13px;\n  height:13px;\n  right:10%;\n  top:58%;\n  animation-delay:-4s;\n}\n\n.pw-b5 {\n  width:7px;\n  height:7px;\n  left:8%;\n  bottom:15%;\n  animation-delay:-5s;\n}\n\n.pw-b6 {\n  width:11px;\n  height:11px;\n  right:25%;\n  bottom:18%;\n  animation-delay:-1s;\n}\n\n\n@keyframes pwBubble {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n    opacity:.25;\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-28px);\n\n    opacity:.7;\n\n  }\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.pw-hero {\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    105px;\n\n  text-align:center;\n\n}\n\n\n.pw-eyebrow {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:12px;\n\n  margin-bottom:25px;\n\n  color:#a47d45;\n\n  font-size:10px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.pw-eyebrow span {\n\n  width:28px;\n  height:1px;\n\n  background:#c3a06a;\n\n}\n\n\n.pw-hero h1 {\n\n  margin:0;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      55px,\n      7.5vw,\n      94px\n    );\n\n  line-height:.94;\n\n  letter-spacing:-5px;\n\n  font-weight:600;\n\n}\n\n\n.pw-hero h1 em {\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-weight:500;\n\n}\n\n\n.pw-hero \u003e p {\n\n  max-width:650px;\n\n  margin:\n    32px auto 0;\n\n  color:#776d60;\n\n  font-size:17px;\n\n  line-height:1.8;\n\n}\n\n\n\/* =========================================================\n   WATER SYMBOL\n========================================================= *\/\n\n.pw-water-symbol {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:72px;\n  height:72px;\n\n  margin:\n    40px auto 0;\n\n  border:\n    1px solid\n    rgba(174,135,80,.22);\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.4);\n\n  box-shadow:\n    0 15px 40px\n    rgba(80,60,35,.06);\n\n  animation:\n    pwSymbol\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pw-drop {\n\n  font-size:24px;\n\n  filter:\n    grayscale(.25)\n    sepia(.2);\n\n}\n\n\n@keyframes pwSymbol {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-8px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.pw-intro {\n\n  max-width:850px;\n\n  margin:\n    0 auto\n    115px;\n\n  text-align:center;\n\n}\n\n\n.pw-label {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:10px;\n\n  margin-bottom:20px;\n\n  color:#a47d45;\n\n  font-size:10px;\n\n  font-weight:700;\n\n  letter-spacing:2.5px;\n\n}\n\n\n.pw-label span {\n\n  width:25px;\n  height:1px;\n\n  background:#b58d57;\n\n}\n\n\n.pw-intro h2 {\n\n  margin:\n    0 0 30px;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      42px,\n      5vw,\n      68px\n    );\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n}\n\n\n.pw-intro h2 em {\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-weight:500;\n\n}\n\n\n.pw-intro p {\n\n  max-width:700px;\n\n  margin:auto;\n\n  color:#756b5f;\n\n  font-size:15px;\n\n  line-height:1.9;\n\n}\n\n\n.pw-intro strong {\n\n  color:#4b4339;\n\n}\n\n\n\/* =========================================================\n   EXPERIENCE\n========================================================= *\/\n\n.pw-experience {\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  align-items:center;\n\n  gap:70px;\n\n  max-width:1000px;\n\n  margin:\n    0 auto\n    130px;\n\n  padding:65px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(174,135,80,.2);\n\n  border-radius:32px;\n\n  background:\n    rgba(255,255,255,.43);\n\n  box-shadow:\n    0 25px 65px\n    rgba(80,60,35,.07);\n\n}\n\n\n\/* =========================================================\n   WATER VISUAL\n========================================================= *\/\n\n.pw-water-visual {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:300px;\n  height:300px;\n\n  margin:auto;\n\n}\n\n\n.pw-orbit {\n\n  position:absolute;\n\n  border:\n    1px solid\n    rgba(174,135,80,.18);\n\n  border-radius:50%;\n\n  animation:\n    pwOrbit\n    8s\n    ease-in-out\n    infinite;\n\n}\n\n\n.orbit-1 {\n\n  width:110px;\n  height:110px;\n\n}\n\n\n.orbit-2 {\n\n  width:195px;\n  height:195px;\n\n  animation-delay:-2s;\n\n}\n\n\n.orbit-3 {\n\n  width:285px;\n  height:285px;\n\n  animation-delay:-4s;\n\n}\n\n\n@keyframes pwOrbit {\n\n  0%,100% {\n\n    transform:scale(.9);\n\n    opacity:.3;\n\n  }\n\n  50% {\n\n    transform:scale(1.07);\n\n    opacity:.85;\n\n  }\n\n}\n\n\n.pw-water-core {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:105px;\n  height:105px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 35% 25%,\n      #ffffff,\n      #eee5d5\n    );\n\n  box-shadow:\n    0 20px 50px\n    rgba(80,60,35,.12);\n\n  animation:\n    pwCore\n    5s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes pwCore {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-10px);\n\n  }\n\n}\n\n\n.pw-water-drop {\n\n  position:relative;\n\n  z-index:5;\n\n  color:#b28a55;\n\n  font-size:40px;\n\n  transform:rotate(180deg);\n\n}\n\n\n\/* =========================================================\n   RIPPLE\n========================================================= *\/\n\n.pw-ripple {\n\n  position:absolute;\n\n  border:\n    1px solid\n    rgba(174,135,80,.3);\n\n  border-radius:50%;\n\n  animation:\n    pwRipple\n    4s\n    ease-out\n    infinite;\n\n}\n\n\n.ripple-1 {\n\n  width:80px;\n  height:25px;\n\n}\n\n\n.ripple-2 {\n\n  width:110px;\n  height:35px;\n\n  animation-delay:-1.3s;\n\n}\n\n\n.ripple-3 {\n\n  width:140px;\n  height:45px;\n\n  animation-delay:-2.6s;\n\n}\n\n\n@keyframes pwRipple {\n\n  0% {\n\n    transform:scale(.7);\n\n    opacity:0;\n\n  }\n\n  35% {\n\n    opacity:.8;\n\n  }\n\n  100% {\n\n    transform:scale(1.5);\n\n    opacity:0;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MINI BUBBLES\n========================================================= *\/\n\n.pw-mini-bubble {\n\n  position:absolute;\n\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:\n    rgba(176,138,85,.25);\n\n  animation:\n    pwMiniBubble\n    5s\n    ease-in-out\n    infinite;\n\n}\n\n\n.mb1 {\n\n  left:80px;\n  top:75px;\n\n}\n\n\n.mb2 {\n\n  right:70px;\n  top:105px;\n\n  animation-delay:-2s;\n\n}\n\n\n.mb3 {\n\n  left:105px;\n  bottom:65px;\n\n  animation-delay:-3s;\n\n}\n\n\n@keyframes pwMiniBubble {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-22px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   EXPERIENCE CONTENT\n========================================================= *\/\n\n.pw-experience-content small {\n\n  color:#a47d45;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.pw-experience-content h3 {\n\n  margin:\n    18px 0 22px;\n\n  color:#40382f;\n\n  font-size:52px;\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n}\n\n\n.pw-experience-content h3 em {\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-weight:500;\n\n}\n\n\n.pw-experience-content \u003e p {\n\n  max-width:430px;\n\n  margin:0;\n\n  color:#756b5f;\n\n  font-size:14px;\n\n  line-height:1.9;\n\n}\n\n\n.pw-stats {\n\n  display:flex;\n\n  gap:35px;\n\n  margin-top:32px;\n\n}\n\n\n.pw-stats strong {\n\n  display:block;\n\n  margin-bottom:5px;\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-size:19px;\n\n}\n\n\n.pw-stats span {\n\n  color:#807466;\n\n  font-size:8px;\n\n  letter-spacing:1.5px;\n\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.pw-features {\n\n  margin-bottom:130px;\n\n}\n\n\n.pw-section-heading {\n\n  display:flex;\n\n  align-items:flex-end;\n  justify-content:space-between;\n\n  margin-bottom:45px;\n\n  padding-bottom:25px;\n\n  border-bottom:\n    1px solid\n    rgba(174,135,80,.2);\n\n}\n\n\n.pw-number {\n\n  display:block;\n\n  margin-bottom:15px;\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-size:20px;\n\n}\n\n\n.pw-section-heading h2 {\n\n  margin:0;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      42px,\n      5vw,\n      65px\n    );\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n}\n\n\n.pw-section-heading h2 em {\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-weight:500;\n\n}\n\n\n.pw-section-heading \u003e p {\n\n  max-width:290px;\n\n  margin:0;\n\n  color:#807365;\n\n  font-size:12px;\n\n  line-height:1.8;\n\n  text-align:right;\n\n}\n\n\n\/* =========================================================\n   FEATURE GRID\n========================================================= *\/\n\n.pw-grid {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:16px;\n\n}\n\n\n.pw-card {\n\n  position:relative;\n\n  overflow:hidden;\n\n  min-height:270px;\n\n  padding:30px;\n\n  border:\n    1px solid\n    rgba(174,135,80,.18);\n\n  border-radius:22px;\n\n  background:\n    rgba(255,255,255,.42);\n\n  box-shadow:\n    0 12px 35px\n    rgba(80,60,35,.045);\n\n  transition:\n    transform .45s ease,\n    box-shadow .45s ease,\n    background .45s ease,\n    border-color .45s ease;\n\n}\n\n\n.pw-card:hover {\n\n  transform:\n    translateY(-9px);\n\n  background:\n    rgba(255,255,255,.72);\n\n  border-color:\n    rgba(174,135,80,.4);\n\n  box-shadow:\n    0 25px 55px\n    rgba(80,60,35,.1);\n\n}\n\n\n.pw-card:after {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:160px;\n  height:160px;\n\n  right:-100px;\n  bottom:-100px;\n\n  border-radius:50%;\n\n  background:\n    rgba(190,154,96,.08);\n\n  transition:\n    transform .5s ease;\n\n}\n\n\n.pw-card:hover:after {\n\n  transform:scale(2);\n\n}\n\n\n.pw-card-top {\n\n  display:flex;\n\n  justify-content:space-between;\n\n  align-items:center;\n\n  margin-bottom:30px;\n\n}\n\n\n.pw-card-top span {\n\n  color:#ae8957;\n\n  font-size:9px;\n\n  letter-spacing:2px;\n\n}\n\n\n.pw-card-top b {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:43px;\n  height:43px;\n\n  border-radius:50%;\n\n  background:#eee4d5;\n\n  color:#a47d45;\n\n  font-size:17px;\n\n  transition:.4s ease;\n\n}\n\n\n.pw-card:hover .pw-card-top b {\n\n  transform:\n    scale(1.1)\n    rotate(7deg);\n\n}\n\n\n.pw-card h3 {\n\n  margin:\n    0 0 12px;\n\n  color:#4a4238;\n\n  font-size:15px;\n\n}\n\n\n.pw-card p {\n\n  max-width:285px;\n\n  margin:0;\n\n  color:#807467;\n\n  font-size:12px;\n\n  line-height:1.8;\n\n}\n\n\n.pw-card-line {\n\n  position:absolute;\n\n  left:30px;\n  right:30px;\n  bottom:48px;\n\n  height:1px;\n\n  background:\n    rgba(174,135,80,.15);\n\n}\n\n\n.pw-card-tag {\n\n  position:absolute;\n\n  left:30px;\n  bottom:25px;\n\n  color:#9c8465;\n\n  font-size:8px;\n\n  letter-spacing:1.7px;\n\n}\n\n\n\/* =========================================================\n   FLOW\n========================================================= *\/\n\n.pw-flow {\n\n  margin-bottom:120px;\n\n  text-align:center;\n\n}\n\n\n.pw-flow-heading \u003e span {\n\n  color:#a47d45;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.pw-flow-heading h2 {\n\n  margin:\n    20px 0 55px;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      42px,\n      5vw,\n      65px\n    );\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n}\n\n\n.pw-flow-heading h2 em {\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-weight:500;\n\n}\n\n\n.pw-flow-track {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:15px;\n\n}\n\n\n.pw-flow-step {\n\n  width:185px;\n\n}\n\n\n.pw-flow-icon {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:58px;\n  height:58px;\n\n  margin:\n    0 auto\n    18px;\n\n  border:\n    1px solid\n    rgba(174,135,80,.3);\n\n  border-radius:50%;\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-size:17px;\n\n  background:\n    rgba(255,255,255,.35);\n\n  transition:.4s ease;\n\n}\n\n\n.pw-flow-step:hover .pw-flow-icon {\n\n  transform:\n    translateY(-6px);\n\n  background:\n    rgba(255,255,255,.75);\n\n}\n\n\n.pw-flow-step h3 {\n\n  margin:\n    0 0 8px;\n\n  color:#4a4238;\n\n  font-size:10px;\n\n  letter-spacing:2px;\n\n}\n\n\n.pw-flow-step p {\n\n  margin:0;\n\n  color:#807467;\n\n  font-size:11px;\n\n  line-height:1.6;\n\n}\n\n\n.pw-flow-line {\n\n  width:55px;\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #c1a06d,\n      transparent\n    );\n\n}\n\n\n\/* =========================================================\n   PERFORMANCE BAR\n========================================================= *\/\n\n.pw-performance {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-bottom:125px;\n\n  border-top:\n    1px solid\n    rgba(174,135,80,.22);\n\n  border-bottom:\n    1px solid\n    rgba(174,135,80,.22);\n\n}\n\n\n.pw-performance \u003e div {\n\n  padding:28px 15px;\n\n  text-align:center;\n\n  border-right:\n    1px solid\n    rgba(174,135,80,.18);\n\n}\n\n\n.pw-performance \u003e div:last-child {\n\n  border-right:0;\n\n}\n\n\n.pw-performance strong {\n\n  display:block;\n\n  margin-bottom:8px;\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-size:19px;\n\n}\n\n\n.pw-performance span {\n\n  color:#786d60;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:2px;\n\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.pw-final {\n\n  text-align:center;\n\n}\n\n\n.pw-final-drop {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:58px;\n  height:58px;\n\n  margin:\n    0 auto\n    25px;\n\n  border:\n    1px solid\n    rgba(174,135,80,.3);\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.4);\n\n  font-size:20px;\n\n  animation:\n    pwFinalDrop\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes pwFinalDrop {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-8px);\n\n  }\n\n}\n\n\n.pw-final p {\n\n  max-width:520px;\n\n  margin:\n    0 auto\n    18px;\n\n  color:#8c795f;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-style:italic;\n\n  font-size:18px;\n\n  line-height:1.6;\n\n}\n\n\n.pw-final h2 {\n\n  margin:0;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      45px,\n      6vw,\n      78px\n    );\n\n  line-height:.95;\n\n  letter-spacing:-4px;\n\n}\n\n\n.pw-final h2 em {\n\n  color:#ad854e;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-weight:500;\n\n}\n\n\n.pw-signature {\n\n  margin-top:30px;\n\n  color:#a27d45;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:4px;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .pootjies-water {\n\n    padding:\n      85px 20px;\n\n  }\n\n\n  .pw-experience {\n\n    grid-template-columns:1fr;\n\n    gap:45px;\n\n    padding:45px;\n\n  }\n\n\n  .pw-experience-content {\n\n    text-align:center;\n\n  }\n\n\n  .pw-experience-content \u003e p {\n\n    margin:auto;\n\n  }\n\n\n  .pw-stats {\n\n    justify-content:center;\n\n  }\n\n\n  .pw-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .pw-flow-track {\n\n    flex-wrap:wrap;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  .pootjies-water {\n\n    padding:\n      75px 17px;\n\n  }\n\n\n  .pw-hero {\n\n    margin-bottom:75px;\n\n  }\n\n\n  .pw-hero h1 {\n\n    font-size:52px;\n\n    letter-spacing:-3px;\n\n  }\n\n\n  .pw-hero \u003e p {\n\n    font-size:15px;\n\n  }\n\n\n  .pw-intro h2 {\n\n    font-size:43px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .pw-experience {\n\n    padding:\n      35px 22px;\n\n    border-radius:25px;\n\n  }\n\n\n  .pw-water-visual {\n\n    width:230px;\n    height:230px;\n\n  }\n\n\n  .orbit-3 {\n\n    width:220px;\n    height:220px;\n\n  }\n\n\n  .pw-experience-content h3 {\n\n    font-size:44px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .pw-stats {\n\n    gap:22px;\n\n  }\n\n\n  .pw-section-heading {\n\n    display:block;\n\n  }\n\n\n  .pw-section-heading h2 {\n\n    font-size:44px;\n\n  }\n\n\n  .pw-section-heading \u003e p {\n\n    margin-top:20px;\n\n    text-align:left;\n\n  }\n\n\n  .pw-grid {\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .pw-performance {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .pw-performance \u003e div {\n\n    border-bottom:\n      1px solid\n      rgba(174,135,80,.18);\n\n  }\n\n\n  .pw-performance \u003e div:nth-child(2) {\n\n    border-right:0;\n\n  }\n\n\n  .pw-performance \u003e div:nth-child(3),\n  .pw-performance \u003e div:nth-child(4) {\n\n    border-bottom:0;\n\n  }\n\n\n  .pw-flow-line {\n\n    display:none;\n\n  }\n\n\n  .pw-flow-track {\n\n    display:grid;\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:35px 10px;\n\n  }\n\n\n  .pw-flow-step {\n\n    width:auto;\n\n  }\n\n\n  .pw-final h2 {\n\n    font-size:48px;\n\n    letter-spacing:-2px;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Pootjies","offers":[{"title":"Default Title","offer_id":47017256255649,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/1410\/2433\/files\/ChatGPTImageSep8_2026_03_20_29PM.png?v=1788873845","url":"https:\/\/pootjies.co.za\/products\/pootjies%e2%84%a2-water-dispenser","provider":"Pootjies","version":"1.0","type":"link"}