Join Kate’s K9 & Get a FREE Fi Smart Collar!

Q

FAQ

Service Questions

Pet Care Questions

Kate’s K9 Pet Care questions

/* ==================== */ /* Scoped FAQ Styles */ /* ==================== */ #kk9-faq.kk9-faq { --kk9-bg: #ffffff; --kk9-text: #222; --kk9-muted: #444; --kk9-border: #e6e8eb; --kk9-accent: #2f9e99; /* adjust if needed */ --kk9-accent-soft: #e8f5f4; --kk9-radius: 14px; --kk9-shadow: 0 6px 20px rgba(0,0,0,.06); font-family: inherit; color: var(--kk9-text); } .kk9-faq__heading { margin: 1.5rem 0 .75rem; font-size: 1.35rem; line-height: 1.25; color: var(--kk9-accent); border-left: 4px solid var(--kk9-accent); padding-left: .6rem; } .kk9-faq__item { background: var(--kk9-bg); border: 1px solid var(--kk9-border); border-radius: var(--kk9-radius); box-shadow: var(--kk9-shadow); margin: .5rem 0; overflow: hidden; } .kk9-faq__btn { width: 100%; text-align: left; background: #fff; border: 0; padding: 1.1rem 3.25rem 1.1rem 1.1rem; font-size: 1rem; font-weight: 600; cursor: pointer; position: relative; color: var(--kk9-text); } .kk9-faq__btn:hover, .kk9-faq__btn:focus { outline: none; background: var(--kk9-accent-soft); } .kk9-faq__icon { width: 22px; height: 22px; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) rotate(-90deg); transition: transform .25s ease; fill: var(--kk9-accent); opacity: .9; } .kk9-faq__btn[aria-expanded="true"] .kk9-faq__icon { transform: translateY(-50%) rotate(0deg); } .kk9-faq__panel { border-top: 1px solid var(--kk9-border); padding: 1rem 1.1rem 1.1rem; color: var(--kk9-muted); line-height: 1.65; } .kk9-faq__panel p { margin: 0 0 .8rem; } /* Make links look friendly & on-brand (if any appear) */ #kk9-faq a { color: var(--kk9-accent); text-decoration: underline; } #kk9-faq a:hover { text-decoration: none; } /* Divi fix: prevent global styles from bleeding in */ #kk9-faq * { box-sizing: border-box; } /* Accessible accordion behavior (vanilla JS, scoped) */ (function () { const root = document.getElementById('kk9-faq'); if (!root) return; const buttons = root.querySelectorAll('.kk9-faq__btn'); buttons.forEach(btn => { btn.addEventListener('click', () => { const expanded = btn.getAttribute('aria-expanded') === 'true'; // Close others (accordion style) buttons.forEach(b => { if (b !== btn) { b.setAttribute('aria-expanded', 'false'); const p = b.closest('.kk9-faq__item').querySelector('.kk9-faq__panel'); p && (p.hidden = true); } }); btn.setAttribute('aria-expanded', String(!expanded)); const panel = btn.closest('.kk9-faq__item').querySelector('.kk9-faq__panel'); if (panel) panel.hidden = expanded; }); }); })();

Get Started Now