{"product_id":"5m-automatic-retractable-dog-leash-with-led-flashlight-durable-nylon-lead-for-pet-dogs-adjustable-walking-running-rope","title":"5M Automatic Retractable Dog Leash with Led Flashlight Durable Nylon Lead for Pet Dogs Adjustable Walking Running Rope","description":"\n\u003cstyle\u003e\n\/* SPOTTY PREMIUM LEASH SECTION *\/\n.spotty-leash-v3 {\n  --forest: #193a33;\n  --gold: #b49c70;\n  --sage: #6d7c77;\n  --cream: #f7f8f7;\n  --card: #f3f6f9;\n  --line: #dee5e1;\n\n  background: var(--cream) !important;\n  color: var(--forest) !important;\n  padding: 20px 16px 65px;\n  font-family: inherit;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.spotty-leash-v3 *,\n.spotty-leash-v3 *::before,\n.spotty-leash-v3 *::after {\n  box-sizing: border-box;\n}\n\n.spotty-leash-v3 h2,\n.spotty-leash-v3 h3 {\n  color: var(--forest) !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  text-transform: none !important;\n}\n\n.spotty-leash-v3 p {\n  color: var(--sage) !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n.spotty-leash-v3 .sl3-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* PREMIUM TOP BANNER *\/\n.spotty-leash-v3 .sl3-banner {\n  background: var(--forest);\n  padding: 22px 16px;\n  border-radius: 22px 22px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  gap: 10px;\n}\n\n.spotty-leash-v3 .sl3-banner span {\n  color: #ffffff !important;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.spotty-leash-v3 .sl3-banner .sl3-star {\n  color: var(--gold) !important;\n  font-size: 21px;\n  animation: sl3Twinkle 3s ease-in-out infinite;\n}\n\n@keyframes sl3Twinkle {\n  0%,100% {transform:scale(1)}\n  50% {transform:scale(1.3)}\n}\n\n\/* HEADER *\/\n.spotty-leash-v3 .sl3-header {\n  text-align: center;\n  padding: 60px 12px 45px;\n}\n\n.spotty-leash-v3 .sl3-eyebrow {\n  color: #72877c !important;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2.4px;\n  text-transform: uppercase;\n  line-height: 1.8;\n}\n\n.spotty-leash-v3 .sl3-header h2 {\n  font-size: clamp(34px, 5vw, 60px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -1.5px;\n  margin: 25px 0 !important;\n}\n\n.spotty-leash-v3 .sl3-header h2 em {\n  display: block;\n  font-family: Georgia, serif;\n  font-weight: 400;\n  font-style: italic;\n  color: var(--gold) !important;\n  margin-top: 4px;\n}\n\n.spotty-leash-v3 .sl3-header p {\n  max-width: 650px;\n  margin: 0 auto !important;\n  font-size: 16px;\n  line-height: 1.9;\n}\n\n\/* FEATURE CARDS *\/\n.spotty-leash-v3 .sl3-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0,1fr));\n  gap: 18px;\n}\n\n.spotty-leash-v3 .sl3-card {\n  background: var(--card);\n  border: 1px solid var(--line);\n  border-radius: 26px;\n  padding: 32px;\n  position: relative;\n  overflow: hidden;\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none;\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n.spotty-leash-v3 .sl3-card:hover {\n  transform: translateY(-6px);\n  border-color: var(--gold);\n  box-shadow: 0 15px 35px rgba(25,58,51,.10);\n}\n\n.spotty-leash-v3 .sl3-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  background: #e8efeb;\n  border-radius: 22px;\n  font-size: 30px;\n  margin-bottom: 25px;\n  transition: transform .35s ease;\n}\n\n.spotty-leash-v3 .sl3-card:hover .sl3-icon {\n  transform: rotate(-8deg) scale(1.08);\n}\n\n.spotty-leash-v3 .sl3-card h3 {\n  font-size: clamp(21px,2.5vw,27px);\n  font-weight: 800;\n  line-height: 1.35;\n  margin: 0 0 14px !important;\n}\n\n.spotty-leash-v3 .sl3-card p {\n  font-size: 15px;\n  line-height: 1.85;\n  margin: 0 !important;\n}\n\n.spotty-leash-v3 .sl3-label {\n  display: block;\n  margin-top: 23px;\n  color: #a48c63 !important;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n}\n\n\/* INTERACTIVE SECTION *\/\n.spotty-leash-v3 .sl3-demo {\n  margin-top: 22px;\n  background: #eaf0ec;\n  border: 1px solid #dce5de;\n  border-radius: 27px;\n  padding: 38px;\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  align-items: center;\n  gap: 35px;\n}\n\n.spotty-leash-v3 .sl3-demo h3 {\n  font-size: clamp(27px,3vw,40px);\n  font-weight: 800;\n  line-height: 1.25;\n  margin: 15px 0 !important;\n}\n\n.spotty-leash-v3 .sl3-demo h3 em {\n  font-family: Georgia,serif;\n  font-weight: 400;\n  color: var(--gold) !important;\n}\n\n.spotty-leash-v3 .sl3-demo p {\n  font-size: 15px;\n  line-height: 1.8;\n  margin: 0 !important;\n}\n\n.spotty-leash-v3 .sl3-meter {\n  background: #ffffff;\n  border: 1px solid var(--line);\n  border-radius: 22px;\n  padding: 28px;\n  text-align: center;\n}\n\n.spotty-leash-v3 .sl3-number {\n  font-size: clamp(55px,7vw,90px);\n  font-weight: 850;\n  line-height: 1.2;\n  letter-spacing: -3px;\n  color: var(--forest) !important;\n  font-variant-numeric: tabular-nums;\n}\n\n.spotty-leash-v3 .sl3-unit {\n  font-family: Georgia,serif;\n  font-style: italic;\n  color: var(--gold) !important;\n}\n\n.spotty-leash-v3 .sl3-meter-caption {\n  font-size: 11px;\n  letter-spacing: 1.4px;\n  font-weight: 800;\n  color: var(--sage) !important;\n  margin: 12px 0 25px;\n}\n\n.spotty-leash-v3 .sl3-track {\n  width: 100%;\n  height: 8px;\n  background: #e8eeeb;\n  border-radius: 20px;\n  overflow: hidden;\n  margin-bottom: 18px;\n}\n\n.spotty-leash-v3 .sl3-fill {\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg,#193a33,#b49c70);\n  border-radius: inherit;\n  transition: width .15s ease;\n}\n\n.spotty-leash-v3 .sl3-slider {\n  width: 100%;\n  display: block;\n  accent-color: #193a33;\n  cursor: pointer;\n}\n\n.spotty-leash-v3 .sl3-scale {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 12px;\n  gap: 10px;\n}\n\n.spotty-leash-v3 .sl3-scale span {\n  color: var(--sage) !important;\n  font-size: 10px;\n  font-weight: 800;\n}\n\n\/* CALL TO ACTION *\/\n.spotty-leash-v3 .sl3-cta {\n  text-align: center;\n  padding-top: 42px;\n}\n\n.spotty-leash-v3 .sl3-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 15px;\n  background: var(--forest) !important;\n  color: #ffffff !important;\n  padding: 19px 35px;\n  border-radius: 13px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  transition: transform .3s ease,\n    background .3s ease;\n}\n\n.spotty-leash-v3 .sl3-button:hover {\n  background: #28574b !important;\n  transform: translateY(-4px);\n}\n\n.spotty-leash-v3 .sl3-button span {\n  color: #d6b88c !important;\n  font-size: 20px;\n}\n\n.spotty-leash-v3 .sl3-cta p {\n  font-size: 13px;\n  margin-top: 17px !important;\n}\n\n\/* MOBILE *\/\n@media(max-width:750px) {\n  .spotty-leash-v3 {\n    padding: 10px 12px 50px;\n  }\n\n  .spotty-leash-v3 .sl3-banner {\n    padding: 19px 12px;\n  }\n\n  .spotty-leash-v3 .sl3-banner span {\n    font-size: 9px;\n    letter-spacing: .5px;\n  }\n\n  .spotty-leash-v3 .sl3-header {\n    padding: 50px 8px 35px;\n  }\n\n  .spotty-leash-v3 .sl3-header h2 {\n    letter-spacing: -1px;\n  }\n\n  .spotty-leash-v3 .sl3-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .spotty-leash-v3 .sl3-card {\n    padding: 27px 25px;\n  }\n\n  .spotty-leash-v3 .sl3-demo {\n    grid-template-columns: 1fr;\n    padding: 27px 22px;\n    gap: 25px;\n  }\n\n  .spotty-leash-v3 .sl3-meter {\n    padding: 24px 18px;\n  }\n\n  .spotty-leash-v3 .sl3-button {\n    width: 100%;\n    padding: 19px 15px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  .spotty-leash-v3 *,\n  .spotty-leash-v3 *::before,\n  .spotty-leash-v3 *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"spotty-leash-v3\"\u003e\n\u003cdiv class=\"sl3-container\"\u003e\n\n  \u003c!-- TOP BANNER --\u003e\n  \u003cdiv class=\"sl3-banner\"\u003e\n    \u003cspan\u003eMORE TAIL WAGS\u003c\/span\u003e\n    \u003cspan class=\"sl3-star\"\u003e✦\u003c\/span\u003e\n    \u003cspan\u003eMORE FREEDOM\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HEADING --\u003e\n  \u003cdiv class=\"sl3-header\"\u003e\n    \u003cdiv class=\"sl3-eyebrow\"\u003e\n      THOUGHTFULLY DESIGNED FOR DOG PARENTS\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Every Walk.\n      \u003cem\u003eA Little Adventure.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      More room to explore. More moments together.\n      Spotty™ brings freedom, convenience and\n      everyday control together in one clever\n      retractable dog leash.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BENEFITS --\u003e\n  \u003cdiv class=\"sl3-grid\"\u003e\n\n    \u003cdiv class=\"sl3-card\"\u003e\n      \u003cdiv class=\"sl3-icon\"\u003e🐕\u003c\/div\u003e\n      \u003ch3\u003e5 Metres of Freedom\u003c\/h3\u003e\n      \u003cp\u003e\n        Give your curious companion room to sniff,\n        explore and discover the world. Enjoy up\n        to 5 metres of reach while keeping your\n        best friend connected to you.\n      \u003c\/p\u003e\n      \u003cspan class=\"sl3-label\"\u003e\n        MORE ROOM TO EXPLORE ✦\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sl3-card\"\u003e\n      \u003cdiv class=\"sl3-icon\"\u003e🔄\u003c\/div\u003e\n      \u003ch3\u003eEffortless Retraction\u003c\/h3\u003e\n      \u003cp\u003e\n        Less loose leash, more enjoyable walks.\n        The automatic retracting mechanism\n        takes up excess lead as your dog moves\n        closer, making daily outings simpler.\n      \u003c\/p\u003e\n      \u003cspan class=\"sl3-label\"\u003e\n        EASY EVERYDAY WALKING ✦\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sl3-card\"\u003e\n      \u003cdiv class=\"sl3-icon\"\u003e✋\u003c\/div\u003e\n      \u003ch3\u003eFreedom Meets Control\u003c\/h3\u003e\n      \u003cp\u003e\n        From busy pavements to quiet open spaces,\n        adjust the leash length to suit your\n        surroundings. Keep your dog closer\n        when needed.\n      \u003c\/p\u003e\n      \u003cspan class=\"sl3-label\"\u003e\n        WALK YOUR WAY ✦\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sl3-card\"\u003e\n      \u003cdiv class=\"sl3-icon\"\u003e🔦\u003c\/div\u003e\n      \u003ch3\u003eLight Up Every Walk\u003c\/h3\u003e\n      \u003cp\u003e\n        Early starts and evening strolls\n        feel more convenient with the\n        integrated LED flashlight.\n        Extra illumination, right\n        where you need it.\n      \u003c\/p\u003e\n      \u003cspan class=\"sl3-label\"\u003e\n        READY FOR EVENING WALKS ✦\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sl3-card\"\u003e\n      \u003cdiv class=\"sl3-icon\"\u003e💪\u003c\/div\u003e\n      \u003ch3\u003eMade for Everyday Adventures\u003c\/h3\u003e\n      \u003cp\u003e\n        Featuring a durable nylon lead\n        designed for regular outings.\n        From neighbourhood walks to\n        weekend exploring, make\n        every adventure count.\n      \u003c\/p\u003e\n      \u003cspan class=\"sl3-label\"\u003e\n        DURABLE NYLON DESIGN ✦\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sl3-card\"\u003e\n      \u003cdiv class=\"sl3-icon\"\u003e🐾\u003c\/div\u003e\n      \u003ch3\u003eMore Moments Together\u003c\/h3\u003e\n      \u003cp\u003e\n        The best walks aren't about getting\n        somewhere fast. They're about\n        curious noses, wagging tails and\n        spending quality time with your dog.\n      \u003c\/p\u003e\n      \u003cspan class=\"sl3-label\"\u003e\n        MADE FOR HAPPY PAWS ✦\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- INTERACTIVE 5M SECTION --\u003e\n  \u003cdiv class=\"sl3-demo\"\u003e\n\n    \u003cdiv\u003e\n      \u003cdiv class=\"sl3-eyebrow\"\u003e\n        EXPLORE THE FREEDOM\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        A little room.\u003cbr\u003e\n        \u003cem\u003eA lot of adventure.\u003c\/em\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Move the slider to explore the\n        leash's adjustable reach, from\n        staying close to enjoying up\n        to 5 metres of exploring space.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sl3-meter\"\u003e\n      \u003cdiv class=\"sl3-number\"\u003e\n        \u003cspan data-sl3-value\u003e5.0\u003c\/span\u003e\u003cspan class=\"sl3-unit\"\u003em\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sl3-meter-caption\"\u003e\n        ADJUSTABLE LEASH REACH\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sl3-track\"\u003e\n        \u003cdiv class=\"sl3-fill\" data-sl3-fill\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cinput type=\"range\" class=\"sl3-slider\" min=\"0\" max=\"5\" step=\"0.1\" value=\"5\" data-sl3-slider aria-label=\"Explore leash length\"\u003e\n\n      \u003cdiv class=\"sl3-scale\"\u003e\n        \u003cspan\u003eSTAY CLOSE\u003c\/span\u003e\n        \u003cspan\u003eEXPLORE MORE\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003cdiv class=\"sl3-cta\"\u003e\n    \u003ca class=\"sl3-button\" href=\"#MainProduct\"\u003e\n      MAKE EVERY WALK BETTER\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003cp\u003e\n      🐾 More freedom. More tail wags.\n      More happy adventures.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n(function() {\n  function initLeashSlider() {\n    document.querySelectorAll('.spotty-leash-v3')\n      .forEach(function(section) {\n        if(section.dataset.sliderReady === 'true') return;\n\n        var slider = section.querySelector('[data-sl3-slider]');\n        var number = section.querySelector('[data-sl3-value]');\n        var fill = section.querySelector('[data-sl3-fill]');\n\n        if(!slider || !number || !fill) return;\n\n        section.dataset.sliderReady = 'true';\n\n        function updateSlider() {\n          var value = Number(slider.value);\n          number.textContent = value.toFixed(1);\n          fill.style.width = (value \/ 5 * 100) + '%';\n        }\n\n        slider.addEventListener('input', updateSlider);\n        updateSlider();\n      });\n  }\n\n  if(document.readyState === 'loading') {\n    document.addEventListener(\n      'DOMContentLoaded',\n      initLeashSlider\n    );\n  } else {\n    initLeashSlider();\n  }\n\n  document.addEventListener(\n    'shopify:section:load',\n    initLeashSlider\n  );\n})();\n\u003c\/script\u003e\n","brand":"Spotty World","offers":[{"title":"Purple","offer_id":47627310989484,"sku":"b6686066-24bc-4f16-bd1a-7b048c06eda6","price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Orange","offer_id":47627311022252,"sku":"ed86ba2d-848a-4ba8-8d5c-334b4f8d56bf","price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":47627311055020,"sku":"e110a027-8e94-4e67-a5b8-a18d8f5ed4f7","price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0781\/1468\/5100\/files\/79eb073f26eb0c7a99f9da14bd405810.jpg?v=1792100809","url":"https:\/\/spottyworld.co.za\/products\/5m-automatic-retractable-dog-leash-with-led-flashlight-durable-nylon-lead-for-pet-dogs-adjustable-walking-running-rope","provider":"Spotty World","version":"1.0","type":"link"}