{"product_id":"portable-pet-treat-pouch-🐾","title":"Portable Pet Treat Pouch 🐾","description":"\u003cstyle\u003e\n\/* =========================================================\n HOUSE OF TAILSβ„’ β€” PREMIUM PET TREAT POUCH\n Black β€’ Gold β€’ White\n========================================================= *\/\n\n.hot-treat-pouch {\n --black: #080808;\n --black-2: #111111;\n --black-3: #181818;\n --gold: #d4af37;\n --gold-light: #f5d76e;\n --white: #ffffff;\n --muted: #b8b8b8;\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n background:\n radial-gradient(circle at 100% 0%, rgba(212,175,55,.16), transparent 28%),\n radial-gradient(circle at 0% 100%, rgba(212,175,55,.08), transparent 30%),\n linear-gradient(145deg, var(--black), var(--black-2));\n\n color: var(--white);\n border-radius: 24px;\n padding: 45px 22px;\n margin: 25px auto;\n max-width: 1000px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 20px 60px rgba(0,0,0,.3);\n}\n\n.hot-treat-pouch * {\n box-sizing: border-box;\n}\n\n.hot-treat-pouch::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 8%;\n right: 8%;\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n var(--gold),\n transparent\n );\n}\n\n.hot-treat-inner {\n max-width: 900px;\n margin: auto;\n position: relative;\n z-index: 2;\n}\n\n\/* BADGE *\/\n\n.hot-treat-badge {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n border: 1px solid rgba(212,175,55,.6);\n color: var(--gold-light);\n padding: 8px 15px;\n border-radius: 100px;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 18px;\n background: rgba(212,175,55,.05);\n}\n\n\/* HEADING *\/\n\n.hot-treat-title {\n margin: 0 0 14px;\n font-size: clamp(30px, 5vw, 47px);\n line-height: 1.06;\n font-weight: 850;\n letter-spacing: -1px;\n}\n\n.hot-treat-title span {\n color: var(--gold);\n}\n\n.hot-treat-subtitle {\n color: var(--muted);\n max-width: 740px;\n font-size: 16px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* DIVIDER *\/\n\n.hot-treat-divider {\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 28px 0 22px;\n}\n\n.hot-treat-divider::before,\n.hot-treat-divider::after {\n content: \"\";\n height: 1px;\n flex: 1;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(212,175,55,.55)\n );\n}\n\n.hot-treat-divider::after {\n background: linear-gradient(\n 90deg,\n rgba(212,175,55,.55),\n transparent\n );\n}\n\n.hot-treat-divider span {\n color: var(--gold);\n font-size: 13px;\n}\n\n\/* INTERACTIVE TEXT *\/\n\n.hot-interactive {\n text-align: center;\n color: var(--gold-light);\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n margin-bottom: 15px;\n}\n\n\/* BENEFIT GRID *\/\n\n.hot-treat-benefits {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n}\n\n\/* BENEFIT CARD *\/\n\n.hot-treat-card {\n position: relative;\n overflow: hidden;\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.015)\n );\n\n border: 1px solid rgba(212,175,55,.22);\n border-radius: 17px;\n padding: 21px;\n min-height: 175px;\n\n transition:\n transform .3s ease,\n border-color .3s ease,\n box-shadow .3s ease,\n background .3s ease;\n\n cursor: pointer;\n}\n\n.hot-treat-card::before {\n content: \"\";\n position: absolute;\n width: 150px;\n height: 150px;\n right: -70px;\n top: -70px;\n\n background:\n radial-gradient(\n circle,\n rgba(212,175,55,.18),\n transparent 70%\n );\n\n transition: transform .4s ease;\n}\n\n.hot-treat-card:hover,\n.hot-treat-card:focus-within {\n transform: translateY(-6px);\n border-color: var(--gold);\n\n background:\n linear-gradient(\n 145deg,\n rgba(212,175,55,.10),\n rgba(255,255,255,.025)\n );\n\n box-shadow:\n 0 15px 35px rgba(0,0,0,.35),\n 0 0 25px rgba(212,175,55,.06);\n}\n\n.hot-treat-card:hover::before,\n.hot-treat-card:focus-within::before {\n transform: scale(1.7);\n}\n\n\/* ICON *\/\n\n.hot-treat-icon {\n width: 45px;\n height: 45px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 12px;\n\n background: rgba(212,175,55,.09);\n border: 1px solid rgba(212,175,55,.25);\n\n font-size: 21px;\n\n margin-bottom: 13px;\n\n position: relative;\n z-index: 1;\n\n transition: transform .3s ease;\n}\n\n.hot-treat-card:hover .hot-treat-icon {\n transform: scale(1.08) rotate(-3deg);\n}\n\n\/* CARD TITLE *\/\n\n.hot-treat-card h3 {\n position: relative;\n z-index: 1;\n\n color: var(--white);\n font-size: 16px;\n margin: 0 0 7px;\n\n font-weight: 800;\n}\n\n.hot-treat-card h3 span {\n color: var(--gold-light);\n}\n\n\/* CARD TEXT *\/\n\n.hot-treat-card p {\n position: relative;\n z-index: 1;\n\n color: var(--muted);\n font-size: 13px;\n line-height: 1.6;\n\n margin: 0;\n}\n\n\/* FEATURE TAG *\/\n\n.hot-treat-tag {\n display: inline-block;\n position: relative;\n z-index: 1;\n\n margin-top: 11px;\n\n padding: 4px 8px;\n\n border-radius: 5px;\n\n background: rgba(212,175,55,.08);\n color: var(--gold-light);\n\n font-size: 9px;\n font-weight: 800;\n\n text-transform: uppercase;\n letter-spacing: .8px;\n}\n\n\/* PERFECT FOR *\/\n\n.hot-perfect {\n margin-top: 18px;\n padding: 23px;\n\n border-radius: 17px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(212,175,55,.10),\n rgba(255,255,255,.025)\n );\n\n border: 1px solid rgba(212,175,55,.3);\n}\n\n.hot-perfect-title {\n display: flex;\n align-items: center;\n gap: 9px;\n\n color: var(--white);\n font-size: 16px;\n font-weight: 800;\n\n margin-bottom: 12px;\n}\n\n.hot-perfect-title span {\n color: var(--gold);\n}\n\n.hot-perfect-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.hot-perfect-item {\n padding: 8px 11px;\n\n border-radius: 8px;\n\n background: rgba(255,255,255,.04);\n border: 1px solid rgba(255,255,255,.08);\n\n color: #d4d4d4;\n\n font-size: 11px;\n font-weight: 600;\n\n transition: all .25s ease;\n}\n\n.hot-perfect-item:hover {\n border-color: var(--gold);\n color: var(--gold-light);\n transform: translateY(-2px);\n}\n\n\/* QUOTE *\/\n\n.hot-quote {\n margin-top: 18px;\n\n padding: 24px;\n\n text-align: center;\n\n border-radius: 17px;\n\n background:\n radial-gradient(\n circle at center,\n rgba(212,175,55,.09),\n transparent 65%\n );\n\n border: 1px solid rgba(212,175,55,.18);\n}\n\n.hot-quote-mark {\n color: var(--gold);\n font-size: 30px;\n line-height: 1;\n}\n\n.hot-quote p {\n color: #d1d1d1;\n font-size: 14px;\n line-height: 1.7;\n\n font-style: italic;\n\n max-width: 650px;\n margin: 8px auto 0;\n}\n\n\/* FINAL CTA *\/\n\n.hot-treat-footer {\n margin-top: 28px;\n padding-top: 25px;\n\n border-top: 1px solid rgba(212,175,55,.18);\n\n text-align: center;\n}\n\n.hot-treat-footer h3 {\n margin: 0 0 8px;\n\n font-size: 22px;\n font-weight: 850;\n\n color: var(--white);\n}\n\n.hot-treat-footer h3 span {\n color: var(--gold);\n}\n\n.hot-treat-footer p {\n color: #999;\n font-size: 12px;\n margin: 0 0 18px;\n}\n\n\/* CTA *\/\n\n.hot-treat-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n padding: 13px 25px;\n\n border-radius: 100px;\n\n background: linear-gradient(\n 135deg,\n var(--gold),\n #b89120\n );\n\n color: #080808 !important;\n\n font-size: 12px;\n font-weight: 900;\n\n letter-spacing: .8px;\n text-transform: uppercase;\n\n text-decoration: none;\n\n box-shadow:\n 0 8px 25px rgba(212,175,55,.18);\n\n transition: all .3s ease;\n}\n\n.hot-treat-cta:hover {\n transform: translateY(-3px);\n box-shadow:\n 0 12px 35px rgba(212,175,55,.3);\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 650px) {\n\n .hot-treat-pouch {\n padding: 32px 15px;\n border-radius: 18px;\n }\n\n .hot-treat-title {\n font-size: 32px;\n }\n\n .hot-treat-subtitle {\n font-size: 14px;\n }\n\n .hot-treat-benefits {\n grid-template-columns: 1fr;\n gap: 11px;\n }\n\n .hot-treat-card {\n min-height: auto;\n padding: 18px;\n }\n\n .hot-perfect {\n padding: 18px;\n }\n\n .hot-perfect-list {\n gap: 6px;\n }\n\n .hot-perfect-item {\n font-size: 10px;\n }\n}\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n .hot-treat-card,\n .hot-treat-icon,\n .hot-treat-cta {\n transition: none;\n }\n\n .hot-treat-card:hover,\n .hot-treat-cta:hover {\n transform: none;\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"hot-treat-pouch\"\u003e\n\n \u003cdiv class=\"hot-treat-inner\"\u003e\n\n \u003c!-- PREMIUM BADGE --\u003e\n\n \u003cdiv class=\"hot-treat-badge\"\u003e\n ✦ House of Tailsβ„’ Premium Training Gear\n \u003c\/div\u003e\n\n\n \u003c!-- MAIN HEADING --\u003e\n\n \u003ch2 class=\"hot-treat-title\"\u003e\n Keep Rewards Within Reach.\u003cbr\u003e\n \u003cspan\u003eEvery Walk. Every Win.\u003c\/span\u003e 🐾\n \u003c\/h2\u003e\n\n \u003cp class=\"hot-treat-subtitle\"\u003e\n Make every training session and outdoor adventure more rewarding with\n the \u003cstrong\u003ePortable Pet Treat Pouch\u003c\/strong\u003e β€” a stylish,\n hands-free companion designed to keep your pet's favourite rewards\n close when you need them most. πŸŒΏπŸ•\n \u003c\/p\u003e\n\n\n \u003c!-- DIVIDER --\u003e\n\n \u003cdiv class=\"hot-treat-divider\"\u003e\n \u003cspan\u003e✦\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"hot-interactive\"\u003e\n ✦ Tap or hover over a benefit to explore\n \u003c\/div\u003e\n\n\n \u003c!-- INTERACTIVE BENEFITS --\u003e\n\n \u003cdiv class=\"hot-treat-benefits\"\u003e\n\n \u003c!-- BENEFIT 1 --\u003e\n\n \u003cdiv class=\"hot-treat-card\" tabindex=\"0\"\u003e\n\n \u003cdiv class=\"hot-treat-icon\"\u003e\n ⚑\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eInstant Access.\u003c\/span\u003e Zero Fuss.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The smooth zipper closure keeps treats secure while giving you\n quick access when the perfect training moment arrives.\n \u003c\/p\u003e\n\n \u003cspan class=\"hot-treat-tag\"\u003e\n Reward In Seconds\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFIT 2 --\u003e\n\n \u003cdiv class=\"hot-treat-card\" tabindex=\"0\"\u003e\n\n \u003cdiv class=\"hot-treat-icon\"\u003e\n πŸ•οΈ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eBuilt For\u003c\/span\u003e Adventure\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Lightweight and compact, it can be clipped to your belt, leash\n or bag for walks, hikes, agility sessions and park adventures.\n \u003c\/p\u003e\n\n \u003cspan class=\"hot-treat-tag\"\u003e\n Hands-Free\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFIT 3 --\u003e\n\n \u003cdiv class=\"hot-treat-card\" tabindex=\"0\"\u003e\n\n \u003cdiv class=\"hot-treat-icon\"\u003e\n πŸ–\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eTreats Stay\u003c\/span\u003e Secure\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The zipped design helps keep rewards contained and helps prevent\n crumbs from ending up loose inside your bag.\n \u003c\/p\u003e\n\n \u003cspan class=\"hot-treat-tag\"\u003e\n Less Mess\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFIT 4 --\u003e\n\n \u003cdiv class=\"hot-treat-card\" tabindex=\"0\"\u003e\n\n \u003cdiv class=\"hot-treat-icon\"\u003e\n 😊\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eComfortable\u003c\/span\u003e To Carry\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed to stay lightweight and unobtrusive, so you can focus\n on your dog rather than worrying about your accessories.\n \u003c\/p\u003e\n\n \u003cspan class=\"hot-treat-tag\"\u003e\n Lightweight\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFIT 5 --\u003e\n\n \u003cdiv class=\"hot-treat-card\" tabindex=\"0\"\u003e\n\n \u003cdiv class=\"hot-treat-icon\"\u003e\n 🧼\n \u003c\/div\u003e\n\n \u003ch3\u003e\n \u003cspan\u003eEasy\u003c\/span\u003e To Clean\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Outdoor adventures can get messy. Simply wipe the pouch clean\n after use and get back to your next adventure.\n \u003c\/p\u003e\n\n \u003cspan class=\"hot-treat-tag\"\u003e\n Everyday Ready\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PERFECT FOR --\u003e\n\n \u003cdiv class=\"hot-perfect\"\u003e\n\n \u003cdiv class=\"hot-perfect-title\"\u003e\n 🎯 \u003cspan\u003ePerfect For\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hot-perfect-list\"\u003e\n\n \u003cdiv class=\"hot-perfect-item\"\u003e\n 🐢 Puppy Training\n \u003c\/div\u003e\n\n \u003cdiv class=\"hot-perfect-item\"\u003e\n πŸ”” Recall Practice\n \u003c\/div\u003e\n\n \u003cdiv class=\"hot-perfect-item\"\u003e\n πŸƒ Agility Sessions\n \u003c\/div\u003e\n\n \u003cdiv class=\"hot-perfect-item\"\u003e\n 🌳 Daily Walks\n \u003c\/div\u003e\n\n \u003cdiv class=\"hot-perfect-item\"\u003e\n πŸ† Good Behaviour\n \u003c\/div\u003e\n\n \u003cdiv class=\"hot-perfect-item\"\u003e\n 🌿 Outdoor Adventures\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PREMIUM QUOTE --\u003e\n\n \u003cdiv class=\"hot-quote\"\u003e\n\n \u003cdiv class=\"hot-quote-mark\"\u003e\n β€œ\n \u003c\/div\u003e\n\n \u003cp\u003e\n The fastest way to a dog's heart is a treat delivered\n at exactly the right moment.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL CTA --\u003e\n\n \u003cdiv class=\"hot-treat-footer\"\u003e\n\n \u003ch3\u003e\n Reward Smarter. \u003cspan\u003eTrain Better.\u003c\/span\u003e πŸ•\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Keep their favourite rewards close β€” wherever the adventure takes you.\n \u003c\/p\u003e\n\n \u003ca href=\"#AddToCart\" class=\"hot-treat-cta\"\u003e\n πŸ›’ Make Every Outing Rewarding\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"House Of Tailsβ„’","offers":[{"title":"Default Title","offer_id":46639027191910,"sku":null,"price":119.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0729\/0139\/4534\/files\/dog-treat-pouch-hero-shot.png?v=1787568952","url":"https:\/\/houseoftails.co.za\/products\/portable-pet-treat-pouch-%f0%9f%90%be","provider":"House Of Tailsβ„’","version":"1.0","type":"link"}