{"product_id":"casa-de-paw-fresh-home-deodorising-beads","title":"Casa de Paw Fresh Home Deodorising Beads","description":"\u003cstyle\u003e\n  \/* --- Premium Mobile-First Variables --- *\/\n  :root {\n    --primary: #3A4454;\n    --accent: #76D7C4;\n    --accent-light: #E8F8F5;\n    --text-main: #2C3E50;\n    --text-muted: #7F8C8D;\n    --bg-card: #FFFFFF;\n    --bg-body: #F8F9FA;\n    --radius-lg: 16px;\n    --radius-sm: 8px;\n    --ease: cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  .cdp-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    color: var(--text-main);\n    background: var(--bg-body);\n    max-width: 500px;\n    margin: 0 auto;\n    padding: 16px;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .cdp-wrapper * { box-sizing: border-box; }\n\n  \/* --- Smooth Scroll-Driven Animations --- *\/\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(15px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .cdp-card {\n    background: var(--bg-card);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n    margin-bottom: 16px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n    animation: fadeInUp 0.6s var(--ease) forwards;\n  }\n\n  \/* --- Hero Header --- *\/\n  .cdp-header { text-align: center; padding: 12px 0; }\n  .cdp-badge {\n    display: inline-block;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: var(--accent-light);\n    color: #117A65;\n    padding: 4px 12px;\n    border-radius: 20px;\n    margin-bottom: 12px;\n  }\n  .cdp-title { font-size: 1.8rem; font-weight: 800; color: var(--primary); margin: 0 0 8px 0; line-height: 1.2; }\n  .cdp-tagline { font-size: 1.05rem; font-weight: 600; color: var(--text-main); margin-bottom: 12px; }\n  .cdp-desc { font-size: 0.95rem; color: var(--text-muted); line-height: 1.5; margin: 0; }\n\n  \/* --- Premium Accordion \/ Dropdown Benefits Section --- *\/\n  .cdp-accordion-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  \n  .cdp-accordion-item {\n    border: 1px solid #EAECEE;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    background: var(--bg-card);\n    transition: border-color var(--ease) 0.3s;\n  }\n  \n  .cdp-accordion-header {\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 14px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: var(--primary);\n    text-align: left;\n    cursor: pointer;\n    gap: 12px;\n  }\n  \n  .cdp-header-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  \n  .cdp-accordion-icon {\n    font-size: 1.2rem;\n  }\n  \n  .cdp-chevron {\n    font-size: 0.75rem;\n    color: var(--text-muted);\n    transition: transform var(--ease) 0.3s;\n  }\n  \n  .cdp-accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height var(--ease) 0.3s, padding var(--ease) 0.3s;\n    background: #FDFEFE;\n  }\n  \n  .cdp-accordion-content p {\n    margin: 0;\n    padding: 0 16px 14px 42px; \/* Indents description text neatly past the icon *\/\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    line-height: 1.4;\n  }\n\n  \/* Active Accordion States *\/\n  .cdp-accordion-item.active {\n    border-color: var(--primary);\n  }\n  .cdp-accordion-item.active .cdp-chevron {\n    transform: rotate(180deg);\n  }\n  .cdp-accordion-item.active .cdp-accordion-content {\n    max-height: 100px; \/* Big enough wrapper clearance allowance for the paragraph text *\/\n  }\n\n  \/* --- Interactive Scents Section --- *\/\n  .cdp-section-h3 { font-size: 1.15rem; font-weight: 700; color: var(--primary); margin: 0 0 14px 0; }\n  \n  .cdp-tabs { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 14px; padding-bottom: 4px; scrollbar-width: none;}\n  .cdp-tabs::-webkit-scrollbar { display: none; }\n  \n  .cdp-tab-btn {\n    background: #FFF;\n    border: 1px solid #D5DBDB;\n    padding: 8px 16px;\n    border-radius: 30px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    white-space: nowrap;\n    cursor: pointer;\n    transition: var(--ease) 0.2s;\n    color: var(--text-main);\n  }\n  .cdp-tab-btn.active {\n    background: var(--primary);\n    color: #FFF;\n    border-color: var(--primary);\n  }\n\n  .cdp-scent-display {\n    background: #F4F6F7;\n    border-radius: var(--radius-sm);\n    padding: 14px;\n    min-height: 68px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .cdp-scent-emoji { font-size: 2rem; transition: transform 0.3s var(--ease); }\n  .cdp-scent-name { font-weight: 700; font-size: 1rem; margin: 0 0 2px 0; color: var(--primary); }\n  .cdp-scent-mood { font-size: 0.85rem; color: var(--text-muted); margin: 0; }\n\n  \/* --- Static Premium Size Display --- *\/\n  .cdp-size-grid { display: flex; gap: 12px; }\n  .cdp-size-card {\n    flex: 1;\n    border: 1px solid #E5E7E9;\n    border-radius: var(--radius-lg);\n    padding: 14px;\n    text-align: center;\n    background: #FFF;\n  }\n  .cdp-size-vol { display: block; font-size: 1.2rem; font-weight: 800; color: var(--primary); }\n  .cdp-size-use { display: block; font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; line-height: 1.3; }\n\n  \/* --- Interactive Stepper (How to Use) --- *\/\n  .cdp-step-container { position: relative; }\n  .cdp-step-content { min-height: 60px; margin-bottom: 16px; }\n  .cdp-step-title { font-weight: 700; font-size: 0.95rem; margin: 0 0 4px 0; color: var(--primary); }\n  .cdp-step-desc { font-size: 0.85rem; color: var(--text-muted); margin: 0; }\n  \n  .cdp-step-dots { display: flex; justify-content: center; gap: 8px; }\n  .cdp-dot {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: #E5E7E9;\n    color: var(--text-muted);\n    font-size: 0.75rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: var(--ease) 0.3s;\n  }\n  .cdp-dot.active {\n    background: var(--primary);\n    color: #FFF;\n    transform: scale(1.15);\n  }\n\n  \/* --- Premium Footer --- *\/\n  .cdp-footer { text-align: center; padding: 12px; font-size: 0.85rem; font-style: italic; color: var(--text-muted); }\n\u003c\/style\u003e\n\n\u003cdiv class=\"cdp-wrapper\"\u003e\n\n  \u003cheader class=\"cdp-card cdp-header\"\u003e\n    \u003cspan class=\"cdp-badge\"\u003eCasa de Paw\u003c\/span\u003e\n    \u003ch1 class=\"cdp-title\"\u003eFresh Home\u003c\/h1\u003e\n    \u003cp class=\"cdp-tagline\"\u003eSay Goodbye to Litter Box Odours — For Good\u003c\/p\u003e\n    \u003cp class=\"cdp-desc\"\u003eYour home should smell like your home — not your cat's litter box. Our premium beads neutralise the toughest odours at the source, leaving rooms invitingly clean.\u003c\/p\u003e\n  \u003c\/header\u003e\n\n  \u003csection class=\"cdp-card\"\u003e\n    \u003ch3 class=\"cdp-section-h3\"\u003eProduct Benefits\u003c\/h3\u003e\n    \u003cdiv class=\"cdp-accordion-group\"\u003e\n      \n      \u003cdiv class=\"cdp-accordion-item\"\u003e\n        \u003cbutton class=\"cdp-accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n          \u003cdiv class=\"cdp-header-left\"\u003e\n            \u003cspan class=\"cdp-accordion-icon\"\u003e🌿\u003c\/span\u003e\n            \u003cspan\u003eEliminates Instantly\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"cdp-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"cdp-accordion-content\"\u003e\n          \u003cp\u003eDoesn't mask bad smells. Neutralises odours completely at the molecular source.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cdp-accordion-item\"\u003e\n        \u003cbutton class=\"cdp-accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n          \u003cdiv class=\"cdp-header-left\"\u003e\n            \u003cspan class=\"cdp-accordion-icon\"\u003e🏠\u003c\/span\u003e\n            \u003cspan\u003eLong-Lasting\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"cdp-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"cdp-accordion-content\"\u003e\n          \u003cp\u003eKeeps your home smelling fresh much longer between deep litter changes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cdp-accordion-item\"\u003e\n        \u003cbutton class=\"cdp-accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n          \u003cdiv class=\"cdp-header-left\"\u003e\n            \u003cspan class=\"cdp-accordion-icon\"\u003e🐱\u003c\/span\u003e\u003cspan\u003e100% Cat Safe\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"cdp-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"cdp-accordion-content\"\u003e\n          \u003cp\u003eA gentle, completely non-toxic formula built purely with your pet's wellness in mind.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cdp-accordion-item\"\u003e\n        \u003cbutton class=\"cdp-accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n          \u003cdiv class=\"cdp-header-left\"\u003e\n            \u003cspan class=\"cdp-accordion-icon\"\u003e✨\u003c\/span\u003e\u003cspan\u003eEffortless Routine\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"cdp-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"cdp-accordion-content\"\u003e\n          \u003cp\u003eSimply sprinkle them in and let the active freshness beads handle the heavy lifting.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cdp-accordion-item\"\u003e\n        \u003cbutton class=\"cdp-accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n          \u003cdiv class=\"cdp-header-left\"\u003e\n            \u003cspan class=\"cdp-accordion-icon\"\u003e🌸\u003c\/span\u003e\u003cspan\u003eComplementary\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"cdp-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"cdp-accordion-content\"\u003e\n          \u003cp\u003eCurated premium fragrances built to elevate your living spaces subtly.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cdp-accordion-item\"\u003e\n        \u003cbutton class=\"cdp-accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n          \u003cdiv class=\"cdp-header-left\"\u003e\n            \u003cspan class=\"cdp-accordion-icon\"\u003e💧\u003c\/span\u003e\u003cspan\u003eDry-Protection\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"cdp-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"cdp-accordion-content\"\u003e\n          \u003cp\u003eAbsorbs micro-moisture, keeping cat litter drier and extending its natural usage lifespan.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdp-card\"\u003e\n    \u003ch3 class=\"cdp-section-h3\"\u003eTap to Explore Fragrances\u003c\/h3\u003e\n    \u003cdiv class=\"cdp-tabs\" id=\"scentTabs\"\u003e\n      \u003cbutton class=\"cdp-tab-btn active\" onclick=\"switchScent(0, this)\"\u003e🍏 Apple\u003c\/button\u003e\n      \u003cbutton class=\"cdp-tab-btn\" onclick=\"switchScent(1, this)\"\u003e💜 Lavender\u003c\/button\u003e\n      \u003cbutton class=\"cdp-tab-btn\" onclick=\"switchScent(2, this)\"\u003e🌼 Jasmine\u003c\/button\u003e\n      \u003cbutton class=\"cdp-tab-btn\" onclick=\"switchScent(3, this)\"\u003e🍋 Lemon\u003c\/button\u003e\n      \u003cbutton class=\"cdp-tab-btn\" onclick=\"switchScent(4, this)\"\u003e🌹 Rose\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cdp-scent-display\"\u003e\n      \u003cdiv class=\"cdp-scent-emoji\" id=\"scentEmoji\"\u003e🍏\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"cdp-scent-name\" id=\"scentName\"\u003eGreen Apple\u003c\/h4\u003e\n        \u003cp class=\"cdp-scent-mood\" id=\"scentMood\"\u003eCrisp, fresh, and energising\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdp-card\"\u003e\n    \u003ch3 class=\"cdp-section-h3\"\u003eAvailable Sizes\u003c\/h3\u003e\n    \u003cdiv class=\"cdp-size-grid\"\u003e\n      \u003cdiv class=\"cdp-size-card\"\u003e\n        \u003cspan class=\"cdp-size-vol\"\u003e250ml\u003c\/span\u003e\n        \u003cspan class=\"cdp-size-use\"\u003ePerfect for single litter boxes \u0026amp; smaller spaces\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdp-size-card\"\u003e\n        \u003cspan class=\"cdp-size-vol\"\u003e350ml\u003c\/span\u003e\n        \u003cspan class=\"cdp-size-use\"\u003eIdeal for larger litter boxes \u0026amp; multi-cat homes\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdp-card\"\u003e\n    \u003ch3 class=\"cdp-section-h3\" style=\"margin-bottom: 8px;\"\u003eHow to Use\u003c\/h3\u003e\n    \u003cdiv class=\"cdp-step-container\"\u003e\n      \u003cdiv class=\"cdp-step-content\"\u003e\n        \u003cdiv class=\"cdp-step-title\" id=\"stepTitle\"\u003eStep 1: Prep Base\u003c\/div\u003e\n        \u003cp class=\"cdp-step-desc\" id=\"stepDesc\"\u003eSprinkle a generous layer of Casa de Paw Deodorising Beads into your completely clean, empty litter box.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdp-step-dots\"\u003e\n        \u003cdiv class=\"cdp-dot active\" onclick=\"jumpToStep(0)\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cdp-dot\" onclick=\"jumpToStep(1)\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cdp-dot\" onclick=\"jumpToStep(2)\"\u003e3\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cfooter class=\"cdp-footer\"\u003e\n    A fresh home is a happy home — for you and your cat. 🐾\n  \u003c\/footer\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ --- Accordion Toggle Logic ---\n  function toggleAccordion(headerElement) {\n    const item = headerElement.parentElement;\n    const isActive = item.classList.contains('active');\n    \n    \/\/ Close any currently open item for a cleaner mobile experience\n    document.querySelectorAll('.cdp-accordion-item').forEach(el =\u003e el.classList.remove('active'));\n    \n    \/\/ If the clicked item wasn't open, open it\n    if (!isActive) {\n      item.classList.add('active');\n    }\n  }\n\n  \/\/ --- Fragrance Tab Configurations ---\n  const scents = [\n    { name: \"Green Apple\", mood: \"Crisp, fresh, and energising\", emoji: \"🍏\" },\n    { name: \"Lavender\", mood: \"Soothing, relaxing, and timeless\", emoji: \"💜\" },\n    { name: \"Jasmine\", mood: \"Soft, floral, and calming\", emoji: \"🌼\" },\n    { name: \"Lemon\", mood: \"Clean, zesty, and uplifting\", emoji: \"🍋\" },\n    { name: \"Rose\", mood: \"Delicate, romantic, and elegant\", emoji: \"🌹\" }\n  ];\n\n  const steps = [\n    { title: \"Step 1: Prep Base\", desc: \"Sprinkle a generous layer of Casa de Paw Deodorising Beads into your completely clean, empty litter box.\" },\n    { title: \"Step 2: Add Litter\", desc: \"Pour your choice of regular cat litter directly over the fresh bead foundation layer. Compatible with all litter types.\" },\n    { title: \"Step 3: Refresh\", desc: \"Simply replenish with a light sprinkle as needed over time to maintain a continuous premium fragrance circle.\" }\n  ];\n\n  \/\/ --- Scent Selection Logic ---\n  function switchScent(index, element) {\n    document.querySelectorAll('#scentTabs .cdp-tab-btn').forEach(btn =\u003e btn.classList.remove('active'));\n    element.classList.add('active');\n    \n    const emojiEl = document.getElementById('scentEmoji');\n    emojiEl.style.transform = 'scale(0.3)';\n    \n    setTimeout(() =\u003e {\n      document.getElementById('scentName').innerText = scents[index].name;\n      document.getElementById('scentMood').innerText = scents[index].mood;\n      emojiEl.innerText = scents[index].emoji;\n      emojiEl.style.transform = 'scale(1)';\n    }, 150);\n\n    element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n  }\n\n  \/\/ --- Process Stepper Controls ---\n  function jumpToStep(stepIndex) {\n    document.querySelectorAll('.cdp-dot').forEach((dot, idx) =\u003e {\n      if(idx === stepIndex) dot.classList.add('active');\n      else dot.classList.remove('active');\n    });\n\n    document.getElementById('stepTitle').innerText = steps[stepIndex].title;\n    document.getElementById('stepDesc').innerText = steps[stepIndex].desc;\n  }\n\u003c\/script\u003e","brand":"Casa de Paw","offers":[{"title":"Green Apple \/ 250ML","offer_id":48340786512131,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Green Apple \/ 350ML","offer_id":48340786544899,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Lavender \/ 250ML","offer_id":48340786577667,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Lavender \/ 350ML","offer_id":48340786610435,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Jasmin \/ 250ML","offer_id":48340786643203,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Jasmin \/ 350ML","offer_id":48340786675971,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Lemon \/ 250ML","offer_id":48340786708739,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Lemon \/ 350ML","offer_id":48340786741507,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Rose \/ 250ML","offer_id":48340786774275,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false},{"title":"Rose \/ 350ML","offer_id":48340786807043,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0822\/9388\/3139\/files\/upright-top-bottles-blue-swap.png?v=1780742620","url":"https:\/\/casadepaw.co.za\/products\/casa-de-paw-fresh-home-deodorising-beads","provider":"Casa de Paw","version":"1.0","type":"link"}