{"product_id":"tailease™-snuffle-mat","title":"Tailease™ Snuffle Mat","description":"\u003cstyle\u003e\n    .tailease-snuffle {\n      background: linear-gradient(135deg, #f4fbff, #eaf6ff);\n      padding: 60px 18px;\n      font-family: Arial, sans-serif;\n      color: #0d1b2a;\n      overflow: hidden;\n    }\n\n    .tl-container {\n      max-width: 1150px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      align-items: center;\n    }\n\n    .tl-badge {\n      display: inline-block;\n      background: #d9f0ff;\n      color: #0077c8;\n      padding: 10px 18px;\n      border-radius: 999px;\n      font-weight: 700;\n      margin-bottom: 18px;\n      animation: floatIn 0.8s ease forwards;\n    }\n\n    .tl-title {\n      font-size: clamp(36px, 6vw, 64px);\n      line-height: 1;\n      margin: 0 0 20px;\n      font-weight: 900;\n      letter-spacing: -2px;\n      animation: slideUp 0.9s ease forwards;\n    }\n\n    .tl-title span {\n      color: #008ee6;\n    }\n\n    .tl-text {\n      font-size: 18px;\n      line-height: 1.7;\n      color: #334155;\n      margin-bottom: 28px;\n      animation: fadeIn 1.1s ease forwards;\n    }\n\n    .tl-buttons {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-bottom: 30px;\n    }\n\n    .tl-btn {\n      background: #008ee6;\n      color: #fff;\n      padding: 16px 26px;\n      border-radius: 14px;\n      font-weight: 800;\n      text-decoration: none;\n      box-shadow: 0 12px 30px rgba(0,142,230,.25);\n      transition: .3s ease;\n    }\n\n    .tl-btn:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 18px 40px rgba(0,142,230,.35);\n    }\n\n    .tl-btn.secondary {\n      background: #ffffff;\n      color: #008ee6;\n      border: 2px solid #b9e5ff;\n    }\n\n    .tl-card-wrap {\n      position: relative;\n      animation: popIn 1s ease forwards;\n    }\n\n    .tl-product-card {\n      background: rgba(255,255,255,.9);\n      border: 1px solid #d7efff;\n      border-radius: 32px;\n      padding: 28px;\n      box-shadow: 0 30px 80px rgba(0, 119, 200, .15);\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .tl-product-card:before {\n      content: \"\";\n      position: absolute;\n      width: 240px;\n      height: 240px;\n      background: #bde9ff;\n      border-radius: 50%;\n      top: -90px;\n      right: -70px;\n      opacity: .5;\n      animation: pulse 4s infinite;\n    }\n\n    .tl-mat-visual {\n      width: 100%;\n      aspect-ratio: 1 \/ .75;\n      border-radius: 26px;\n      background:\n        radial-gradient(circle at 20% 30%, #0099f0 0 10%, transparent 11%),\n        radial-gradient(circle at 70% 25%, #38bdf8 0 12%, transparent 13%),\n        radial-gradient(circle at 45% 70%, #0077c8 0 14%, transparent 15%),\n        linear-gradient(135deg, #dff5ff, #ffffff);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 72px;\n      box-shadow: inset 0 0 40px rgba(0,142,230,.15);\n      position: relative;\n      z-index: 2;\n      animation: gentleFloat 4s ease-in-out infinite;\n    }\n\n    .tl-product-card h3 {\n      font-size: 26px;\n      margin: 24px 0 8px;\n      color: #003b66;\n      position: relative;\n      z-index: 2;\n    }\n\n    .tl-product-card p {\n      color: #475569;\n      position: relative;\n      z-index: 2;\n    }\n\n    .tl-benefits {\n      max-width: 1150px;\n      margin: 55px auto 0;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n    }\n\n    .tl-benefit {\n      background: #ffffff;\n      border: 1px solid #d7efff;\n      border-radius: 24px;\n      padding: 24px;\n      box-shadow: 0 16px 40px rgba(0,119,200,.08);\n      transition: .3s ease;\n      animation: fadeInUp .8s ease forwards;\n    }\n\n    .tl-benefit:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 22px 55px rgba(0,119,200,.16);\n    }\n\n    .tl-icon {\n      font-size: 34px;\n      margin-bottom: 12px;\n    }\n\n    .tl-benefit h4 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: #005f99;\n    }\n\n    .tl-benefit p {\n      margin: 0;\n      color: #475569;\n      line-height: 1.5;\n      font-size: 15px;\n    }\n\n    .tl-story {\n      max-width: 950px;\n      margin: 55px auto 0;\n      background: #ffffff;\n      border-radius: 30px;\n      padding: 34px;\n      text-align: center;\n      border: 1px solid #d7efff;\n      box-shadow: 0 18px 50px rgba(0,119,200,.1);\n    }\n\n    .tl-story h2 {\n      color: #003b66;\n      font-size: clamp(28px, 5vw, 42px);\n      margin-bottom: 14px;\n    }\n\n    .tl-story p {\n      color: #475569;\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    @keyframes slideUp {\n      from { opacity: 0; transform: translateY(30px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    @keyframes fadeInUp {\n      from { opacity: 0; transform: translateY(25px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes floatIn {\n      from { opacity: 0; transform: translateX(-20px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    @keyframes popIn {\n      from { opacity: 0; transform: scale(.92); }\n      to { opacity: 1; transform: scale(1); }\n    }\n\n    @keyframes gentleFloat {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-12px); }\n    }\n\n    @keyframes pulse {\n      0%, 100% { transform: scale(1); opacity: .45; }\n      50% { transform: scale(1.15); opacity: .7; }\n    }\n\n    @media (max-width: 850px) {\n      .tl-container {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n\n      .tl-buttons {\n        justify-content: center;\n      }\n\n      .tl-benefits {\n        grid-template-columns: 1fr;\n      }\n\n      .tailease-snuffle {\n        padding: 42px 16px;\n      }\n\n      .tl-product-card {\n        padding: 22px;\n        border-radius: 26px;\n      }\n\n      .tl-mat-visual {\n        font-size: 54px;\n      }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"tailease-snuffle\"\u003e\n\u003cdiv class=\"tl-container\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"tl-badge\"\u003eFor dogs left home alone\u003c\/div\u003e\n\u003ch1 class=\"tl-title\"\u003eTailease™ \u003cspan\u003eSnuffle Mat\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"tl-text\"\u003eDesigned for dogs who spend long hours alone, the Tailease™ Snuffle Mat turns treat time into a calming mental workout. Hide treats inside the soft folds and let your dog sniff, search, and forage—helping reduce boredom, anxiety, and destructive behavior while you’re away.\u003c\/p\u003e\n\u003cdiv class=\"tl-buttons\"\u003e\n\u003ca class=\"tl-btn\" href=\"#add-to-cart\"\u003eKeep My Dog Busy\u003c\/a\u003e \u003ca class=\"tl-btn secondary\" href=\"#benefits\"\u003eSee Benefits\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl-card-wrap\"\u003e\n\u003cdiv class=\"tl-product-card\"\u003e\n\u003cdiv class=\"tl-mat-visual\"\u003e🐶\u003c\/div\u003e\n\u003ch3\u003eCalm. Sniff. Relax.\u003c\/h3\u003e\n\u003cp\u003eA premium enrichment mat made to comfort bored, anxious dogs through natural sniffing behavior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"benefits\" class=\"tl-benefits\"\u003e\n\u003cdiv class=\"tl-benefit\"\u003e\n\u003cdiv class=\"tl-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch4\u003eMental Stimulation\u003c\/h4\u003e\n\u003cp\u003eEncourages your dog to think, sniff, and problem-solve instead of lying bored all day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl-benefit\"\u003e\n\u003cdiv class=\"tl-icon\"\u003e💙\u003c\/div\u003e\n\u003ch4\u003eHelps Ease Anxiety\u003c\/h4\u003e\n\u003cp\u003eSniffing is naturally calming and can help anxious dogs feel more settled when alone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl-benefit\"\u003e\n\u003cdiv class=\"tl-icon\"\u003e🏡\u003c\/div\u003e\n\u003ch4\u003ePerfect for Alone Time\u003c\/h4\u003e\n\u003cp\u003eGreat for busy owners who leave their dogs at home during work, errands, or long days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl-benefit\"\u003e\n\u003cdiv class=\"tl-icon\"\u003e🐾\u003c\/div\u003e\n\u003ch4\u003eReduces Boredom\u003c\/h4\u003e\n\u003cp\u003eHelps redirect restless energy away from barking, chewing, digging, and destructive habits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tl-story\"\u003e\n\u003ch2\u003eGive Your Dog Something To Look Forward To\u003c\/h2\u003e\n\u003cp\u003eDogs weren’t made to sit unstimulated for hours. The Tailease™ Snuffle Mat gives your dog a positive activity that taps into their natural foraging instincts—making alone time feel more rewarding, comforting, and enriching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tailease","offers":[{"title":"Default Title","offer_id":43368087978102,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/6231\/1542\/files\/IMG_0575.jpg?v=1777993404","url":"https:\/\/tailease.co.za\/products\/tailease%e2%84%a2-snuffle-mat","provider":"Tailease","version":"1.0","type":"link"}