{"product_id":"pet-spree™-mistbrush","title":"Pet Spree™ MistBrush","description":"\u003c!-- Pet Spree™ MistBrush — Mobile-Optimised Shopify Product Description --\u003e\n\u003csection class=\"psmb\" aria-label=\"Pet Spree MistBrush product information\"\u003e\n  \u003cstyle\u003e\n    .psmb {\n      --psmb-navy: #102a43;\n      --psmb-navy-deep: #071b2e;\n      --psmb-navy-soft: #173f62;\n      --psmb-gold: #c89b3c;\n      --psmb-gold-light: #f6e9ca;\n      --psmb-cream: #fcfaf5;\n      --psmb-white: #ffffff;\n      --psmb-ink: #243443;\n      --psmb-muted: #687785;\n      box-sizing: border-box;\n      width: 100%;\n      max-width: 920px;\n      margin: 0 auto;\n      color: var(--psmb-ink);\n      font-family: inherit;\n      line-height: 1.55;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .psmb *,\n    .psmb *::before,\n    .psmb *::after {\n      box-sizing: inherit;\n    }\n\n    .psmb__hero {\n      position: relative;\n      isolation: isolate;\n      overflow: hidden;\n      padding: 36px 20px 34px;\n      border: 1px solid rgba(200, 155, 60, 0.18);\n      border-radius: 22px;\n      background:\n        radial-gradient(circle at 85% 15%, rgba(200, 155, 60, 0.18), transparent 28%),\n        linear-gradient(145deg, var(--psmb-navy-deep), var(--psmb-navy) 62%, var(--psmb-navy-soft));\n      color: var(--psmb-white);\n      text-align: center;\n      box-shadow: 0 18px 48px rgba(7, 27, 46, 0.18);\n      animation: psmb-reveal 700ms cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    .psmb__hero::before {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      top: -100px;\n      right: -90px;\n      width: 230px;\n      height: 230px;\n      border: 1px solid rgba(200, 155, 60, 0.2);\n      border-radius: 50%;\n      box-shadow:\n        0 0 0 26px rgba(200, 155, 60, 0.045),\n        0 0 0 58px rgba(200, 155, 60, 0.025);\n      animation: psmb-orbit 9s ease-in-out infinite;\n    }\n\n    .psmb__hero::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.08) 45%, transparent 65%);\n      transform: translateX(-120%);\n      animation: psmb-sheen 5.5s ease-in-out 1.2s infinite;\n    }\n\n    .psmb__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 13px;\n      padding: 7px 12px;\n      border: 1px solid rgba(200, 155, 60, 0.34);\n      border-radius: 999px;\n      background: rgba(7, 27, 46, 0.42);\n      color: var(--psmb-gold);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.14em;\n      line-height: 1;\n      text-transform: uppercase;\n      animation: psmb-fade-up 650ms 140ms both;\n    }\n\n    .psmb__eyebrow::before {\n      content: \"\";\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--psmb-gold);\n      box-shadow: 0 0 0 5px rgba(200, 155, 60, 0.12);\n      animation: psmb-pulse 2.8s ease-in-out infinite;\n    }\n\n    .psmb h2,\n    .psmb h3,\n    .psmb p {\n      margin-top: 0;\n    }\n\n    .psmb__hero h2 {\n      position: relative;\n      margin: 0 auto 13px;\n      color: var(--psmb-white);\n      font-size: clamp(30px, 9vw, 47px);\n      font-weight: 800;\n      letter-spacing: -0.035em;\n      line-height: 1.08;\n      animation: psmb-fade-up 700ms 220ms both;\n    }\n\n    .psmb__hero h2 span {\n      color: var(--psmb-gold);\n    }\n\n    .psmb__intro {\n      max-width: 690px;\n      margin: 0 auto;\n      color: rgba(255, 255, 255, 0.84);\n      font-size: 15px;\n      line-height: 1.65;\n      animation: psmb-fade-up 700ms 300ms both;\n    }\n\n    .psmb__chips {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 7px;\n      margin-top: 20px;\n      animation: psmb-fade-up 700ms 380ms both;\n    }\n\n    .psmb__chip {\n      padding: 7px 10px;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.07);\n      color: rgba(255, 255, 255, 0.88);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.02em;\n    }\n\n    .psmb__features {\n      padding: 34px 2px 0;\n    }\n\n    .psmb__section-heading {\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .psmb__section-heading h2 {\n      margin-bottom: 8px;\n      color: var(--psmb-navy);\n      font-size: 24px;\n      font-weight: 800;\n      letter-spacing: -0.025em;\n      line-height: 1.2;\n    }\n\n    .psmb__gold-line {\n      position: relative;\n      overflow: hidden;\n      width: 54px;\n      height: 3px;\n      margin: 0 auto;\n      border-radius: 999px;\n      background: rgba(200, 155, 60, 0.22);\n    }\n\n    .psmb__gold-line::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, var(--psmb-gold), transparent);\n      animation: psmb-line 2.6s ease-in-out infinite;\n    }\n\n    .psmb__grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .psmb__card {\n      position: relative;\n      overflow: hidden;\n      min-height: 146px;\n      padding: 17px 14px 16px;\n      border: 1px solid rgba(16, 42, 67, 0.085);\n      border-radius: 17px;\n      background: linear-gradient(150deg, var(--psmb-white), var(--psmb-cream));\n      box-shadow: 0 8px 24px rgba(16, 42, 67, 0.07);\n      opacity: 0;\n      transform: translateY(14px);\n      animation: psmb-card-in 600ms cubic-bezier(0.22, 1, 0.36, 1) forwards;\n      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\n    }\n\n    .psmb__card:nth-child(1) { animation-delay: 420ms; }\n    .psmb__card:nth-child(2) { animation-delay: 500ms; }\n    .psmb__card:nth-child(3) { animation-delay: 580ms; }\n    .psmb__card:nth-child(4) { animation-delay: 660ms; }\n    .psmb__card:nth-child(5) { animation-delay: 740ms; }\n    .psmb__card:nth-child(6) { animation-delay: 820ms; }\n\n    .psmb__card::after {\n      content: \"\";\n      position: absolute;\n      right: -28px;\n      bottom: -28px;\n      width: 68px;\n      height: 68px;\n      border-radius: 50%;\n      background: rgba(200, 155, 60, 0.065);\n      transition: transform 280ms ease;\n    }\n\n    .psmb__card:hover,\n    .psmb__card:focus-within {\n      transform: translateY(-4px);\n      border-color: rgba(200, 155, 60, 0.32);\n      box-shadow: 0 14px 32px rgba(16, 42, 67, 0.11);\n    }\n\n    .psmb__card:hover::after {\n      transform: scale(1.35);\n    }\n\n    .psmb__icon {\n      display: grid;\n      width: 38px;\n      height: 38px;\n      margin-bottom: 11px;\n      border: 1px solid rgba(200, 155, 60, 0.22);\n      border-radius: 12px;\n      background: var(--psmb-gold-light);\n      color: var(--psmb-navy);\n      place-items: center;\n      transition: transform 240ms ease, background 240ms ease;\n    }\n\n    .psmb__card:hover .psmb__icon {\n      transform: translateY(-2px) rotate(-3deg);\n      background: #f3dfb0;\n    }\n\n    .psmb__icon svg {\n      width: 20px;\n      height: 20px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 1.8;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .psmb__card h3 {\n      margin-bottom: 4px;\n      color: var(--psmb-navy);\n      font-size: 14px;\n      font-weight: 800;\n      line-height: 1.25;\n    }\n\n    .psmb__card p {\n      position: relative;\n      z-index: 1;\n      margin-bottom: 0;\n      color: var(--psmb-muted);\n      font-size: 12px;\n      line-height: 1.45;\n    }\n\n    .psmb__closing {\n      position: relative;\n      overflow: hidden;\n      margin-top: 26px;\n      padding: 27px 20px;\n      border: 1px solid rgba(200, 155, 60, 0.25);\n      border-radius: 19px;\n      background: linear-gradient(135deg, var(--psmb-gold-light), var(--psmb-cream));\n      text-align: center;\n      box-shadow: 0 10px 28px rgba(16, 42, 67, 0.065);\n      animation: psmb-fade-up 700ms 860ms both;\n    }\n\n    .psmb__closing::before,\n    .psmb__closing::after {\n      content: \"\";\n      position: absolute;\n      width: 80px;\n      height: 80px;\n      border: 1px solid rgba(200, 155, 60, 0.16);\n      border-radius: 50%;\n    }\n\n    .psmb__closing::before {\n      top: -48px;\n      left: -38px;\n    }\n\n    .psmb__closing::after {\n      right: -42px;\n      bottom: -50px;\n    }\n\n    .psmb__closing p {\n      position: relative;\n      z-index: 1;\n      max-width: 630px;\n      margin: 0 auto 12px;\n      color: var(--psmb-ink);\n      font-size: 14px;\n    }\n\n    .psmb__closing strong {\n      position: relative;\n      z-index: 1;\n      display: block;\n      color: var(--psmb-navy);\n      font-size: 16px;\n      letter-spacing: 0.01em;\n    }\n\n    .psmb__safety {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 14px 5px 0;\n      padding: 11px 12px;\n      border-radius: 11px;\n      background: rgba(16, 42, 67, 0.045);\n      color: var(--psmb-muted);\n      font-size: 11px;\n      line-height: 1.45;\n      animation: psmb-fade-up 650ms 940ms both;\n    }\n\n    .psmb__safety svg {\n      flex: 0 0 auto;\n      width: 15px;\n      height: 15px;\n      margin-top: 1px;\n      fill: none;\n      stroke: var(--psmb-gold);\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    @keyframes psmb-reveal {\n      from { opacity: 0; transform: translateY(12px) scale(0.99); }\n      to { opacity: 1; transform: translateY(0) scale(1); }\n    }\n\n    @keyframes psmb-fade-up {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes psmb-card-in {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes psmb-sheen {\n      0%, 64% { transform: translateX(-120%); }\n      86%, 100% { transform: translateX(120%); }\n    }\n\n    @keyframes psmb-pulse {\n      0%, 100% { box-shadow: 0 0 0 5px rgba(200, 155, 60, 0.1); }\n      50% { box-shadow: 0 0 0 8px rgba(200, 155, 60, 0.025); }\n    }\n\n    @keyframes psmb-orbit {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      50% { transform: translate(-8px, 7px) rotate(8deg); }\n    }\n\n    @keyframes psmb-line {\n      from { transform: translateX(-110%); }\n      to { transform: translateX(110%); }\n    }\n\n    @media (min-width: 700px) {\n      .psmb__hero {\n        padding: 48px 36px 46px;\n        border-radius: 26px;\n      }\n\n      .psmb__intro {\n        font-size: 16px;\n      }\n\n      .psmb__features {\n        padding-top: 42px;\n      }\n\n      .psmb__section-heading h2 {\n        font-size: 28px;\n      }\n\n      .psmb__grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 14px;\n      }\n\n      .psmb__card {\n        min-height: 165px;\n        padding: 21px 19px;\n      }\n\n      .psmb__card h3 {\n        font-size: 15px;\n      }\n\n      .psmb__card p {\n        font-size: 13px;\n      }\n\n      .psmb__closing {\n        margin-top: 34px;\n        padding: 32px 28px;\n      }\n\n      .psmb__closing p {\n        font-size: 15px;\n      }\n\n      .psmb__closing strong {\n        font-size: 18px;\n      }\n    }\n\n    @media (max-width: 370px) {\n      .psmb__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .psmb__card {\n        min-height: 0;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .psmb *,\n      .psmb *::before,\n      .psmb *::after {\n        scroll-behavior: auto !important;\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"psmb__hero\"\u003e\n    \u003cspan class=\"psmb__eyebrow\"\u003ePet Spree™ MistBrush\u003c\/span\u003e\n    \u003ch2\u003eLess Flying Fur.\u003cbr\u003e\u003cspan\u003eSmoother Grooming.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"psmb__intro\"\u003e\n      The \u003cstrong\u003ePet Spree™ MistBrush\u003c\/strong\u003e combines a fine moisture mist with soft silicone bristles to lift loose fur while helping keep it contained—making everyday grooming gentler for your pet and less messy for you.\n    \u003c\/p\u003e\n    \u003cdiv class=\"psmb__chips\" aria-label=\"Product highlights\"\u003e\n      \u003cspan class=\"psmb__chip\"\u003eFine Mist\u003c\/span\u003e\n      \u003cspan class=\"psmb__chip\"\u003eSoft Bristles\u003c\/span\u003e\n      \u003cspan class=\"psmb__chip\"\u003eRechargeable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"psmb__features\"\u003e\n    \u003cdiv class=\"psmb__section-heading\"\u003e\n      \u003ch2\u003eA Cleaner Way to Groom\u003c\/h2\u003e\n      \u003cdiv class=\"psmb__gold-line\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"psmb__grid\"\u003e\n      \u003carticle class=\"psmb__card\"\u003e\n        \u003cspan class=\"psmb__icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s5 5.4 5 10a5 5 0 0 1-10 0c0-4.6 5-10 5-10Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9.5 14.5c.6 1.2 1.5 1.8 2.8 1.8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n        \u003ch3\u003eFine Moisture Mist\u003c\/h3\u003e\n        \u003cp\u003eLightly refreshes the coat without leaving your pet soaking wet.\u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"psmb__card\"\u003e\n        \u003cspan class=\"psmb__icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 20V9M9 20V5M13 20V8M17 20V4M21 20V10\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 20h20\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n        \u003ch3\u003eSoft Silicone Bristles\u003c\/h3\u003e\n        \u003cp\u003eGently move through the coat to loosen fur and provide a soothing massage.\u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"psmb__card\"\u003e\n        \u003cspan class=\"psmb__icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4 16c4-1 7-4 8-8M8 20c4-1 8-5 9-9\"\u003e\u003c\/path\u003e\u003cpath d=\"M15 4l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n        \u003ch3\u003eHelps Contain Loose Fur\u003c\/h3\u003e\n        \u003cp\u003eMoisture helps reduce flyaway hair while you brush and collect shedding.\u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"psmb__card\"\u003e\n        \u003cspan class=\"psmb__icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 7h7a5 5 0 1 1-5 5\"\u003e\u003c\/path\u003e\u003cpath d=\"m7 4-3 3 3 3\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n        \u003ch3\u003eRotating Handle\u003c\/h3\u003e\n        \u003cp\u003eAdjusts for a comfortable grip, then folds neatly for compact storage.\u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"psmb__card\"\u003e\n        \u003cspan class=\"psmb__icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"5\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M19 10h2v4h-2M13 8l-3 4h4l-3 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n        \u003ch3\u003eRechargeable Convenience\u003c\/h3\u003e\n        \u003cp\u003eRecharge and keep it ready without relying on disposable batteries.\u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"psmb__card\"\u003e\n        \u003cspan class=\"psmb__icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4 12a8 8 0 1 0 3-6.2\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 4v5h5\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 8v4l3 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n        \u003ch3\u003eQuick Between-Bath Refresh\u003c\/h3\u003e\n        \u003cp\u003eIdeal for regular grooming when your pet needs a fast coat touch-up.\u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"psmb__closing\"\u003e\n    \u003cp\u003eNo clouds of loose fur. No complicated grooming routine. Just a gentler, tidier way to keep your pet’s coat looking cared for.\u003c\/p\u003e\n    \u003cstrong\u003eMist. Brush. Refresh.\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"psmb__safety\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v5M12 17h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003cspan\u003e\u003cstrong\u003eSafety note:\u003c\/strong\u003e Use clean water or a veterinarian-approved pet grooming liquid only. Never use undiluted essential oils.\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Pet Spree","offers":[{"title":"Default Title","offer_id":54331752775993,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1005\/4739\/5897\/files\/IMG-8921.png?v=1786814811","url":"https:\/\/www.petspree.co.za\/products\/pet-spree%e2%84%a2-mistbrush","provider":"Pet Spree","version":"1.0","type":"link"}