{"product_id":"pootjies™-brush","title":"Pootjies™ Brush","description":"\u003csection class=\"pootjies-luxury\"\u003e\n\n  \u003c!-- Ambient background --\u003e\n  \u003cdiv class=\"pootjies-orb pootjies-orb-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"pootjies-orb pootjies-orb-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"pootjies-inner\"\u003e\n\n    \u003c!-- TOP STATEMENT --\u003e\n    \u003cdiv class=\"pootjies-intro\"\u003e\n\n      \u003cdiv class=\"pootjies-kicker\"\u003e\n        POOTJIES™ · EVERYDAY LUXURY\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Some things just\n        \u003cspan\u003efeel right\u003c\/span\u003e\n        in your hands.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"pootjies-line\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"pootjies-opening\"\u003e\n        The Pootjies™ Brush was designed for the moments that matter —\n        quiet mornings, gentle strokes, and a bond that grows with every groom.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- MAIN FEATURE PANEL --\u003e\n    \u003cdiv class=\"pootjies-panel\"\u003e\n\n      \u003c!-- LEFT SIDE --\u003e\n      \u003cdiv class=\"pootjies-story\"\u003e\n\n        \u003cdiv class=\"story-number\"\u003e01\u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan class=\"story-label\"\u003eA GENTLER RITUAL\u003c\/span\u003e\n\n          \u003ch3\u003e\n            Soft enough\u003cbr\u003e\n            \u003cem\u003eto soothe.\u003c\/em\u003e\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Soft enough to soothe, effective enough to transform.\n            Whether your pet has a flowing coat or a short, sleek one,\n            Pootjies™ adapts beautifully to every grooming moment.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- RIGHT SIDE --\u003e\n      \u003cdiv class=\"pootjies-features\"\u003e\n\n        \u003cdiv class=\"pootjies-feature\"\u003e\n\n          \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n\n          \u003cdiv class=\"feature-content\"\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003ch4\u003eUltra-soft premium bristles\u003c\/h4\u003e\n            \u003cp\u003e\n              Gentle on skin while delivering powerful grooming results.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pootjies-feature\"\u003e\n\n          \u003cdiv class=\"feature-icon\"\u003e🤎\u003c\/div\u003e\n\n          \u003cdiv class=\"feature-content\"\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003ch4\u003eErgonomic weighted handle\u003c\/h4\u003e\n            \u003cp\u003e\n              Balanced for effortless, precise and comfortable grooming.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pootjies-feature\"\u003e\n\n          \u003cdiv class=\"feature-icon\"\u003e🐾\u003c\/div\u003e\n\n          \u003cdiv class=\"feature-content\"\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003ch4\u003eMade for every coat\u003c\/h4\u003e\n            \u003cp\u003e\n              Beautifully suited to short, long, curly and silky coats.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pootjies-feature\"\u003e\n\n          \u003cdiv class=\"feature-icon\"\u003e🌿\u003c\/div\u003e\n\n          \u003cdiv class=\"feature-content\"\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003ch4\u003eLess shedding, frizz \u0026amp; tangles\u003c\/h4\u003e\n            \u003cp\u003e\n              Helps leave your pet's coat smoother, cleaner and beautifully\n              polished.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pootjies-feature\"\u003e\n\n          \u003cdiv class=\"feature-icon\"\u003e💫\u003c\/div\u003e\n\n          \u003cdiv class=\"feature-content\"\u003e\n            \u003cspan\u003e05\u003c\/span\u003e\n            \u003ch4\u003eEveryday luxury\u003c\/h4\u003e\n            \u003cp\u003e\n              Beautifully crafted to turn everyday grooming into a ritual.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- COAT TYPES --\u003e\n    \u003cdiv class=\"pootjies-coats\"\u003e\n\n      \u003cdiv class=\"coat-title\"\u003e\n        \u003cspan\u003eDESIGNED TO ADAPT\u003c\/span\u003e\n        \u003ch3\u003eOne beautiful brush.\u003cbr\u003e\u003cem\u003eEvery kind of coat.\u003c\/em\u003e\n\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"coat-items\"\u003e\n\n        \u003cdiv class=\"coat-item\"\u003e\n          \u003cdiv class=\"coat-circle\"\u003eS\u003c\/div\u003e\n          \u003cspan\u003eShort\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"coat-item\"\u003e\n          \u003cdiv class=\"coat-circle\"\u003eL\u003c\/div\u003e\n          \u003cspan\u003eLong\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"coat-item\"\u003e\n          \u003cdiv class=\"coat-circle\"\u003eC\u003c\/div\u003e\n          \u003cspan\u003eCurly\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"coat-item\"\u003e\n          \u003cdiv class=\"coat-circle\"\u003eS\u003c\/div\u003e\n          \u003cspan\u003eSilky\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CLOSING --\u003e\n    \u003cdiv class=\"pootjies-closing\"\u003e\n\n      \u003cdiv class=\"closing-decoration\"\u003e\n        ✦\n      \u003c\/div\u003e\n\n      \u003cp class=\"closing-quote\"\u003e\n        More than a brush.\u003cbr\u003e\n        \u003cem\u003eA moment of care.\u003c\/em\u003e\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"closing-brand\"\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n        \u003cstrong\u003ePootjies™\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#shop\" class=\"pootjies-cta\"\u003e\n        \u003cspan\u003eMake grooming a ritual\u003c\/span\u003e\n        \u003cb\u003e→\u003c\/b\u003e\n      \u003c\/a\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™ LUXURY EXPERIENCE\n===================================================== *\/\n\n.pootjies-luxury {\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding: 110px 24px;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(173,124,66,.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 70%,\n      rgba(173,124,66,.09),\n      transparent 30%\n    ),\n    #f6f2eb;\n\n  color: #29221b;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n}\n\n\n\/* =====================================================\n   AMBIENT ORBS\n===================================================== *\/\n\n.pootjies-orb {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  filter: blur(80px);\n\n  opacity: .35;\n\n}\n\n\n.pootjies-orb-one {\n\n  width: 320px;\n  height: 320px;\n\n  top: 5%;\n  left: -120px;\n\n  background: rgba(190,142,83,.15);\n\n  animation:\n    pootjiesOrbOne\n    9s\n    ease-in-out\n    infinite alternate;\n\n}\n\n\n.pootjies-orb-two {\n\n  width: 280px;\n  height: 280px;\n\n  right: -100px;\n  bottom: 15%;\n\n  background: rgba(150,105,55,.10);\n\n  animation:\n    pootjiesOrbTwo\n    11s\n    ease-in-out\n    infinite alternate;\n\n}\n\n\n@keyframes pootjiesOrbOne {\n\n  from {\n    transform: translate(0,0);\n  }\n\n  to {\n    transform: translate(80px,60px);\n  }\n\n}\n\n\n@keyframes pootjiesOrbTwo {\n\n  from {\n    transform: translate(0,0);\n  }\n\n  to {\n    transform: translate(-60px,-50px);\n  }\n\n}\n\n\n\/* =====================================================\n   INNER\n===================================================== *\/\n\n.pootjies-inner {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 1180px;\n\n  margin: auto;\n\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.pootjies-intro {\n\n  max-width: 800px;\n\n  margin: 0 auto 75px;\n\n  text-align: center;\n\n  animation:\n    pootjiesReveal\n    1s\n    ease\n    both;\n\n}\n\n\n@keyframes pootjiesReveal {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(30px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n.pootjies-kicker {\n\n  margin-bottom: 20px;\n\n  color: #a47338;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 4px;\n\n}\n\n\n.pootjies-intro h2 {\n\n  margin: 0;\n\n  color: #251e18;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(48px, 7vw, 82px);\n\n  line-height: .98;\n\n  font-weight: 400;\n\n  letter-spacing: -3px;\n\n}\n\n\n.pootjies-intro h2 span {\n\n  display: inline-block;\n\n  color: #a36d31;\n\n  font-style: italic;\n\n}\n\n\n.pootjies-line {\n\n  width: 55px;\n\n  height: 1px;\n\n  margin: 30px auto;\n\n  background: #b48a59;\n\n  animation:\n    pootjiesLine\n    1.2s\n    ease\n    .4s\n    both;\n\n}\n\n\n@keyframes pootjiesLine {\n\n  from {\n    width: 0;\n  }\n\n  to {\n    width: 55px;\n  }\n\n}\n\n\n.pootjies-opening {\n\n  max-width: 610px;\n\n  margin: auto;\n\n  color: #776e65;\n\n  font-size: 15px;\n\n  line-height: 1.9;\n\n}\n\n\n\/* =====================================================\n   MAIN PANEL\n===================================================== *\/\n\n.pootjies-panel {\n\n  display: grid;\n\n  grid-template-columns:\n    .85fr\n    1.15fr;\n\n  gap: 60px;\n\n  padding: 65px;\n\n  border:\n    1px solid\n    rgba(119,84,44,.12);\n\n  border-radius: 34px;\n\n  background:\n    rgba(255,255,255,.57);\n\n  box-shadow:\n    0 35px 90px\n    rgba(48,35,23,.10);\n\n  backdrop-filter:\n    blur(18px);\n\n  animation:\n    pootjiesPanel\n    1s\n    ease\n    .15s\n    both;\n\n}\n\n\n@keyframes pootjiesPanel {\n\n  from {\n\n    opacity: 0;\n\n    transform:\n      translateY(35px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n\/* =====================================================\n   STORY\n===================================================== *\/\n\n.pootjies-story {\n\n  display: grid;\n\n  grid-template-columns: 40px 1fr;\n\n  gap: 25px;\n\n}\n\n\n.story-number {\n\n  color: #b38a5a;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 13px;\n\n}\n\n\n.story-label {\n\n  display: block;\n\n  margin-bottom: 18px;\n\n  color: #a16d34;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n}\n\n\n.pootjies-story h3 {\n\n  margin: 0 0 22px;\n\n  color: #282019;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 48px;\n\n  line-height: 1;\n\n  font-weight: 400;\n\n  letter-spacing: -1.5px;\n\n}\n\n\n.pootjies-story h3 em {\n\n  color: #a16b30;\n\n}\n\n\n.pootjies-story p {\n\n  margin: 0;\n\n  color: #776e65;\n\n  font-size: 14px;\n\n  line-height: 1.9;\n\n}\n\n\n\/* =====================================================\n   FEATURES\n===================================================== *\/\n\n.pootjies-features {\n\n  display: flex;\n\n  flex-direction: column;\n\n}\n\n\n.pootjies-feature {\n\n  display: grid;\n\n  grid-template-columns: 48px 1fr;\n\n  gap: 17px;\n\n  padding: 20px 0;\n\n  border-bottom:\n    1px solid\n    rgba(80,55,30,.10);\n\n  transition:\n    transform .35s ease,\n    padding-left .35s ease;\n\n}\n\n\n.pootjies-feature:first-child {\n\n  padding-top: 0;\n\n}\n\n\n.pootjies-feature:last-child {\n\n  border-bottom: none;\n\n  padding-bottom: 0;\n\n}\n\n\n.pootjies-feature:hover {\n\n  transform: translateX(7px);\n\n  padding-left: 4px;\n\n}\n\n\n.feature-icon {\n\n  width: 43px;\n  height: 43px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eee2d2,\n      #e4d2bb\n    );\n\n  font-size: 16px;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.8);\n\n}\n\n\n.feature-content span {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #b0926e;\n\n  font-size: 8px;\n\n  letter-spacing: 2px;\n\n}\n\n\n.feature-content h4 {\n\n  margin: 0 0 5px;\n\n  color: #302820;\n\n  font-size: 14px;\n\n  font-weight: 600;\n\n}\n\n\n.feature-content p {\n\n  margin: 0;\n\n  color: #8a8178;\n\n  font-size: 11px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =====================================================\n   COAT SECTION\n===================================================== *\/\n\n.pootjies-coats {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  align-items: center;\n\n  gap: 60px;\n\n  padding: 80px 20px;\n\n}\n\n\n.coat-title span {\n\n  color: #a16c31;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n}\n\n\n.coat-title h3 {\n\n  margin: 15px 0 0;\n\n  color: #2b231c;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 42px;\n\n  line-height: 1.05;\n\n  font-weight: 400;\n\n}\n\n\n.coat-title h3 em {\n\n  color: #a16d32;\n\n}\n\n\n\/* coat circles *\/\n\n.coat-items {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 15px;\n\n}\n\n\n.coat-item {\n\n  text-align: center;\n\n  color: #71685e;\n\n  font-size: 10px;\n\n}\n\n\n.coat-circle {\n\n  width: 65px;\n  height: 65px;\n\n  margin: 0 auto 10px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border:\n    1px solid\n    rgba(148,103,54,.22);\n\n  border-radius: 50%;\n\n  color: #a16c31;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 20px;\n\n  background:\n    rgba(255,255,255,.5);\n\n  transition:\n    all .4s ease;\n\n}\n\n\n.coat-item:hover .coat-circle {\n\n  transform:\n    translateY(-7px);\n\n  background: #eadcc9;\n\n  box-shadow:\n    0 12px 30px\n    rgba(120,80,40,.12);\n\n}\n\n\n\/* =====================================================\n   CLOSING\n===================================================== *\/\n\n.pootjies-closing {\n\n  padding:\n    80px 20px\n    20px;\n\n  text-align: center;\n\n}\n\n\n.closing-decoration {\n\n  margin-bottom: 25px;\n\n  color: #b18555;\n\n  font-size: 20px;\n\n  animation:\n    pootjiesSparkle\n    3s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes pootjiesSparkle {\n\n  0%,100% {\n\n    opacity: .5;\n\n    transform: scale(1);\n\n  }\n\n  50% {\n\n    opacity: 1;\n\n    transform: scale(1.2);\n\n  }\n\n}\n\n\n.closing-quote {\n\n  margin: 0;\n\n  color: #2a221b;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(38px,5vw,58px);\n\n  line-height: 1.05;\n\n  font-weight: 400;\n\n  letter-spacing: -1px;\n\n}\n\n\n.closing-quote em {\n\n  color: #a16d32;\n\n}\n\n\n.closing-brand {\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin:\n    25px 0 35px;\n\n  color: #8e7c68;\n\n  font-size: 11px;\n\n  letter-spacing: 2px;\n\n}\n\n\n.closing-brand strong {\n\n  color: #9c672f;\n\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.pootjies-cta {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 25px;\n\n  padding:\n    8px\n    9px\n    8px\n    25px;\n\n  color: #fff;\n\n  background: #29221c;\n\n  border-radius: 100px;\n\n  text-decoration: none;\n\n  font-size: 12px;\n\n  font-weight: 600;\n\n  box-shadow:\n    0 15px 35px\n    rgba(40,30,20,.17);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n\n}\n\n\n.pootjies-cta:hover {\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 22px 45px\n    rgba(40,30,20,.25);\n\n}\n\n\n.pootjies-cta b {\n\n  width: 38px;\n  height: 38px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: #a87135;\n\n  font-size: 17px;\n\n  transition:\n    transform .35s ease;\n\n}\n\n\n.pootjies-cta:hover b {\n\n  transform:\n    translateX(5px);\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:850px) {\n\n  .pootjies-luxury {\n\n    padding:\n      70px 18px;\n\n  }\n\n\n  .pootjies-intro {\n\n    margin-bottom: 50px;\n\n  }\n\n\n  .pootjies-intro h2 {\n\n    font-size: 49px;\n\n    letter-spacing: -2px;\n\n  }\n\n\n  .pootjies-panel {\n\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n\n    padding: 35px 25px;\n\n    border-radius: 25px;\n\n  }\n\n\n  .pootjies-story {\n\n    grid-template-columns: 30px 1fr;\n\n  }\n\n\n  .pootjies-story h3 {\n\n    font-size: 42px;\n\n  }\n\n\n  .pootjies-coats {\n\n    grid-template-columns: 1fr;\n\n    gap: 40px;\n\n    padding:\n      65px 5px;\n\n  }\n\n\n  .coat-title h3 {\n\n    font-size: 37px;\n\n  }\n\n\n}\n\n\n@media(max-width:480px) {\n\n  .pootjies-intro h2 {\n\n    font-size: 40px;\n\n  }\n\n\n  .pootjies-opening {\n\n    font-size: 13px;\n\n  }\n\n\n  .pootjies-panel {\n\n    padding:\n      30px 20px;\n\n  }\n\n\n  .pootjies-story h3 {\n\n    font-size: 36px;\n\n  }\n\n\n  .pootjies-story p {\n\n    font-size: 13px;\n\n  }\n\n\n  .coat-items {\n\n    gap: 5px;\n\n  }\n\n\n  .coat-circle {\n\n    width: 55px;\n    height: 55px;\n\n  }\n\n\n  .closing-quote {\n\n    font-size: 38px;\n\n  }\n\n\n  .pootjies-cta {\n\n    width: 100%;\n\n    justify-content: space-between;\n\n    box-sizing: border-box;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"My Store 8","offers":[{"title":"Default Title","offer_id":47001253740705,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/1410\/2433\/files\/ChatGPTImageSep8_2026_12_07_33PM.png?v=1788864910","url":"https:\/\/pootjies.co.za\/products\/pootjies%e2%84%a2-brush","provider":"Pootjies","version":"1.0","type":"link"}