{"product_id":"🐾-self-cleaning-pet-massage-grooming-brush","title":"🐾 Self-Cleaning Pet Massage \u0026 Grooming Brush","description":"\u003c!-- HOUSE OF TAILS™ — PREMIUM GROOMING BRUSH PRODUCT SECTION --\u003e\n\u003cstyle\u003e\n    .hot-grooming {\n      --black: #080808;\n      --black2: #111111;\n      --gold: #d4af37;\n      --gold-light: #f1d77a;\n      --white: #ffffff;\n      --muted: #b8b8b8;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n      color: var(--white);\n      background: var(--black);\n      overflow: hidden;\n      border-radius: 18px;\n      box-shadow: 0 20px 60px rgba(0,0,0,.25);\n    }\n\n    .hot-grooming * {\n      box-sizing: border-box;\n    }\n\n    \/* HERO *\/\n    .hot-hero {\n      position: relative;\n      padding: 65px 25px;\n      text-align: center;\n      background:\n        radial-gradient(circle at 50% 0%, rgba(212,175,55,.16), transparent 45%),\n        linear-gradient(145deg, #080808, #151515);\n      border-bottom: 1px solid rgba(212,175,55,.25);\n    }\n\n    .hot-eyebrow {\n      display: inline-block;\n      color: var(--gold-light);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .hot-hero h2 {\n      margin: 0 auto 18px;\n      max-width: 850px;\n      font-size: clamp(30px, 5vw, 52px);\n      line-height: 1.08;\n      font-weight: 900;\n      letter-spacing: -1.5px;\n    }\n\n    .hot-hero h2 span {\n      color: var(--gold);\n    }\n\n    .hot-hero p {\n      max-width: 700px;\n      margin: auto;\n      color: #d0d0d0;\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    .hot-badge-row {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 28px;\n    }\n\n    .hot-badge {\n      padding: 9px 15px;\n      border: 1px solid rgba(212,175,55,.4);\n      border-radius: 50px;\n      background: rgba(212,175,55,.07);\n      color: #eee;\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    \/* SECTION *\/\n    .hot-section {\n      padding: 55px 22px;\n      background: #0b0b0b;\n    }\n\n    .hot-heading {\n      text-align: center;\n      margin-bottom: 35px;\n    }\n\n    .hot-heading h3 {\n      margin: 0 0 10px;\n      font-size: clamp(25px, 4vw, 36px);\n      font-weight: 900;\n    }\n\n    .hot-heading h3 span {\n      color: var(--gold);\n    }\n\n    .hot-heading p {\n      color: var(--muted);\n      margin: 0 auto;\n      max-width: 650px;\n      line-height: 1.6;\n    }\n\n    \/* INTERACTIVE CARDS *\/\n    .hot-grid {\n      max-width: 1050px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 16px;\n    }\n\n    .hot-card {\n      position: relative;\n      padding: 28px 22px;\n      min-height: 210px;\n      border: 1px solid rgba(255,255,255,.08);\n      border-radius: 16px;\n      background: linear-gradient(145deg, #151515, #0d0d0d);\n      transition: all .35s ease;\n      overflow: hidden;\n      cursor: default;\n    }\n\n    .hot-card:before {\n      content: \"\";\n      position: absolute;\n      width: 120px;\n      height: 120px;\n      right: -50px;\n      top: -50px;\n      background: rgba(212,175,55,.12);\n      border-radius: 50%;\n      transition: .4s ease;\n    }\n\n    .hot-card:hover {\n      transform: translateY(-7px);\n      border-color: rgba(212,175,55,.65);\n      box-shadow: 0 18px 45px rgba(0,0,0,.4);\n    }\n\n    .hot-card:hover:before {\n      transform: scale(2.1);\n    }\n\n    .hot-icon {\n      width: 52px;\n      height: 52px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 14px;\n      background: linear-gradient(145deg, #d4af37, #a98218);\n      color: #080808;\n      font-size: 25px;\n      margin-bottom: 20px;\n      box-shadow: 0 8px 20px rgba(212,175,55,.18);\n    }\n\n    .hot-card h4 {\n      margin: 0 0 9px;\n      font-size: 17px;\n      font-weight: 850;\n    }\n\n    .hot-card p {\n      margin: 0;\n      color: #aaa;\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .hot-card .hot-hover {\n      max-height: 0;\n      opacity: 0;\n      overflow: hidden;\n      transition: .35s ease;\n      color: var(--gold-light);\n      font-size: 12px;\n      font-weight: 700;\n      margin-top: 0;\n    }\n\n    .hot-card:hover .hot-hover {\n      max-height: 40px;\n      opacity: 1;\n      margin-top: 12px;\n    }\n\n    \/* EXPERIENCE STRIP *\/\n    .hot-experience {\n      max-width: 1050px;\n      margin: 0 auto;\n      padding: 30px;\n      border-radius: 18px;\n      background:\n        linear-gradient(135deg, rgba(212,175,55,.13), rgba(255,255,255,.025));\n      border: 1px solid rgba(212,175,55,.3);\n      text-align: center;\n    }\n\n    .hot-experience h3 {\n      margin: 0 0 12px;\n      font-size: 26px;\n    }\n\n    .hot-experience h3 span {\n      color: var(--gold);\n    }\n\n    .hot-experience p {\n      margin: auto;\n      max-width: 720px;\n      color: #c5c5c5;\n      line-height: 1.7;\n    }\n\n    \/* STEAM FEATURE *\/\n    .hot-feature {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      max-width: 1050px;\n      margin: 0 auto;\n      border-radius: 20px;\n      overflow: hidden;\n      border: 1px solid rgba(212,175,55,.22);\n      background: #101010;\n    }\n\n    .hot-feature-copy {\n      padding: 42px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .hot-feature-label {\n      color: var(--gold);\n      font-size: 11px;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      font-weight: 900;\n      margin-bottom: 13px;\n    }\n\n    .hot-feature h3 {\n      margin: 0 0 15px;\n      font-size: 30px;\n      line-height: 1.15;\n    }\n\n    .hot-feature p {\n      color: #aaa;\n      line-height: 1.7;\n      margin: 0;\n    }\n\n    .hot-feature-visual {\n      min-height: 300px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background:\n        radial-gradient(circle, rgba(212,175,55,.18), transparent 55%),\n        #090909;\n      font-size: 90px;\n    }\n\n    \/* BENEFIT BAR *\/\n    .hot-benefits {\n      max-width: 1050px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: repeat(4,1fr);\n      gap: 12px;\n    }\n\n    .hot-mini {\n      text-align: center;\n      padding: 20px 10px;\n      border-radius: 12px;\n      background: #121212;\n      border: 1px solid rgba(255,255,255,.06);\n      transition: .3s ease;\n    }\n\n    .hot-mini:hover {\n      border-color: rgba(212,175,55,.5);\n      transform: translateY(-4px);\n    }\n\n    .hot-mini strong {\n      display: block;\n      color: var(--gold-light);\n      font-size: 13px;\n      margin-bottom: 6px;\n    }\n\n    .hot-mini span {\n      color: #999;\n      font-size: 12px;\n    }\n\n    \/* CTA *\/\n    .hot-cta {\n      padding: 60px 22px;\n      text-align: center;\n      background:\n        radial-gradient(circle at center, rgba(212,175,55,.14), transparent 55%),\n        #080808;\n      border-top: 1px solid rgba(212,175,55,.2);\n    }\n\n    .hot-cta h3 {\n      margin: 0 0 13px;\n      font-size: clamp(27px, 4vw, 40px);\n      font-weight: 900;\n    }\n\n    .hot-cta h3 span {\n      color: var(--gold);\n    }\n\n    .hot-cta p {\n      color: #aaa;\n      max-width: 650px;\n      margin: 0 auto 25px;\n      line-height: 1.7;\n    }\n\n    .hot-cta-button {\n      display: inline-block;\n      padding: 15px 28px;\n      border-radius: 50px;\n      background: linear-gradient(135deg, #f1d77a, #b99124);\n      color: #080808;\n      font-size: 14px;\n      font-weight: 900;\n      text-decoration: none;\n      box-shadow: 0 10px 30px rgba(212,175,55,.2);\n      transition: .3s ease;\n    }\n\n    .hot-cta-button:hover {\n      transform: translateY(-3px) scale(1.02);\n      box-shadow: 0 15px 35px rgba(212,175,55,.35);\n    }\n\n    .hot-included {\n      margin-top: 20px;\n      color: #777;\n      font-size: 12px;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 800px) {\n      .hot-grid {\n        grid-template-columns: repeat(2,1fr);\n      }\n\n      .hot-feature {\n        grid-template-columns: 1fr;\n      }\n\n      .hot-feature-visual {\n        min-height: 180px;\n      }\n\n      .hot-benefits {\n        grid-template-columns: repeat(2,1fr);\n      }\n    }\n\n    @media (max-width: 520px) {\n      .hot-hero {\n        padding: 48px 18px;\n      }\n\n      .hot-section {\n        padding: 42px 15px;\n      }\n\n      .hot-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .hot-card {\n        min-height: auto;\n      }\n\n      .hot-feature-copy {\n        padding: 30px 24px;\n      }\n\n      .hot-feature-visual {\n        min-height: 150px;\n        font-size: 65px;\n      }\n\n      .hot-benefits {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"hot-grooming\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hot-hero\"\u003e\n\u003cdiv class=\"hot-eyebrow\"\u003eHOUSE OF TAILS™ • PREMIUM PET CARE\u003c\/div\u003e\n\u003ch2\u003eGrooming They'll \u003cspan\u003eActually Enjoy.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTurn everyday grooming into a relaxing spa-like experience with an innovative brush designed to massage, detangle, remove loose fur and freshen your pet's coat — all in one.\u003c\/p\u003e\n\u003cdiv class=\"hot-badge-row\"\u003e\n\u003cdiv class=\"hot-badge\"\u003e🐶 Dogs \u0026amp; Cats\u003c\/div\u003e\n\u003cdiv class=\"hot-badge\"\u003e💧 Steam Spray\u003c\/div\u003e\n\u003cdiv class=\"hot-badge\"\u003e✨ Self-Cleaning\u003c\/div\u003e\n\u003cdiv class=\"hot-badge\"\u003e💆 Gentle Massage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTERACTIVE BENEFITS --\u003e\n\u003csection class=\"hot-section\"\u003e\n\u003cdiv class=\"hot-heading\"\u003e\n\u003ch3\u003eMore Than Just a \u003cspan\u003eBrush.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eEvery detail is designed to make grooming easier for you and more comfortable for your furry companion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-grid\"\u003e\n\u003cdiv class=\"hot-card\"\u003e\n\u003cdiv class=\"hot-icon\"\u003e🧹\u003c\/div\u003e\n\u003ch4\u003eSelf-Cleaning\u003c\/h4\u003e\n\u003cp\u003eRelease collected fur with a simple press, making cleanup quick and effortless.\u003c\/p\u003e\n\u003cdiv class=\"hot-hover\"\u003e✦ Less mess. Less hassle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-card\"\u003e\n\u003cdiv class=\"hot-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eGentle Steam Spray\u003c\/h4\u003e\n\u003cp\u003eA fine mist helps soften the coat for a smoother, more comfortable grooming session.\u003c\/p\u003e\n\u003cdiv class=\"hot-hover\"\u003e✦ Smooth grooming made simple.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-card\"\u003e\n\u003cdiv class=\"hot-icon\"\u003e💆\u003c\/div\u003e\n\u003ch4\u003eMassage Bristles\u003c\/h4\u003e\n\u003cp\u003eRounded bristles gently massage your pet while helping lift loose fur from the coat.\u003c\/p\u003e\n\u003cdiv class=\"hot-hover\"\u003e✦ Grooming meets relaxation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-card\"\u003e\n\u003cdiv class=\"hot-icon\"\u003e🐶\u003c\/div\u003e\n\u003ch4\u003eDogs \u0026amp; Cats\u003c\/h4\u003e\n\u003cp\u003eSuitable for short, medium and long coats, making it a versatile addition to your grooming routine.\u003c\/p\u003e\n\u003cdiv class=\"hot-hover\"\u003e✦ One brush for the whole family.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-card\"\u003e\n\u003cdiv class=\"hot-icon\"\u003e🌀\u003c\/div\u003e\n\u003ch4\u003eFur Removal\u003c\/h4\u003e\n\u003cp\u003eHelps lift loose and floating hair before it ends up covering your furniture and floors.\u003c\/p\u003e\n\u003cdiv class=\"hot-hover\"\u003e✦ Less loose fur around home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-card\"\u003e\n\u003cdiv class=\"hot-icon\"\u003e🪢\u003c\/div\u003e\n\u003ch4\u003eEasy Detangling\u003c\/h4\u003e\n\u003cp\u003eHelps work through knots and tangles for a smoother, more manageable coat.\u003c\/p\u003e\n\u003cdiv class=\"hot-hover\"\u003e✦ Goodbye stubborn tangles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PREMIUM EXPERIENCE --\u003e\n\u003csection class=\"hot-section\"\u003e\n\u003cdiv class=\"hot-experience\"\u003e\n\u003ch3\u003eFrom \u003cspan\u003eStressful\u003c\/span\u003e to Spa-Like.\u003c\/h3\u003e\n\u003cp\u003eThe rounded safety tips are designed to be gentle against sensitive skin while the massage-style bristles glide through the coat. Make grooming a more enjoyable part of your pet's routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURE --\u003e\n\u003csection class=\"hot-section\"\u003e\n\u003cdiv class=\"hot-feature\"\u003e\n\u003cdiv class=\"hot-feature-copy\"\u003e\n\u003cdiv class=\"hot-feature-label\"\u003eThe House of Tails Difference\u003c\/div\u003e\n\u003ch3\u003eGroom. Massage.\u003cbr\u003e\u003cspan style=\"color: #d4af37;\"\u003eRefresh.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eDesigned to combine multiple grooming functions into one convenient tool, helping you spend less time battling loose fur and more time enjoying your pet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-feature-visual\"\u003e🐾\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUICK BENEFITS --\u003e\n\u003csection class=\"hot-section\"\u003e\n\u003cdiv class=\"hot-heading\"\u003e\n\u003ch3\u003eEverything You Need. \u003cspan\u003eOne Brush.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-benefits\"\u003e\n\u003cdiv class=\"hot-mini\"\u003e\n\u003cstrong\u003e💧 Steam Spray\u003c\/strong\u003e \u003cspan\u003eHelps soften the coat\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-mini\"\u003e\n\u003cstrong\u003e🧹 Self-Cleaning\u003c\/strong\u003e \u003cspan\u003eQuick fur release\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-mini\"\u003e\n\u003cstrong\u003e💆 Massage\u003c\/strong\u003e \u003cspan\u003eGentle grooming action\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hot-mini\"\u003e\n\u003cstrong\u003e🐾 Versatile\u003c\/strong\u003e \u003cspan\u003eFor cats \u0026amp; dogs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"hot-cta\"\u003e\n\u003ch3\u003eMake Grooming a \u003cspan\u003eMoment They'll Love.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eKeep your pet looking fresh, feeling comfortable and your home a little less covered in fur — with one premium grooming essential.\u003c\/p\u003e\n\u003ca href=\"#product-form\" class=\"hot-cta-button\"\u003e ✨ ADD TO CART \u003c\/a\u003e\n\u003cdiv class=\"hot-included\"\u003e📦 Includes 1 × Self-Cleaning Massage Grooming Brush\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"House Of Tails™","offers":[{"title":"Default Title","offer_id":46693708922982,"sku":null,"price":179.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0729\/0139\/4534\/files\/brush-hero-premium.png?v=1788175674","url":"https:\/\/houseoftails.co.za\/products\/%f0%9f%90%be-self-cleaning-pet-massage-grooming-brush","provider":"House Of Tails™","version":"1.0","type":"link"}