{"product_id":"pro-retractable-training-leash","title":"Pro Retractable Training Leash 🦮","description":"\u003c!-- =========================================================\nHOUSE OF TAILS™ | PRO RETRACTABLE TRAINING LEASH\nPREMIUM BLACK • GOLD • WHITE SHOPIFY PRODUCT DESCRIPTION\n========================================================= --\u003e\n\u003cstyle\u003e\n  .hot-training-leash {\n    --hot-black: #070707;\n    --hot-charcoal: #111111;\n    --hot-charcoal-light: #1A1A1A;\n    --hot-gold: #D4AF37;\n    --hot-gold-light: #F4D77C;\n    --hot-white: #FFFFFF;\n    --hot-grey: #BDBDBD;\n\n    max-width: 950px;\n    margin: 28px auto;\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--hot-white);\n    line-height: 1.6;\n  }\n\n  .hot-training-leash * {\n    box-sizing: border-box;\n  }\n\n  \/* ================= HERO ================= *\/\n\n  .hot-training-hero {\n    position: relative;\n    overflow: hidden;\n    padding: 52px 32px 46px;\n    text-align: center;\n    background:\n      radial-gradient(\n        circle at 50% -10%,\n        rgba(212, 175, 55, 0.25),\n        transparent 48%\n      ),\n      linear-gradient(145deg, #171717 0%, #050505 100%);\n    border: 1px solid rgba(212, 175, 55, 0.6);\n    border-radius: 24px;\n    box-shadow:\n      0 25px 60px rgba(0, 0, 0, 0.35),\n      inset 0 1px 0 rgba(255, 255, 255, 0.05);\n  }\n\n  .hot-training-hero::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 15%;\n    width: 70%;\n    height: 2px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--hot-gold),\n        transparent\n      );\n  }\n\n  .hot-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 17px;\n    color: var(--hot-gold);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n  }\n\n  .hot-eyebrow::before,\n  .hot-eyebrow::after {\n    content: \"✦\";\n    font-size: 10px;\n  }\n\n  .hot-training-hero h2 {\n    max-width: 760px;\n    margin: 0 auto;\n    color: var(--hot-white);\n    font-size: clamp(32px, 5.5vw, 54px);\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n  }\n\n  .hot-training-hero h2 span {\n    color: var(--hot-gold);\n  }\n\n  .hot-training-hero p {\n    max-width: 690px;\n    margin: 20px auto 0;\n    color: #CECECE;\n    font-size: 16px;\n  }\n\n  \/* ================= TRUST STRIP ================= *\/\n\n  .hot-trust-strip {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1px;\n    max-width: 800px;\n    margin: 30px auto 0;\n    overflow: hidden;\n    background: rgba(212, 175, 55, 0.2);\n    border: 1px solid rgba(212, 175, 55, 0.35);\n    border-radius: 16px;\n  }\n\n  .hot-trust-item {\n    padding: 20px 12px;\n    background: rgba(5, 5, 5, 0.82);\n    text-align: center;\n  }\n\n  .hot-trust-icon {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 23px;\n  }\n\n  .hot-trust-item strong {\n    display: block;\n    color: var(--hot-white);\n    font-size: 13px;\n  }\n\n  .hot-trust-item small {\n    display: block;\n    margin-top: 4px;\n    color: var(--hot-gold-light);\n    font-size: 11px;\n  }\n\n  \/* ================= HEADINGS ================= *\/\n\n  .hot-section-heading {\n    margin: 52px 0 22px;\n    text-align: center;\n  }\n\n  .hot-section-heading small {\n    color: var(--hot-gold);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n  }\n\n  .hot-section-heading h3 {\n    margin: 8px 0 0;\n    color: #111111;\n    font-size: clamp(27px, 4vw, 39px);\n    line-height: 1.15;\n  }\n\n  .hot-section-heading p {\n    max-width: 700px;\n    margin: 13px auto 0;\n    color: #5D5D5D;\n    font-size: 15px;\n  }\n\n  \/* ================= INTERACTIVE BENEFITS ================= *\/\n\n  .hot-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n\n  .hot-benefit {\n    position: relative;\n    overflow: hidden;\n    min-height: 175px;\n    padding: 24px;\n    cursor: pointer;\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(212, 175, 55, 0.12),\n        transparent 45%\n      ),\n      linear-gradient(145deg, #151515, #070707);\n    border: 1px solid rgba(212, 175, 55, 0.28);\n    border-radius: 18px;\n    transition:\n      transform 0.3s ease,\n      border-color 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .hot-benefit:hover {\n    transform: translateY(-5px);\n    border-color: var(--hot-gold);\n    box-shadow:\n      0 18px 35px rgba(0, 0, 0, 0.25),\n      0 0 25px rgba(212, 175, 55, 0.08);\n  }\n\n  .hot-benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 51px;\n    height: 51px;\n    margin-bottom: 17px;\n    border: 1px solid rgba(212, 175, 55, 0.55);\n    border-radius: 14px;\n    background: rgba(212, 175, 55, 0.09);\n    font-size: 24px;\n  }\n\n  .hot-benefit h4 {\n    margin: 0;\n    color: var(--hot-white);\n    font-size: 18px;\n  }\n\n  .hot-benefit p {\n    max-height: 0;\n    margin: 0;\n    overflow: hidden;\n    color: #C6C6C6;\n    font-size: 14px;\n    opacity: 0;\n    transition:\n      max-height 0.4s ease,\n      margin 0.4s ease,\n      opacity 0.35s ease;\n  }\n\n  .hot-benefit:hover p,\n  .hot-benefit:focus p {\n    max-height: 150px;\n    margin-top: 10px;\n    opacity: 1;\n  }\n\n  .hot-benefit-hint {\n    position: absolute;\n    right: 20px;\n    bottom: 17px;\n    color: var(--hot-gold);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  \/* ================= CONTROL SECTION ================= *\/\n\n  .hot-control-panel {\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: 32px;\n    align-items: center;\n    padding: 38px;\n    background:\n      radial-gradient(\n        circle at 10% 50%,\n        rgba(212, 175, 55, 0.18),\n        transparent 42%\n      ),\n      #090909;\n    border: 1px solid rgba(212, 175, 55, 0.45);\n    border-radius: 22px;\n  }\n\n  .hot-control-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 220px;\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    border-radius: 18px;\n    background:\n      linear-gradient(\n        145deg,\n        rgba(212, 175, 55, 0.11),\n        rgba(255, 255, 255, 0.02)\n      );\n    font-size: 85px;\n  }\n\n  .hot-control-content small {\n    color: var(--hot-gold);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .hot-control-content h3 {\n    margin: 9px 0 13px;\n    color: var(--hot-white);\n    font-size: 32px;\n    line-height: 1.15;\n  }\n\n  .hot-control-content h3 span {\n    color: var(--hot-gold);\n  }\n\n  .hot-control-content p {\n    margin: 0;\n    color: #C7C7C7;\n    font-size: 14px;\n  }\n\n  .hot-check-list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin: 20px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .hot-check-list li {\n    padding: 10px;\n    color: #EFEFEF;\n    font-size: 13px;\n    background: rgba(255, 255, 255, 0.04);\n    border-radius: 9px;\n  }\n\n  .hot-check-list li::before {\n    content: \"✓\";\n    margin-right: 8px;\n    color: var(--hot-gold);\n    font-weight: 900;\n  }\n\n  \/* ================= FAQ ================= *\/\n\n  .hot-faq {\n    display: grid;\n    gap: 11px;\n  }\n\n  .hot-faq-item {\n    overflow: hidden;\n    background: #0A0A0A;\n    border: 1px solid rgba(212, 175, 55, 0.25);\n    border-radius: 13px;\n  }\n\n  .hot-faq-item summary {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 18px;\n    cursor: pointer;\n    color: white;\n    font-size: 14px;\n    font-weight: 800;\n    list-style: none;\n  }\n\n  .hot-faq-item summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .hot-faq-item summary::after {\n    content: \"+\";\n    margin-left: auto;\n    color: var(--hot-gold);\n    font-size: 23px;\n    font-weight: 400;\n    transition: transform 0.25s ease;\n  }\n\n  .hot-faq-item[open] summary::after {\n    transform: rotate(45deg);\n  }\n\n  .hot-faq-answer {\n    padding: 0 18px 18px;\n    color: #C5C5C5;\n    font-size: 14px;\n  }\n\n  \/* ================= FINAL CTA ================= *\/\n\n  .hot-final-cta {\n    position: relative;\n    overflow: hidden;\n    margin-top: 45px;\n    padding: 48px 25px;\n    text-align: center;\n    background:\n      radial-gradient(\n        circle at 50% 0%,\n        rgba(212, 175, 55, 0.22),\n        transparent 55%\n      ),\n      linear-gradient(145deg, #141414, #050505);\n    border: 1px solid var(--hot-gold);\n    border-radius: 22px;\n  }\n\n  .hot-final-cta h3 {\n    margin: 0;\n    color: white;\n    font-size: clamp(28px, 5vw, 44px);\n    line-height: 1.12;\n  }\n\n  .hot-final-cta h3 span {\n    color: var(--hot-gold);\n  }\n\n  .hot-final-cta p {\n    max-width: 640px;\n    margin: 17px auto 25px;\n    color: #CACACA;\n    font-size: 15px;\n  }\n\n  .hot-cta-button {\n    display: inline-block;\n    padding: 15px 27px;\n    color: #090909;\n    background: linear-gradient(\n      135deg,\n      #F3D77A,\n      #C99C24\n    );\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 1px;\n    text-decoration: none;\n    text-transform: uppercase;\n    box-shadow: 0 9px 24px rgba(212, 175, 55, 0.2);\n    transition: transform 0.25s ease;\n  }\n\n  .hot-cta-button:hover {\n    transform: translateY(-3px);\n  }\n\n  \/* ================= MOBILE ================= *\/\n\n  @media (max-width: 700px) {\n\n    .hot-training-leash {\n      margin: 15px auto;\n    }\n\n    .hot-training-hero {\n      padding: 40px 19px;\n      border-radius: 18px;\n    }\n\n    .hot-training-hero p {\n      font-size: 14px;\n    }\n\n    .hot-trust-strip {\n      grid-template-columns: 1fr;\n    }\n\n    .hot-trust-item {\n      padding: 16px;\n    }\n\n    .hot-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    \/* Shows descriptions on mobile *\/\n    .hot-benefit p {\n      max-height: 150px;\n      margin-top: 10px;\n      opacity: 1;\n    }\n\n    .hot-benefit-hint {\n      display: none;\n    }\n\n    .hot-control-panel {\n      grid-template-columns: 1fr;\n      padding: 22px;\n    }\n\n    .hot-control-icon {\n      min-height: 150px;\n      font-size: 65px;\n    }\n\n    .hot-check-list {\n      grid-template-columns: 1fr;\n    }\n\n    .hot-final-cta {\n      padding: 38px 18px;\n    }\n  }\n\n\u003c\/style\u003e\n\u003cdiv class=\"hot-training-leash\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hot-training-hero\"\u003e\n\u003cdiv class=\"hot-eyebrow\"\u003e🐾 Premium Training Equipment\u003c\/div\u003e\n\u003ch2\u003eTrain with \u003cspan\u003eConfidence.\u003c\/span\u003e\u003cbr\u003eWalk with Style.\u003c\/h2\u003e\n\u003cp\u003eMeet the Pro Retractable Training Leash — engineered for dog owners who refuse to compromise on quality, control, or aesthetics.\u003c\/p\u003e\n\u003cdiv class=\"hot-trust-strip\"\u003e\n\u003cdiv class=\"hot-trust-item\"\u003e\n\u003cspan class=\"hot-trust-icon\"\u003e🔒\u003c\/span\u003e \u003cstrong\u003eSecure Control\u003c\/strong\u003e \u003csmall\u003eEscape-resistant locking\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-trust-item\"\u003e\n\u003cspan class=\"hot-trust-icon\"\u003e💪\u003c\/span\u003e \u003cstrong\u003eBuilt Tough\u003c\/strong\u003e \u003csmall\u003eDesigned for outdoor use\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-trust-item\"\u003e\n\u003cspan class=\"hot-trust-icon\"\u003e🇿🇦\u003c\/span\u003e \u003cstrong\u003eSouth Africa\u003c\/strong\u003e \u003csmall\u003eDelivered nationwide\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGINEERED FOR ADVENTURE --\u003e\n\u003cdiv class=\"hot-section-heading\"\u003e\n\u003csmall\u003eEngineered for Adventure\u003c\/small\u003e\n\u003ch3\u003e🌿 Built for the Outdoors.\u003cbr\u003eDesigned to Last.\u003c\/h3\u003e\n\u003cp\u003eCrafted with a heavy-duty anti-collision design, this leash is made to handle active outdoor training. From recall and heel work to everyday loose-leash walking, the secure locking system helps keep your dog confidently within reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- INTERACTIVE BENEFITS --\u003e\n\u003cdiv class=\"hot-benefit-grid\"\u003e\n\u003cdiv class=\"hot-benefit\" tabindex=\"0\"\u003e\n\u003cdiv class=\"hot-benefit-icon\"\u003e🔒\u003c\/div\u003e\n\u003ch4\u003eEscape-Resistant Lock\u003c\/h4\u003e\n\u003cp\u003eLock the leash length when you need more control and keep your dog confidently within your chosen walking range.\u003c\/p\u003e\n\u003cspan class=\"hot-benefit-hint\"\u003e Hover or tap ✦ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-benefit\" tabindex=\"0\"\u003e\n\u003cdiv class=\"hot-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch4\u003eHeavy-Duty Protection\u003c\/h4\u003e\n\u003cp\u003eReinforced anti-collision construction is designed to handle demanding walks, active outdoor sessions, and everyday adventures.\u003c\/p\u003e\n\u003cspan class=\"hot-benefit-hint\"\u003e Hover or tap ✦ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-benefit\" tabindex=\"0\"\u003e\n\u003cdiv class=\"hot-benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch4\u003ePrecision Control\u003c\/h4\u003e\n\u003cp\u003eAdjust your dog’s range smoothly and quickly, helping create more focused, controlled, and effective training sessions.\u003c\/p\u003e\n\u003cspan class=\"hot-benefit-hint\"\u003e Hover or tap ✦ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-benefit\" tabindex=\"0\"\u003e\n\u003cdiv class=\"hot-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003ePremium Geometric Style\u003c\/h4\u003e\n\u003cp\u003eA bold signature pattern gives every walk a refined, premium look without sacrificing practical everyday performance.\u003c\/p\u003e\n\u003cspan class=\"hot-benefit-hint\"\u003e Hover or tap ✦ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRECISION CONTROL --\u003e\n\u003cdiv class=\"hot-section-heading\"\u003e\u003csmall\u003eSmooth. Responsive. Effortless.\u003c\/small\u003e\u003c\/div\u003e\n\u003csection class=\"hot-control-panel\"\u003e\n\u003cdiv class=\"hot-control-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"hot-control-content\"\u003e\n\u003csmall\u003ePrecision Control\u003c\/small\u003e\n\u003ch3\u003eAt Your \u003cspan\u003eFingertips.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eThe upgraded retractable mechanism gives you seamless one-handed control over leash length. Give your dog more freedom when appropriate, then bring them closer when needed — with smooth, responsive handling designed for everyday convenience.\u003c\/p\u003e\n\u003cul class=\"hot-check-list\"\u003e\n\u003cli\u003eSmooth retractable operation\u003c\/li\u003e\n\u003cli\u003eEasy one-handed handling\u003c\/li\u003e\n\u003cli\u003eAdjustable walking range\u003c\/li\u003e\n\u003cli\u003eBetter control during training\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"hot-section-heading\"\u003e\n\u003csmall\u003eExplore the Details\u003c\/small\u003e\n\u003ch3\u003eEverything You Need.\u003cbr\u003eNothing You Don’t.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-faq\"\u003e\n\u003cdetails class=\"hot-faq-item\"\u003e\n\u003csummary\u003e🔒 How does the locking system help?\u003c\/summary\u003e\n\u003cdiv class=\"hot-faq-answer\"\u003eThe locking feature allows you to hold the leash at a chosen length, helping you keep your dog closer when greater control is needed and allowing more freedom when it is appropriate.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hot-faq-item\"\u003e\n\u003csummary\u003e🎯 What training is it suited for?\u003c\/summary\u003e\n\u003cdiv class=\"hot-faq-answer\"\u003eIt is designed to support controlled walking, recall practice, heel work, loose-leash training, and everyday outdoor exercise.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hot-faq-item\"\u003e\n\u003csummary\u003e🐕 Is it suitable for different dog sizes?\u003c\/summary\u003e\n\u003cdiv class=\"hot-faq-answer\"\u003ePlease check the product’s listed size and weight recommendations before purchasing to ensure the best and safest fit for your dog.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hot-faq-item\"\u003e\n\u003csummary\u003e✨ Why choose the geometric design?\u003c\/summary\u003e\n\u003cdiv class=\"hot-faq-answer\"\u003eThe distinctive geometric finish adds a bold, refined look, allowing you to enjoy premium style alongside practical everyday performance.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"hot-final-cta\"\u003e\n\u003ch3\u003e🐾 Better Walks Start\u003cbr\u003eWith \u003cspan\u003eBetter Control.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eGive your dog the freedom to explore while keeping confident control close at hand. Durable, stylish, and built for the demands of every adventure.\u003c\/p\u003e\n\u003ca class=\"hot-cta-button\" href=\"#product-form\"\u003e Upgrade Your Walks Today ✦ \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"House Of Tails™","offers":[{"title":"Default Title","offer_id":46530179825766,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0729\/0139\/4534\/files\/premium-retractable-leash-with-logo.png?v=1785866155","url":"https:\/\/houseoftails.co.za\/products\/pro-retractable-training-leash","provider":"House Of Tails™","version":"1.0","type":"link"}