{"product_id":"portable-dog-water-bottle-with-integrated-animal-water-bowl-multifunctional-on-the-go-pet-hydration-feeding-accessory-for-dogs","title":"Spotty portable dog Water Bottle with Integrated Animal Water Bowl - Multifunctional On-The-Go Pet Hydration, Feeding Accessory for Dogs","description":"\n\u003cstyle\u003e\n#spotty-features {\n  --green: #193d32;\n  --cream: #faf8f2;\n  --gold: #b89a64;\n  --muted: #687a70;\n\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  background: var(--cream);\n  color: var(--green);\n  font-family: inherit;\n  box-sizing: border-box;\n  border-radius: 18px;\n}\n\n#spotty-features * {\n  box-sizing: border-box;\n}\n\n#spotty-features .sp-banner {\n  background: var(--green);\n  color: white;\n  overflow: hidden;\n  padding: 17px 0;\n}\n\n#spotty-features .sp-track {\n  display: flex;\n  width: max-content;\n  animation: sp-scroll 25s linear infinite;\n}\n\n#spotty-features .sp-group {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 28px;\n  padding-right: 28px;\n  white-space: nowrap;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n}\n\n#spotty-features .sp-star {\n  color: var(--gold);\n}\n\n#spotty-features .sp-content {\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 65px 24px;\n}\n\n#spotty-features .sp-intro {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n#spotty-features .sp-label {\n  font-size: 11px;\n  font-weight: 750;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #68816e;\n  margin-bottom: 16px;\n}\n\n#spotty-features .sp-title {\n  font-size: clamp(32px, 5vw, 52px);\n  line-height: 1.16;\n  letter-spacing: -1.5px;\n  color: var(--green);\n  margin: 0 0 18px;\n  font-weight: 750;\n}\n\n#spotty-features .sp-accent {\n  font-family: Georgia, serif;\n  font-style: italic;\n  font-weight: 400;\n  color: var(--gold);\n}\n\n#spotty-features .sp-subtitle {\n  font-size: 16px;\n  line-height: 1.8;\n  color: var(--muted);\n  max-width: 580px;\n  margin: 0 auto;\n}\n\n#spotty-features .sp-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  gap: 18px;\n}\n\n#spotty-features .sp-card {\n  background: #fff;\n  padding: 32px 25px;\n  border: 1px solid #e7ebe3;\n  border-radius: 22px;\n  text-align: left;\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n#spotty-features .sp-card:hover {\n  transform: translateY(-8px);\n  border-color: #b7c8b9;\n  box-shadow: 0 20px 40px rgba(25,61,50,.12);\n}\n\n#spotty-features .sp-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  background: #edf3e9;\n  border-radius: 18px;\n  font-size: 28px;\n  margin-bottom: 22px;\n  transition: transform .3s ease;\n}\n\n#spotty-features .sp-card:hover .sp-icon {\n  transform: scale(1.12) rotate(-5deg);\n}\n\n#spotty-features .sp-card h3 {\n  color: var(--green);\n  font-size: 20px;\n  line-height: 1.3;\n  margin: 0 0 12px;\n  font-weight: 750;\n}\n\n#spotty-features .sp-card p {\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 1.8;\n  margin: 0;\n}\n\n#spotty-features .sp-cta {\n  margin-top: 45px;\n  padding: 48px 24px;\n  background: #e9eee2;\n  border-radius: 24px;\n  text-align: center;\n}\n\n#spotty-features .sp-cta h2 {\n  font-size: clamp(29px, 4vw, 43px);\n  line-height: 1.2;\n  margin: 0 0 16px;\n  color: var(--green);\n}\n\n#spotty-features .sp-cta p {\n  max-width: 520px;\n  margin: 0 auto 25px;\n  color: var(--muted);\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n#spotty-features .sp-button {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  background: var(--green);\n  color: white;\n  padding: 16px 29px;\n  border-radius: 50px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.4;\n  text-decoration: none;\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    box-shadow .3s ease;\n}\n\n#spotty-features .sp-button:hover {\n  color: white;\n  background: #2c604d;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 25px rgba(25,61,50,.2);\n}\n\n#spotty-features .sp-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n#spotty-features.sp-animated .sp-reveal {\n  opacity: 0;\n  transform: translateY(25px);\n  transition:\n    opacity .7s ease,\n    transform .7s ease;\n}\n\n#spotty-features.sp-animated .sp-reveal.sp-show {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@keyframes sp-scroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n@media(max-width: 749px) {\n  #spotty-features .sp-content {\n    padding: 48px 17px;\n  }\n\n  #spotty-features .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  #spotty-features .sp-card {\n    padding: 27px 23px;\n  }\n\n  #spotty-features .sp-cta {\n    padding: 37px 19px;\n    margin-top: 30px;\n  }\n\n  #spotty-features .sp-title {\n    letter-spacing: -1px;\n  }\n}\n\n@media(prefers-reduced-motion: reduce) {\n  #spotty-features *,\n  #spotty-features *::before,\n  #spotty-features *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  #spotty-features.sp-animated .sp-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection id=\"spotty-features\"\u003e\n\n  \u003c!-- MOVING BENEFITS BANNER --\u003e\n  \u003cdiv class=\"sp-banner\"\u003e\n    \u003cdiv class=\"sp-track\"\u003e\n\n      \u003cdiv class=\"sp-group\"\u003e\n        \u003cspan\u003eLess to Carry\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n        \u003cspan\u003eMore Tail Wags\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n        \u003cspan\u003eHydration Anywhere\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n        \u003cspan\u003eOne Bottle. Three Essentials.\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sp-group\" aria-hidden=\"true\"\u003e\n        \u003cspan\u003eLess to Carry\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n        \u003cspan\u003eMore Tail Wags\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n        \u003cspan\u003eHydration Anywhere\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n        \u003cspan\u003eOne Bottle. Three Essentials.\u003c\/span\u003e\n        \u003cspan class=\"sp-star\"\u003e✦\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PRODUCT BENEFITS --\u003e\n  \u003cdiv class=\"sp-content\"\u003e\n\n    \u003cdiv class=\"sp-intro sp-reveal\"\u003e\n      \u003cdiv class=\"sp-label\"\u003e\n        Thoughtfully Designed for Dog Parents\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"sp-title\"\u003e\n        Three Essentials.\u003cbr\u003e\n        \u003cspan class=\"sp-accent\"\u003e\n          One Clever Bottle.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"sp-subtitle\"\u003e\n        Say goodbye to carrying multiple accessories.\n        Spotty™ combines your dog's everyday walking\n        essentials into one convenient travel companion.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-grid\"\u003e\n\n      \u003carticle class=\"sp-card sp-reveal\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eFresh Water Anywhere\u003c\/h3\u003e\n        \u003cp\u003e\n          Keep your dog refreshed on walks,\n          road trips and outdoor adventures\n          with the integrated drinking bowl.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"sp-card sp-reveal\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e🥣\u003c\/div\u003e\n        \u003ch3\u003eSnacks on the Go\u003c\/h3\u003e\n        \u003cp\u003e\n          Store dry food or your dog's\n          favourite treats in the dedicated\n          food storage compartment.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"sp-card sp-reveal\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e🐾\u003c\/div\u003e\n        \u003ch3\u003eAlways Prepared\u003c\/h3\u003e\n        \u003cp\u003e\n          Keep waste bags conveniently\n          within reach with the built-in\n          waste bag holder.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- FINAL CTA --\u003e\n    \u003cdiv class=\"sp-cta sp-reveal\"\u003e\n\n      \u003cdiv class=\"sp-label\"\u003e\n        Adventure Starts Here\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Walk More.\u003cbr\u003e\n        \u003cspan class=\"sp-accent\"\u003e\n          Carry Less.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Make every walk easier, cleaner and\n        more enjoyable with Spotty™ —\n        your dog's all-in-one travel companion.\n      \u003c\/p\u003e\n\n      \u003ca class=\"sp-button\" href=\"#spotty-buy\"\u003e\n        Get Your Spotty™\n        \u003cspan aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n(function() {\n  function initSpottyFeatures() {\n    var root = document.getElementById('spotty-features');\n    if (!root || root.dataset.ready === 'true') return;\n\n    root.dataset.ready = 'true';\n\n    var buyButton = root.querySelector('.sp-button');\n\n    if (buyButton) {\n      buyButton.addEventListener('click', function(event) {\n        var target = document.querySelector(\n          'product-form, form[action*=\"\/cart\/add\"], .product-form'\n        );\n\n        if (target) {\n          event.preventDefault();\n          target.scrollIntoView({\n            behavior: 'smooth',\n            block: 'center'\n          });\n        }\n      });\n    }\n\n    var items = root.querySelectorAll('.sp-reveal');\n\n    if (\n      !('IntersectionObserver' in window) ||\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches\n    ) {\n      return;\n    }\n\n    root.classList.add('sp-animated');\n\n    var observer = new IntersectionObserver(\n      function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('sp-show');\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      {\n        threshold: 0.05,\n        rootMargin: '0px 0px 80px 0px'\n      }\n    );\n\n    items.forEach(function(item) {\n      observer.observe(item);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener(\n      'DOMContentLoaded',\n      initSpottyFeatures,\n      { once: true }\n    );\n  } else {\n    initSpottyFeatures();\n  }\n\n  document.addEventListener(\n    'shopify:section:load',\n    initSpottyFeatures\n  );\n})();\n\u003c\/script\u003e\n","brand":"Spotty World","offers":[{"title":"Blue","offer_id":47627280384172,"sku":"61c95ba7-f439-4bc1-a657-b4d2c99b2f0b","price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":47627280416940,"sku":"4ec8d186-a369-423f-8f57-1a8bcd677de2","price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0781\/1468\/5100\/files\/4696e7d9e9d060bc4d358538a4564ae5.jpg?v=1792099171","url":"https:\/\/spottyworld.co.za\/products\/portable-dog-water-bottle-with-integrated-animal-water-bowl-multifunctional-on-the-go-pet-hydration-feeding-accessory-for-dogs","provider":"Spotty World","version":"1.0","type":"link"}