{"product_id":"pootjies™-hand-shower","title":"Pootjies™ Hand Shower","description":"\u003csection class=\"pootjies-shower\"\u003e\n\n  \u003c!-- Animated background --\u003e\n  \u003cdiv class=\"ps-glow ps-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ps-glow ps-glow-2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ps-ripple ps-ripple-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ps-ripple ps-ripple-2\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Floating bubbles --\u003e\n  \u003cspan class=\"ps-bubble ps-bubble-1\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"ps-bubble ps-bubble-2\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"ps-bubble ps-bubble-3\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"ps-bubble ps-bubble-4\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"ps-bubble ps-bubble-5\"\u003e\u003c\/span\u003e\n\n  \u003cdiv class=\"ps-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"ps-hero\"\u003e\n\n      \u003cdiv class=\"ps-eyebrow\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        POOTJIES™ BATH COLLECTION\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Bath time,\u003cbr\u003e\n        \u003cem\u003eelevated.\u003c\/em\u003e\n      \u003c\/h1\u003e\n\n      \u003cp\u003e\n        A better way to bathe. Designed for precision,\n        comfort and beautifully clean coats.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ps-water-line\"\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n        \u003ci\u003e\u003c\/i\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- INTRODUCTION --\u003e\n    \u003cdiv class=\"ps-introduction\"\u003e\n\n      \u003cdiv class=\"ps-intro-label\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        MADE FOR BETTER BATHS\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        From muddy paws\u003cbr\u003e\n        to \u003cem\u003efresh \u0026amp; clean.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"ps-intro-copy\"\u003e\n\n        \u003cp\u003e\n          The \u003cstrong\u003ePootjies™ Hand Shower\u003c\/strong\u003e was made for\n          the moments between muddy paws and a fresh, clean coat.\n          Designed specifically for washing your dog, it puts\n          precision and comfort directly in your hands.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Say goodbye to the splash and struggle. The flexible hose\n          and ergonomic grip give you full control, letting you rinse\n          every corner of your dog's coat with ease — from snout to tail.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- WATER EXPERIENCE --\u003e\n    \u003cdiv class=\"ps-experience\"\u003e\n\n      \u003cdiv class=\"ps-experience-inner\"\u003e\n\n        \u003cdiv class=\"ps-water-symbol\"\u003e\n\n          \u003cdiv class=\"ps-water-circle circle-1\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"ps-water-circle circle-2\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"ps-water-circle circle-3\"\u003e\u003c\/div\u003e\n\n          \u003cspan\u003e💧\u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-experience-text\"\u003e\n\n          \u003csmall\u003e\n            PRECISION FLOW\n          \u003c\/small\u003e\n\n          \u003ch3\u003e\n            Control every\u003cbr\u003e\n            \u003cem\u003edrop.\u003c\/em\u003e\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Gentle when you need it. Powerful when you need it.\n            The Pootjies™ Hand Shower puts the right flow\n            exactly where you need it.\n          \u003c\/p\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=\"ps-features\"\u003e\n\n      \u003cdiv class=\"ps-section-heading\"\u003e\n\n        \u003cdiv\u003e\n          \u003cspan class=\"ps-section-number\"\u003e01\u003c\/span\u003e\n\n          \u003ch2\u003e\n            Designed around\u003cbr\u003e\n            \u003cem\u003eyour dog.\u003c\/em\u003e\n          \u003c\/h2\u003e\n        \u003c\/div\u003e\n\n        \u003cp\u003e\n          Every detail has been considered\n          to make bath time simpler.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-grid\"\u003e\n\n\n        \u003c!-- 01 --\u003e\n        \u003cdiv class=\"ps-card\"\u003e\n\n          \u003cdiv class=\"ps-card-top\"\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003cb\u003e🐕\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Made for Dog Bathing\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed specifically for washing dogs —\n            gentle on coats while providing a thorough rinse.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ps-card-bottom\"\u003e\n            \u003cspan\u003eGENTLE\u003c\/span\u003e\n            \u003cspan\u003eTHOROUGH\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 02 --\u003e\n        \u003cdiv class=\"ps-card\"\u003e\n\n          \u003cdiv class=\"ps-card-top\"\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cb\u003e💧\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Multiple Spray Settings\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Choose a softer mist for sensitive pups\n            or a stronger rinse for thicker coats.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ps-card-bottom\"\u003e\n            \u003cspan\u003eSOFT MIST\u003c\/span\u003e\n            \u003cspan\u003ePOWER RINSE\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 03 --\u003e\n        \u003cdiv class=\"ps-card\"\u003e\n\n          \u003cdiv class=\"ps-card-top\"\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003cb\u003e🤜\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Ergonomic Grip\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A comfortable non-slip handle gives you\n            confident control through every wash.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ps-card-bottom\"\u003e\n            \u003cspan\u003eCOMFORT\u003c\/span\u003e\n            \u003cspan\u003eCONTROL\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 04 --\u003e\n        \u003cdiv class=\"ps-card\"\u003e\n\n          \u003cdiv class=\"ps-card-top\"\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003cb\u003e🔧\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Universal Fitting\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Connects easily to most taps and shower heads\n            for a simple setup at home.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ps-card-bottom\"\u003e\n            \u003cspan\u003eEASY FIT\u003c\/span\u003e\n            \u003cspan\u003eVERSATILE\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 05 --\u003e\n        \u003cdiv class=\"ps-card\"\u003e\n\n          \u003cdiv class=\"ps-card-top\"\u003e\n            \u003cspan\u003e05\u003c\/span\u003e\n            \u003cb\u003e⚡\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Powerful Flow\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Strong water flow helps rinse shampoo\n            deep through dense or double coats.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ps-card-bottom\"\u003e\n            \u003cspan\u003eDEEP RINSE\u003c\/span\u003e\n            \u003cspan\u003ePOWERFUL\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 06 --\u003e\n        \u003cdiv class=\"ps-card\"\u003e\n\n          \u003cdiv class=\"ps-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 Durability\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Built with a durable premium construction\n            made for regular grooming sessions.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"ps-card-bottom\"\u003e\n            \u003cspan\u003ePREMIUM\u003c\/span\u003e\n            \u003cspan\u003eBUILT TO LAST\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!-- BATH FLOW --\u003e\n    \u003cdiv class=\"ps-flow\"\u003e\n\n      \u003cdiv class=\"ps-flow-title\"\u003e\n        \u003cspan\u003eTHE PERFECT RINSE\u003c\/span\u003e\n\n        \u003ch2\u003e\n          Simple.\u003cbr\u003e\n          \u003cem\u003eControlled.\u003c\/em\u003e\n          Better.\n        \u003c\/h2\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ps-flow-steps\"\u003e\n\n        \u003cdiv class=\"ps-step\"\u003e\n          \u003cdiv\u003e01\u003c\/div\u003e\n          \u003cspan\u003eWET\u003c\/span\u003e\n          \u003cp\u003e\n            Gently saturate the coat.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-step-line\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"ps-step\"\u003e\n          \u003cdiv\u003e02\u003c\/div\u003e\n          \u003cspan\u003eWASH\u003c\/span\u003e\n          \u003cp\u003e\n            Work shampoo through the coat.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-step-line\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"ps-step\"\u003e\n          \u003cdiv\u003e03\u003c\/div\u003e\n          \u003cspan\u003eRINSE\u003c\/span\u003e\n          \u003cp\u003e\n            Power through every layer.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ps-step-line\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"ps-step\"\u003e\n          \u003cdiv\u003e04\u003c\/div\u003e\n          \u003cspan\u003eREFRESH\u003c\/span\u003e\n          \u003cp\u003e\n            Finish with a clean, happy coat.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PERFORMANCE BAR --\u003e\n    \u003cdiv class=\"ps-performance\"\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e01\u003c\/strong\u003e\n        \u003cspan\u003eGENTLE FLOW\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e02\u003c\/strong\u003e\n        \u003cspan\u003ePOWER RINSE\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e03\u003c\/strong\u003e\n        \u003cspan\u003eERGONOMIC\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e04\u003c\/strong\u003e\n        \u003cspan\u003eUNIVERSAL\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL --\u003e\n    \u003cdiv class=\"ps-final\"\u003e\n\n      \u003cdiv class=\"ps-final-icon\"\u003e\n        💧\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Clean dog. Happy dog. Proud owner.\n      \u003c\/p\u003e\n\n      \u003ch2\u003e\n        Bath time,\u003cbr\u003e\n        \u003cem\u003ereimagined.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"ps-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™ HAND SHOWER\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\n========================================== *\/\n\n.pootjies-shower {\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    110px 25px;\n\n  color:#433b32;\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  background:\n\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(191,157,99,.17),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 90% 75%,\n      rgba(255,255,255,.75),\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\/* ==========================================\n   CONTAINER\n========================================== *\/\n\n.ps-container {\n\n  position:relative;\n\n  z-index:5;\n\n  max-width:1180px;\n\n  margin:auto;\n\n}\n\n\n\/* ==========================================\n   GLOWS\n========================================== *\/\n\n.ps-glow {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  pointer-events:none;\n\n  filter:blur(2px);\n\n  animation:\n    psFloat\n    9s\n    ease-in-out\n    infinite;\n\n}\n\n\n.ps-glow-1 {\n\n  width:330px;\n  height:330px;\n\n  left:-170px;\n  top:10%;\n\n  background:\n    rgba(190,154,96,.10);\n\n}\n\n\n.ps-glow-2 {\n\n  width:280px;\n  height:280px;\n\n  right:-140px;\n  bottom:15%;\n\n  background:\n    rgba(255,255,255,.6);\n\n  animation-delay:-4s;\n\n}\n\n\n@keyframes psFloat {\n\n  0%,100% {\n    transform:translateY(0);\n  }\n\n  50% {\n    transform:translateY(-35px);\n  }\n\n}\n\n\n\/* ==========================================\n   WATER RIPPLES\n========================================== *\/\n\n.ps-ripple {\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(175,139,82,.12);\n\n  animation:\n    psRipple\n    7s\n    ease-out\n    infinite;\n\n}\n\n\n.ps-ripple-1 {\n\n  top:5%;\n  right:-180px;\n\n}\n\n\n.ps-ripple-2 {\n\n  bottom:3%;\n  left:-180px;\n\n  animation-delay:-3s;\n\n}\n\n\n@keyframes psRipple {\n\n  0% {\n    transform:scale(.7);\n    opacity:0;\n  }\n\n  30% {\n    opacity:.7;\n  }\n\n  100% {\n    transform:scale(1.35);\n    opacity:0;\n  }\n\n}\n\n\n\/* ==========================================\n   BUBBLES\n========================================== *\/\n\n.ps-bubble {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(174,135,80,.18);\n\n  background:\n    rgba(255,255,255,.22);\n\n  animation:\n    psBubble\n    8s\n    ease-in-out\n    infinite;\n\n}\n\n\n.ps-bubble-1 {\n  width:18px;\n  height:18px;\n  left:13%;\n  top:20%;\n}\n\n\n.ps-bubble-2 {\n  width:10px;\n  height:10px;\n  left:22%;\n  top:65%;\n  animation-delay:-2s;\n}\n\n\n.ps-bubble-3 {\n  width:25px;\n  height:25px;\n  right:13%;\n  top:30%;\n  animation-delay:-4s;\n}\n\n\n.ps-bubble-4 {\n  width:12px;\n  height:12px;\n  right:23%;\n  bottom:18%;\n  animation-delay:-1s;\n}\n\n\n.ps-bubble-5 {\n  width:8px;\n  height:8px;\n  left:45%;\n  top:12%;\n  animation-delay:-5s;\n}\n\n\n@keyframes psBubble {\n\n  0%,100% {\n    transform:\n      translateY(0)\n      scale(1);\n    opacity:.35;\n  }\n\n  50% {\n    transform:\n      translateY(-30px)\n      scale(1.15);\n    opacity:.8;\n  }\n\n}\n\n\n\/* ==========================================\n   HERO\n========================================== *\/\n\n.ps-hero {\n\n  text-align:center;\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    105px;\n\n}\n\n\n.ps-eyebrow {\n\n  display:flex;\n\n  justify-content:center;\n  align-items: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.ps-eyebrow span {\n\n  width:28px;\n\n  height:1px;\n\n  background:#c3a06a;\n\n}\n\n\n.ps-hero h1 {\n\n  margin:0;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      55px,\n      8vw,\n      95px\n    );\n\n  line-height:.94;\n\n  letter-spacing:-5px;\n\n  font-weight:600;\n\n}\n\n\n.ps-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.ps-hero \u003e p {\n\n  max-width:620px;\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.ps-water-line {\n\n  display:flex;\n\n  justify-content:center;\n\n  gap:6px;\n\n  margin-top:40px;\n\n}\n\n\n.ps-water-line i {\n\n  display:block;\n\n  width:5px;\n  height:5px;\n\n  border-radius:50%;\n\n  background:#b58d58;\n\n  animation:\n    psDot\n    2s\n    ease-in-out\n    infinite;\n\n}\n\n\n.ps-water-line i:nth-child(2) {\n  animation-delay:.2s;\n}\n\n.ps-water-line i:nth-child(3) {\n  animation-delay:.4s;\n}\n\n\n@keyframes psDot {\n\n  0%,100% {\n    transform:translateY(0);\n    opacity:.4;\n  }\n\n  50% {\n    transform:translateY(-7px);\n    opacity:1;\n  }\n\n}\n\n\n\/* ==========================================\n   INTRO\n========================================== *\/\n\n.ps-introduction {\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    110px;\n\n  text-align:center;\n\n}\n\n\n.ps-intro-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  letter-spacing:2.5px;\n\n  font-weight:700;\n\n}\n\n\n.ps-intro-label span {\n\n  width:25px;\n\n  height:1px;\n\n  background:#b58d57;\n\n}\n\n\n.ps-introduction h2 {\n\n  margin:\n    0 0 35px;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      40px,\n      5vw,\n      68px\n    );\n\n  line-height:1;\n\n  letter-spacing:-3px;\n\n}\n\n\n.ps-introduction 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.ps-intro-copy {\n\n  max-width:720px;\n\n  margin:auto;\n\n}\n\n\n.ps-intro-copy p {\n\n  margin:\n    0 0 20px;\n\n  color:#756b5f;\n\n  font-size:15px;\n\n  line-height:1.9;\n\n}\n\n\n.ps-intro-copy strong {\n\n  color:#4c4338;\n\n}\n\n\n\/* ==========================================\n   WATER EXPERIENCE\n========================================== *\/\n\n.ps-experience {\n\n  max-width:1000px;\n\n  margin:\n    0 auto\n    130px;\n\n  padding:60px;\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.ps-experience-inner {\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  align-items:center;\n\n  gap:60px;\n\n}\n\n\n.ps-water-symbol {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:260px;\n  height:260px;\n\n  margin:auto;\n\n}\n\n\n.ps-water-symbol \u003e span {\n\n  position:relative;\n\n  z-index:5;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:80px;\n  height:80px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.7);\n\n  box-shadow:\n    0 10px 30px\n    rgba(100,75,40,.1);\n\n  font-size:28px;\n\n}\n\n\n.ps-water-circle {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(174,135,80,.2);\n\n  animation:\n    psCircle\n    5s\n    ease-out\n    infinite;\n\n}\n\n\n.circle-1 {\n\n  width:100px;\n  height:100px;\n\n}\n\n\n.circle-2 {\n\n  width:165px;\n  height:165px;\n\n  animation-delay:-1.6s;\n\n}\n\n\n.circle-3 {\n\n  width:230px;\n  height:230px;\n\n  animation-delay:-3s;\n\n}\n\n\n@keyframes psCircle {\n\n  0%,100% {\n    transform:scale(.92);\n    opacity:.4;\n  }\n\n  50% {\n    transform:scale(1.06);\n    opacity:1;\n  }\n\n}\n\n\n.ps-experience-text 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.ps-experience-text 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.ps-experience-text 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.ps-experience-text p {\n\n  max-width:440px;\n\n  margin:0;\n\n  color:#756b5f;\n\n  font-size:14px;\n\n  line-height:1.9;\n\n}\n\n\n\/* ==========================================\n   FEATURES\n========================================== *\/\n\n.ps-features {\n\n  margin-bottom:125px;\n\n}\n\n\n.ps-section-heading {\n\n  display:flex;\n\n  justify-content:space-between;\n\n  align-items:flex-end;\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.ps-section-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.ps-section-heading h2 {\n\n  margin:0;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      40px,\n      5vw,\n      65px\n    );\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n}\n\n\n.ps-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.ps-section-heading \u003e p {\n\n  max-width:300px;\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 CARDS\n========================================== *\/\n\n.ps-grid {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:16px;\n\n}\n\n\n.ps-card {\n\n  position:relative;\n\n  overflow:hidden;\n\n  min-height:275px;\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    .45s ease;\n\n}\n\n\n.ps-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.ps-card:after {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:150px;\n  height:150px;\n\n  right:-90px;\n  bottom:-90px;\n\n  border-radius:50%;\n\n  background:\n    rgba(190,154,96,.08);\n\n  transition:\n    .5s ease;\n\n}\n\n\n.ps-card:hover:after {\n\n  transform:scale(2);\n\n}\n\n\n.ps-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.ps-card-top span {\n\n  color:#ae8957;\n\n  font-size:9px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ps-card-top b {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:42px;\n  height:42px;\n\n  border-radius:50%;\n\n  background:#eee4d5;\n\n  font-size:16px;\n\n  transition:.4s ease;\n\n}\n\n\n.ps-card:hover .ps-card-top b {\n\n  transform:\n    rotate(8deg)\n    scale(1.1);\n\n}\n\n\n.ps-card h3 {\n\n  margin:\n    0 0 12px;\n\n  color:#4a4238;\n\n  font-size:15px;\n\n}\n\n\n.ps-card p {\n\n  max-width:280px;\n\n  margin:0;\n\n  color:#807467;\n\n  font-size:12px;\n\n  line-height:1.8;\n\n}\n\n\n.ps-card-bottom {\n\n  position:absolute;\n\n  left:30px;\n  right:30px;\n  bottom:25px;\n\n  display:flex;\n\n  justify-content:space-between;\n\n  padding-top:15px;\n\n  border-top:\n    1px solid\n    rgba(174,135,80,.15);\n\n  color:#a08767;\n\n  font-size:8px;\n\n  letter-spacing:1.5px;\n\n}\n\n\n\/* ==========================================\n   BATH FLOW\n========================================== *\/\n\n.ps-flow {\n\n  margin-bottom:110px;\n\n  text-align:center;\n\n}\n\n\n.ps-flow-title 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.ps-flow-title 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.ps-flow-title 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.ps-flow-steps {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:15px;\n\n}\n\n\n.ps-step {\n\n  width:190px;\n\n}\n\n\n.ps-step \u003e div {\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.ps-step:hover \u003e div {\n\n  transform:\n    translateY(-5px);\n\n  background:\n    rgba(255,255,255,.75);\n\n}\n\n\n.ps-step span {\n\n  color:#4b4238;\n\n  font-size:10px;\n\n  font-weight:700;\n\n  letter-spacing:2px;\n\n}\n\n\n.ps-step p {\n\n  margin:\n    9px 0 0;\n\n  color:#807467;\n\n  font-size:11px;\n\n  line-height:1.6;\n\n}\n\n\n.ps-step-line {\n\n  width:55px;\n\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\n========================================== *\/\n\n.ps-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.ps-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.ps-performance \u003e div:last-child {\n\n  border-right:0;\n\n}\n\n\n.ps-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.ps-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.ps-final {\n\n  text-align:center;\n\n}\n\n\n.ps-final-icon {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:52px;\n  height:52px;\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  font-size:20px;\n\n  animation:\n    psIcon\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes psIcon {\n\n  0%,100% {\n    transform:translateY(0);\n  }\n\n  50% {\n    transform:translateY(-8px);\n  }\n\n}\n\n\n.ps-final p {\n\n  margin:\n    0 0 15px;\n\n  color:#8c795f;\n\n  font-family:\n    \"Playfair Display\",\n    serif;\n\n  font-size:18px;\n\n  font-style:italic;\n\n}\n\n\n.ps-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.ps-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.ps-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-shower {\n\n    padding:\n      85px 20px;\n\n  }\n\n\n  .ps-experience {\n\n    padding:45px;\n\n  }\n\n\n  .ps-experience-inner {\n\n    grid-template-columns:1fr;\n\n    text-align:center;\n\n  }\n\n\n  .ps-experience-text p {\n\n    margin:auto;\n\n  }\n\n\n  .ps-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .ps-flow-steps {\n\n    flex-wrap:wrap;\n\n  }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media(max-width:600px){\n\n  .pootjies-shower {\n\n    padding:\n      75px 17px;\n\n  }\n\n\n  .ps-hero {\n\n    margin-bottom:75px;\n\n  }\n\n\n  .ps-hero h1 {\n\n    font-size:50px;\n\n    letter-spacing:-3px;\n\n  }\n\n\n  .ps-hero \u003e p {\n\n    font-size:15px;\n\n  }\n\n\n  .ps-introduction h2 {\n\n    font-size:42px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .ps-experience {\n\n    padding:35px 22px;\n\n    border-radius:25px;\n\n  }\n\n\n  .ps-water-symbol {\n\n    width:220px;\n    height:220px;\n\n  }\n\n\n  .ps-experience-text h3 {\n\n    font-size:44px;\n\n  }\n\n\n  .ps-section-heading {\n\n    display:block;\n\n  }\n\n\n  .ps-section-heading h2 {\n\n    font-size:44px;\n\n  }\n\n\n  .ps-section-heading \u003e p {\n\n    margin-top:20px;\n\n    text-align:left;\n\n  }\n\n\n  .ps-grid {\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .ps-performance {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .ps-performance \u003e div {\n\n    border-bottom:\n      1px solid\n      rgba(174,135,80,.18);\n\n  }\n\n\n  .ps-performance \u003e div:nth-child(2) {\n\n    border-right:0;\n\n  }\n\n\n  .ps-performance \u003e div:nth-child(3),\n  .ps-performance \u003e div:nth-child(4) {\n\n    border-bottom:0;\n\n  }\n\n\n  .ps-step-line {\n\n    display:none;\n\n  }\n\n\n  .ps-flow-steps {\n\n    display:grid;\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:35px 10px;\n\n  }\n\n\n  .ps-step {\n\n    width:auto;\n\n  }\n\n\n  .ps-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":47014384042145,"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_12_11_40PM_44c500c2-94c3-48e0-b390-2bc11b347bba.png?v=1788872101","url":"https:\/\/pootjies.co.za\/products\/pootjies%e2%84%a2-hand-shower","provider":"Pootjies","version":"1.0","type":"link"}