{"product_id":"pootjies™-dog-perfume-spray","title":"Pootjies™ Dog Perfume Spray","description":"\u003csection class=\"pootjies-perfume\"\u003e\n\n  \u003c!-- Ambient background --\u003e\n  \u003cdiv class=\"pp-glow pp-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pp-glow pp-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Fragrance rings --\u003e\n  \u003cdiv class=\"pp-ring pp-ring-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pp-ring pp-ring-2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pp-ring pp-ring-3\"\u003e\u003c\/div\u003e\n\n  \u003c!-- Floating fragrance particles --\u003e\n  \u003cspan class=\"pp-particle pp-particle-1\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"pp-particle pp-particle-2\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"pp-particle pp-particle-3\"\u003e✦\u003c\/span\u003e\n  \u003cspan class=\"pp-particle pp-particle-4\"\u003e·\u003c\/span\u003e\n  \u003cspan class=\"pp-particle pp-particle-5\"\u003e✧\u003c\/span\u003e\n  \u003cspan class=\"pp-particle pp-particle-6\"\u003e✦\u003c\/span\u003e\n\n  \u003cdiv class=\"pp-container\"\u003e\n\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"pp-hero\"\u003e\n\n      \u003cdiv class=\"pp-eyebrow\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        POOTJIES™ FRAGRANCE COLLECTION\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Smell as good\u003cbr\u003e\n        as you \u003cem\u003efeel.\u003c\/em\u003e\n      \u003c\/h1\u003e\n\n      \u003cp\u003e\n        The luxurious finishing touch to every\n        grooming session — refined, gentle and unmistakably Pootjies™.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"pp-fragrance-mark\"\u003e\n\n        \u003cspan\u003e\u003c\/span\u003e\n\n        \u003cdiv class=\"pp-scent-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003cspan\u003e\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- INTRO --\u003e\n    \u003cdiv class=\"pp-intro\"\u003e\n\n      \u003cdiv class=\"pp-label\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        THE FINISHING TOUCH\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Groomed to perfection.\u003cbr\u003e\n        \u003cem\u003eBeautifully fresh.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"pp-copy\"\u003e\n\n        \u003cp\u003e\n          Introducing the \u003cstrong\u003ePootjies™ Dog Perfume Spray\u003c\/strong\u003e —\n          a luxurious finishing touch to every grooming session.\n          Crafted with a delicate, long-lasting fragrance that's\n          as refined as it is gentle.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          From the first spritz to the last cuddle, it leaves\n          your dog feeling fresh, confident and completely themselves.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FRAGRANCE EXPERIENCE --\u003e\n    \u003cdiv class=\"pp-experience\"\u003e\n\n      \u003cdiv class=\"pp-experience-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"pp-scent-visual\"\u003e\n\n        \u003cdiv class=\"pp-scent-wave wave-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pp-scent-wave wave-2\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pp-scent-wave wave-3\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"pp-scent-core\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"pp-scent-dot dot-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pp-scent-dot dot-2\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pp-scent-dot dot-3\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pp-scent-dot dot-4\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pp-experience-content\"\u003e\n\n        \u003csmall\u003e\n          A REFINED FINISH\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          Freshness that\u003cbr\u003e\n          \u003cem\u003elingers beautifully.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A delicate fragrance designed to elevate\n          the grooming experience without overpowering\n          your dog's natural personality.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"pp-mini-stats\"\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e01\u003c\/strong\u003e\n            \u003cspan\u003eREFINED\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e02\u003c\/strong\u003e\n            \u003cspan\u003eLONG-LASTING\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e03\u003c\/strong\u003e\n            \u003cspan\u003eGENTLE\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=\"pp-features\"\u003e\n\n      \u003cdiv class=\"pp-heading\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cspan class=\"pp-heading-number\"\u003e\n            01\n          \u003c\/span\u003e\n\n          \u003ch2\u003e\n            Fragrance,\u003cbr\u003e\n            \u003cem\u003ereimagined.\u003c\/em\u003e\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp\u003e\n          Thoughtfully designed for the final\n          moment of your grooming ritual.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pp-grid\"\u003e\n\n\n        \u003c!-- CARD 01 --\u003e\n        \u003cdiv class=\"pp-card\"\u003e\n\n          \u003cdiv class=\"pp-card-top\"\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003cb\u003e🌸\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Refined Fragrance\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A light, sophisticated fragrance\n            created specifically for dogs.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pp-card-footer\"\u003e\n            \u003cspan\u003eLIGHT\u003c\/span\u003e\n            \u003cspan\u003eSOPHISTICATED\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CARD 02 --\u003e\n        \u003cdiv class=\"pp-card\"\u003e\n\n          \u003cdiv class=\"pp-card-top\"\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cb\u003e⌛\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Long-Lasting Freshness\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Enjoy a beautifully fresh scent\n            that goes beyond bath day.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pp-card-footer\"\u003e\n            \u003cspan\u003eFRESH\u003c\/span\u003e\n            \u003cspan\u003eLASTING\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CARD 03 --\u003e\n        \u003cdiv class=\"pp-card\"\u003e\n\n          \u003cdiv class=\"pp-card-top\"\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003cb\u003e♡\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Alcohol-Free \u0026amp; Gentle\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A gentle, alcohol-free mist designed\n            with sensitive skin and coats in mind.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pp-card-footer\"\u003e\n            \u003cspan\u003eGENTLE\u003c\/span\u003e\n            \u003cspan\u003eALCOHOL-FREE\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CARD 04 --\u003e\n        \u003cdiv class=\"pp-card\"\u003e\n\n          \u003cdiv class=\"pp-card-top\"\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003cb\u003e🐾\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            For Every Dog\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Suitable for all breeds, sizes\n            and coat types.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pp-card-footer\"\u003e\n            \u003cspan\u003eALL BREEDS\u003c\/span\u003e\n            \u003cspan\u003eALL COATS\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CARD 05 --\u003e\n        \u003cdiv class=\"pp-card\"\u003e\n\n          \u003cdiv class=\"pp-card-top\"\u003e\n            \u003cspan\u003e05\u003c\/span\u003e\n            \u003cb\u003e✧\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Quick-Dry Mist\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A fine mist that dries quickly,\n            keeping the finishing touch effortless.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pp-card-footer\"\u003e\n            \u003cspan\u003eQUICK-DRY\u003c\/span\u003e\n            \u003cspan\u003eEFFORTLESS\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CARD 06 --\u003e\n        \u003cdiv class=\"pp-card\"\u003e\n\n          \u003cdiv class=\"pp-card-top\"\u003e\n            \u003cspan\u003e06\u003c\/span\u003e\n            \u003cb\u003e✦\u003c\/b\u003e\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            The Perfect Finish\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Complete your grooming routine\n            with the unmistakable Pootjies™ touch.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"pp-card-footer\"\u003e\n            \u003cspan\u003ePREMIUM\u003c\/span\u003e\n            \u003cspan\u003ePOOTJIES™\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!-- GROOMING RITUAL --\u003e\n    \u003cdiv class=\"pp-ritual\"\u003e\n\n      \u003cdiv class=\"pp-ritual-heading\"\u003e\n\n        \u003cspan\u003e\n          THE POOTJIES™ FINISH\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          The ritual ends\u003cbr\u003e\n          \u003cem\u003ewith a spritz.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pp-ritual-steps\"\u003e\n\n\n        \u003cdiv class=\"pp-step\"\u003e\n\n          \u003cdiv class=\"pp-step-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            GROOM\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Complete your dog's\n            grooming routine.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-step-line\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-step\"\u003e\n\n          \u003cdiv class=\"pp-step-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            SPRITZ\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add a delicate touch\n            of Pootjies™ fragrance.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-step-line\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-step\"\u003e\n\n          \u003cdiv class=\"pp-step-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            FRESHEN\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Let the quick-dry mist\n            settle beautifully.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-step-line\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-step\"\u003e\n\n          \u003cdiv class=\"pp-step-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            CUDDLE\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Enjoy that fresh,\n            irresistible moment.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PERFORMANCE BAR --\u003e\n    \u003cdiv class=\"pp-performance\"\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e01\u003c\/strong\u003e\n        \u003cspan\u003eREFINED SCENT\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e02\u003c\/strong\u003e\n        \u003cspan\u003eLONG-LASTING\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e03\u003c\/strong\u003e\n        \u003cspan\u003eGENTLE MIST\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e04\u003c\/strong\u003e\n        \u003cspan\u003eQUICK-DRY\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL --\u003e\n    \u003cdiv class=\"pp-final\"\u003e\n\n      \u003cdiv class=\"pp-final-icon\"\u003e\n        ✦\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Groomed. Gorgeous.\n        Unmistakably Pootjies™.\n      \u003c\/p\u003e\n\n      \u003ch2\u003e\n        Freshness worth\u003cbr\u003e\n        \u003cem\u003eremembering.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"pp-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™ DOG PERFUME SPRAY\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-perfume {\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    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 12% 12%,\n      rgba(193,158,99,.16),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 88% 78%,\n      rgba(255,255,255,.78),\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.pp-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   AMBIENT GLOWS\n========================================================= *\/\n\n.pp-glow {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  pointer-events:none;\n\n  filter:blur(4px);\n\n  animation:\n    ppFloat\n    10s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pp-glow-1 {\n\n  width:360px;\n  height:360px;\n\n  left:-180px;\n  top:8%;\n\n  background:\n    rgba(190,154,96,.09);\n\n}\n\n\n.pp-glow-2 {\n\n  width:300px;\n  height:300px;\n\n  right:-150px;\n  bottom:10%;\n\n  background:\n    rgba(255,255,255,.65);\n\n  animation-delay:-4s;\n\n}\n\n\n@keyframes ppFloat {\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   FRAGRANCE RINGS\n========================================================= *\/\n\n.pp-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    ppRing\n    9s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pp-ring-1 {\n\n  width:430px;\n  height:430px;\n\n  right:-200px;\n  top:-150px;\n\n}\n\n\n.pp-ring-2 {\n\n  width:300px;\n  height:300px;\n\n  left:-130px;\n  top:35%;\n\n  animation-delay:-3s;\n\n}\n\n\n.pp-ring-3 {\n\n  width:500px;\n  height:500px;\n\n  right:-250px;\n  bottom:-220px;\n\n  animation-delay:-6s;\n\n}\n\n\n@keyframes ppRing {\n\n  0%,100% {\n\n    transform:\n      scale(.88);\n\n    opacity:.3;\n\n  }\n\n  50% {\n\n    transform:\n      scale(1.08);\n\n    opacity:.75;\n\n  }\n\n}\n\n\n\/* =========================================================\n   FLOATING PARTICLES\n========================================================= *\/\n\n.pp-particle {\n\n  position:absolute;\n\n  color:#b08a55;\n\n  opacity:.3;\n\n  font-size:15px;\n\n  animation:\n    ppParticle\n    6s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pp-particle-1 {\n  top:17%;\n  left:14%;\n}\n\n.pp-particle-2 {\n  top:27%;\n  right:15%;\n  animation-delay:-1s;\n}\n\n.pp-particle-3 {\n  top:48%;\n  left:8%;\n  animation-delay:-2s;\n}\n\n.pp-particle-4 {\n  top:65%;\n  right:11%;\n  animation-delay:-3s;\n}\n\n.pp-particle-5 {\n  bottom:18%;\n  left:19%;\n  animation-delay:-4s;\n}\n\n.pp-particle-6 {\n  bottom:12%;\n  right:28%;\n  animation-delay:-5s;\n}\n\n\n@keyframes ppParticle {\n\n  0%,100% {\n\n    transform:\n      translateY(0)\n      rotate(0deg);\n\n    opacity:.2;\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-18px)\n      rotate(20deg);\n\n    opacity:.75;\n\n  }\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.pp-hero {\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    105px;\n\n  text-align:center;\n\n}\n\n\n.pp-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.pp-eyebrow span {\n\n  width:28px;\n\n  height:1px;\n\n  background:#c3a06a;\n\n}\n\n\n.pp-hero h1 {\n\n  margin:0;\n\n  color:#40382f;\n\n  font-size:\n    clamp(\n      52px,\n      7.5vw,\n      92px\n    );\n\n  line-height:.95;\n\n  letter-spacing:-5px;\n\n  font-weight:600;\n\n}\n\n\n.pp-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.pp-hero \u003e p {\n\n  max-width:630px;\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.pp-fragrance-mark {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:13px;\n\n  margin-top:40px;\n\n}\n\n\n.pp-fragrance-mark \u003e span {\n\n  width:40px;\n\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #b48b55\n    );\n\n}\n\n\n.pp-fragrance-mark \u003e span:last-child {\n\n  background:\n    linear-gradient(\n      90deg,\n      #b48b55,\n      transparent\n    );\n\n}\n\n\n.pp-scent-icon {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:45px;\n  height:45px;\n\n  border:\n    1px solid\n    rgba(174,135,80,.28);\n\n  border-radius:50%;\n\n  color:#ad854e;\n\n  background:\n    rgba(255,255,255,.35);\n\n  animation:\n    ppIcon\n    3s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes ppIcon {\n\n  0%,100% {\n\n    transform:\n      scale(.9)\n      rotate(0deg);\n\n  }\n\n  50% {\n\n    transform:\n      scale(1.08)\n      rotate(8deg);\n\n  }\n\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.pp-intro {\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    115px;\n\n  text-align:center;\n\n}\n\n\n.pp-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.pp-label span {\n\n  width:25px;\n\n  height:1px;\n\n  background:#b58d57;\n\n}\n\n\n.pp-intro 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.pp-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.pp-copy {\n\n  max-width:720px;\n\n  margin:auto;\n\n}\n\n\n.pp-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.pp-copy strong {\n\n  color:#4d4439;\n\n}\n\n\n\/* =========================================================\n   EXPERIENCE\n========================================================= *\/\n\n.pp-experience {\n\n  position:relative;\n\n  overflow:hidden;\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  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.pp-experience-glow {\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  left:-150px;\n  top:-150px;\n\n  border-radius:50%;\n\n  background:\n    rgba(196,163,108,.08);\n\n  filter:blur(15px);\n\n}\n\n\n\/* =========================================================\n   SCENT VISUAL\n========================================================= *\/\n\n.pp-scent-visual {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:280px;\n  height:280px;\n\n  margin:auto;\n\n}\n\n\n.pp-scent-wave {\n\n  position:absolute;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(174,135,80,.22);\n\n  animation:\n    ppWave\n    6s\n    ease-in-out\n    infinite;\n\n}\n\n\n.wave-1 {\n\n  width:95px;\n  height:95px;\n\n}\n\n\n.wave-2 {\n\n  width:170px;\n  height:170px;\n\n  animation-delay:-2s;\n\n}\n\n\n.wave-3 {\n\n  width:250px;\n  height:250px;\n\n  animation-delay:-4s;\n\n}\n\n\n@keyframes ppWave {\n\n  0%,100% {\n\n    transform:\n      scale(.9);\n\n    opacity:.3;\n\n  }\n\n  50% {\n\n    transform:\n      scale(1.08);\n\n    opacity:.9;\n\n  }\n\n}\n\n\n.pp-scent-core {\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:85px;\n  height:85px;\n\n  border-radius:50%;\n\n  color:#ad854e;\n\n  background:\n    rgba(255,255,255,.75);\n\n  box-shadow:\n    0 15px 40px\n    rgba(90,65,35,.1);\n\n  animation:\n    ppCore\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n.pp-scent-core span {\n\n  font-size:27px;\n\n}\n\n\n@keyframes ppCore {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-9px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   SCENT DOTS\n========================================================= *\/\n\n.pp-scent-dot {\n\n  position:absolute;\n\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:#b38b56;\n\n  opacity:.5;\n\n  animation:\n    ppDot\n    5s\n    ease-in-out\n    infinite;\n\n}\n\n\n.dot-1 {\n\n  top:25px;\n  left:75px;\n\n}\n\n\n.dot-2 {\n\n  top:75px;\n  right:35px;\n\n  animation-delay:-1s;\n\n}\n\n\n.dot-3 {\n\n  bottom:40px;\n  left:50px;\n\n  animation-delay:-2s;\n\n}\n\n\n.dot-4 {\n\n  bottom:65px;\n  right:70px;\n\n  animation-delay:-3s;\n\n}\n\n\n@keyframes ppDot {\n\n  0%,100% {\n\n    transform:\n      translateY(0)\n      scale(1);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-15px)\n      scale(1.3);\n\n  }\n\n}\n\n\n\/* =========================================================\n   EXPERIENCE CONTENT\n========================================================= *\/\n\n.pp-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.pp-experience-content h3 {\n\n  margin:\n    18px 0 22px;\n\n  color:#40382f;\n\n  font-size:50px;\n\n  line-height:.98;\n\n  letter-spacing:-3px;\n\n}\n\n\n.pp-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.pp-experience-content \u003e p {\n\n  max-width:420px;\n\n  margin:0;\n\n  color:#756b5f;\n\n  font-size:14px;\n\n  line-height:1.9;\n\n}\n\n\n.pp-mini-stats {\n\n  display:flex;\n\n  gap:35px;\n\n  margin-top:30px;\n\n}\n\n\n.pp-mini-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}\n\n\n.pp-mini-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.pp-features {\n\n  margin-bottom:125px;\n\n}\n\n\n.pp-heading {\n\n  display:flex;\n\n  align-items:flex-end;\n\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.pp-heading-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.pp-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.pp-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.pp-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   CARDS\n========================================================= *\/\n\n.pp-grid {\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:16px;\n\n}\n\n\n.pp-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    background .45s ease,\n    box-shadow .45s ease,\n    border-color .45s ease;\n\n}\n\n\n.pp-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.pp-card:before {\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    transform .5s ease;\n\n}\n\n\n.pp-card:hover:before {\n\n  transform:\n    scale(2.1);\n\n}\n\n\n.pp-card-top {\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  margin-bottom:30px;\n\n}\n\n\n.pp-card-top span {\n\n  color:#ae8957;\n\n  font-size:9px;\n\n  letter-spacing:2px;\n\n}\n\n\n.pp-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.pp-card:hover .pp-card-top b {\n\n  transform:\n    scale(1.1)\n    rotate(8deg);\n\n}\n\n\n.pp-card h3 {\n\n  margin:\n    0 0 12px;\n\n  color:#4a4238;\n\n  font-size:15px;\n\n}\n\n\n.pp-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.pp-card-footer {\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:#9c8465;\n\n  font-size:8px;\n\n  letter-spacing:1.5px;\n\n}\n\n\n\/* =========================================================\n   RITUAL\n========================================================= *\/\n\n.pp-ritual {\n\n  margin-bottom:115px;\n\n  text-align:center;\n\n}\n\n\n.pp-ritual-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.pp-ritual-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.pp-ritual-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.pp-ritual-steps {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:15px;\n\n}\n\n\n.pp-step {\n\n  width:190px;\n\n}\n\n\n.pp-step-number {\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.pp-step:hover .pp-step-number {\n\n  transform:\n    translateY(-6px);\n\n  background:\n    rgba(255,255,255,.75);\n\n}\n\n\n.pp-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.pp-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.pp-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.pp-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.pp-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.pp-performance \u003e div:last-child {\n\n  border-right:0;\n\n}\n\n\n.pp-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.pp-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.pp-final {\n\n  text-align:center;\n\n}\n\n\n.pp-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  color:#ad854e;\n\n  animation:\n    ppFinal\n    4s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes ppFinal {\n\n  0%,100% {\n\n    transform:\n      translateY(0)\n      rotate(0deg);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-7px)\n      rotate(8deg);\n\n  }\n\n}\n\n\n.pp-final p {\n\n  max-width:500px;\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.pp-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.pp-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.pp-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-perfume {\n\n    padding:\n      85px 20px;\n\n  }\n\n\n  .pp-experience {\n\n    grid-template-columns:1fr;\n\n    gap:45px;\n\n    padding:45px;\n\n  }\n\n\n  .pp-experience-content {\n\n    text-align:center;\n\n  }\n\n\n  .pp-experience-content \u003e p {\n\n    margin:auto;\n\n  }\n\n\n  .pp-mini-stats {\n\n    justify-content:center;\n\n  }\n\n\n  .pp-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .pp-ritual-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-perfume {\n\n    padding:\n      75px 17px;\n\n  }\n\n\n  .pp-hero {\n\n    margin-bottom:75px;\n\n  }\n\n\n  .pp-hero h1 {\n\n    font-size:50px;\n\n    letter-spacing:-3px;\n\n  }\n\n\n  .pp-hero \u003e p {\n\n    font-size:15px;\n\n  }\n\n\n  .pp-intro h2 {\n\n    font-size:42px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .pp-experience {\n\n    padding:\n      35px 22px;\n\n    border-radius:25px;\n\n  }\n\n\n  .pp-scent-visual {\n\n    width:220px;\n    height:220px;\n\n  }\n\n\n  .wave-3 {\n\n    width:200px;\n    height:200px;\n\n  }\n\n\n  .pp-experience-content h3 {\n\n    font-size:43px;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .pp-mini-stats {\n\n    gap:22px;\n\n  }\n\n\n  .pp-heading {\n\n    display:block;\n\n  }\n\n\n  .pp-heading h2 {\n\n    font-size:44px;\n\n  }\n\n\n  .pp-heading \u003e p {\n\n    margin-top:20px;\n\n    text-align:left;\n\n  }\n\n\n  .pp-grid {\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .pp-performance {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .pp-performance \u003e div {\n\n    border-bottom:\n      1px solid\n      rgba(174,135,80,.18);\n\n  }\n\n\n  .pp-performance \u003e div:nth-child(2) {\n\n    border-right:0;\n\n  }\n\n\n  .pp-performance \u003e div:nth-child(3),\n  .pp-performance \u003e div:nth-child(4) {\n\n    border-bottom:0;\n\n  }\n\n\n  .pp-step-line {\n\n    display:none;\n\n  }\n\n\n  .pp-ritual-steps {\n\n    display:grid;\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:35px 10px;\n\n  }\n\n\n  .pp-step {\n\n    width:auto;\n\n  }\n\n\n  .pp-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":47015459881121,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/1410\/2433\/files\/ChatGPTImageSep8_2026_12_12_50PM.png?v=1788872894","url":"https:\/\/pootjies.co.za\/products\/pootjies%e2%84%a2-dog-perfume-spray","provider":"Pootjies","version":"1.0","type":"link"}