/* === MatchMyNapf species switch + Katzen-Testbereich 2026-10-01 === */
.species-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(39,56,44,.14);border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(41,35,50,.06);margin-left:auto}
.species-switch a{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.91rem;color:#556057;line-height:1;white-space:nowrap}
.species-switch a[aria-current="true"],.species-switch a:hover{background:#edf4ea;color:#27382c}
.species-switch .species-cat[aria-current="true"],.species-switch .species-cat:hover{background:#59366f;color:#fff}
.species-switch .species-dot{font-size:1.05rem;line-height:1}
.sitehead.has-species{gap:18px;flex-wrap:wrap}
.sitehead.has-species .nav{margin-left:0}

.cat-theme{--cat-plum:#59366F;--cat-apricot:#FFB58E;--cat-lavender:#EDE3F4;--cat-bg:#FAF7FC;--cat-ink:#292332;--cat-muted:#766d7c;background:var(--cat-bg);color:var(--cat-ink)}
.cat-theme .skip-link:focus,.cat-theme .button,.cat-theme .nav-cta{background:var(--cat-plum);color:#fff}
.cat-theme .button:hover,.cat-theme .nav-cta:hover{background:#47295a}
.cat-theme .button.secondary{background:#fff;color:var(--cat-plum);border-color:#cdb9da}
.cat-theme a{color:var(--cat-plum)}
.cat-theme .eyebrow{color:var(--cat-plum)}
.cat-theme .brand-slogan{color:#7b5c87}
.cat-theme .sitehead{border-bottom-color:rgba(89,54,111,.12)}
.cat-theme .nav a:not(.nav-cta):hover{background:var(--cat-lavender)}
.cat-theme .panel,.cat-theme .step,.cat-theme .example-product,.cat-theme .knowledge-banner,.cat-theme .cat-card{border-color:rgba(89,54,111,.12);box-shadow:0 16px 42px rgba(74,48,89,.08)}
.cat-theme .step-number,.cat-theme .section-count{color:var(--cat-plum);background:var(--cat-lavender)}
.cat-theme .hero h1 em,.cat-theme h1 em,.cat-theme h2 em{color:var(--cat-plum);font-style:normal}
.cat-theme .hero-trust li::before{background:var(--cat-apricot);color:var(--cat-ink)}
.cat-theme input:focus,.cat-theme select:focus,.cat-theme textarea:focus{outline-color:var(--cat-plum);border-color:var(--cat-plum)}

.cat-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e4d8ea;border-radius:999px;padding:7px 11px;font-size:.85rem;font-weight:700;color:#59366f}
.cat-pill::before{content:'●';color:#ffb58e;font-size:.75rem}
.cat-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.cat-benefit{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(89,54,111,.12)}
.cat-benefit strong{display:block;color:#59366f;margin-bottom:5px}
.cat-benefit p{margin:0;color:#766d7c;font-size:.93rem;line-height:1.45}
.cat-theme-band{margin:38px 0;padding:26px;border-radius:28px;background:linear-gradient(135deg,#59366f,#73498a);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;overflow:hidden;position:relative}
.cat-theme-band::after{content:'♡';position:absolute;right:3%;top:-28px;font:700 9rem/1 sans-serif;color:rgba(255,181,142,.22);transform:rotate(-8deg)}
.cat-theme-band .eyebrow{color:#ffcfb6}.cat-theme-band h2{color:#fff;margin-bottom:8px}.cat-theme-band p{color:#f3eaf7;max-width:680px}
.cat-theme-band .theme-swatches{display:flex;gap:12px;justify-content:flex-end;position:relative;z-index:1}
.theme-swatch{width:74px;height:74px;border-radius:22px;border:3px solid rgba(255,255,255,.4);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.theme-swatch.plum{background:#59366f}.theme-swatch.apricot{background:#ffb58e}.theme-swatch.lavender{background:#ede3f4}.theme-swatch.ink{background:#292332}

.cat-profile-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;margin:34px 0}
.cat-profile-visual{border-radius:28px;overflow:hidden;min-height:300px;background:#59366f}
.cat-profile-visual img{width:100%;height:100%;object-fit:cover;display:block}
.cat-form{margin-bottom:40px}
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cat-field{display:flex;flex-direction:column;gap:8px}.cat-field.wide{grid-column:1/-1}
.cat-field label{font-weight:800}.cat-field small{color:#766d7c}
.cat-field input,.cat-field select,.cat-field textarea{width:100%;padding:13px 14px;border:1px solid #d9cee0;border-radius:14px;background:#fff;color:#292332;font:inherit}
.cat-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cat-choice{position:relative}.cat-choice input{position:absolute;opacity:0;pointer-events:none}.cat-choice label{display:flex;flex-direction:column;gap:4px;min-height:94px;padding:16px;border:1px solid #dfd4e5;border-radius:18px;background:#fff;cursor:pointer;transition:.18s ease}.cat-choice label strong{color:#292332}.cat-choice label span{font-size:.88rem;color:#766d7c;font-weight:500}.cat-choice input:checked+label{border-color:#59366f;background:#ede3f4;box-shadow:0 0 0 2px rgba(89,54,111,.08)}
.cat-form-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:24px;flex-wrap:wrap}.cat-form-note{color:#766d7c;font-size:.9rem;max-width:680px;margin:0}
.cat-demo-note{padding:15px 18px;border-radius:16px;background:#fff3ec;border:1px solid #ffd5bf;color:#674032;margin:18px 0}

.cat-results-head{padding:34px 0 12px}.cat-profile-summary{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 28px}.cat-summary-chip{background:#fff;border:1px solid #ded2e5;color:#59366f;border-radius:999px;padding:8px 11px;font-weight:700;font-size:.86rem}
.cat-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 38px}
.cat-result-card{background:#fff;border:1px solid #e0d5e6;border-radius:24px;padding:20px;box-shadow:0 16px 38px rgba(74,48,89,.07)}
.cat-result-card .demo-label{display:inline-flex;background:#fff1e9;color:#9a4f2e;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:800;margin-bottom:12px}.cat-result-card h3{margin:0 0 7px}.cat-result-card p{color:#766d7c}.cat-score{font-size:2.1rem;font-weight:800;color:#59366f;line-height:1;margin:15px 0 10px}.cat-score small{font-size:.78rem;color:#766d7c;font-weight:700}.cat-status{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eee7f2;padding-top:10px;margin-top:10px;font-size:.88rem}.cat-status b.ok{color:#427048}.cat-status b.open{color:#9a6b2f}.cat-status b.no{color:#a34444}
.cat-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.cat-principle{padding:18px;border-radius:20px;background:#fff;border:1px solid #e0d5e6}.cat-principle strong{display:block;color:#59366f;margin-bottom:6px}.cat-principle p{margin:0;color:#766d7c;font-size:.9rem}

.cat-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 40px}.cat-knowledge-card{padding:22px;background:#fff;border:1px solid #e0d5e6;border-radius:22px}.cat-knowledge-card h3{margin-top:0;color:#59366f}.cat-knowledge-card p{margin-bottom:0;color:#766d7c}

@media (max-width:980px){.cat-profile-intro,.cat-theme-band{grid-template-columns:1fr}.cat-theme-band .theme-swatches{justify-content:flex-start}.cat-result-grid{grid-template-columns:1fr 1fr}.cat-principles{grid-template-columns:1fr 1fr}.species-switch{order:3;margin-left:0}.sitehead.has-species .nav{margin-left:auto}}
@media (max-width:680px){.cat-benefits,.cat-result-grid,.cat-principles,.cat-knowledge-grid,.cat-grid,.cat-choice-grid{grid-template-columns:1fr}.cat-field.wide{grid-column:auto}.species-switch{width:100%;justify-content:center}.species-switch a{flex:1;justify-content:center}.cat-theme-band{padding:22px}.theme-swatch{width:58px;height:58px}}

/* Live dog brand rules are reused for both species without alternative slot sizes. */
.cat-brand-icon{display:block;aspect-ratio:435/297;height:auto;object-fit:contain}
.brand .cat-brand-icon{width:70px;height:64px;aspect-ratio:auto;object-fit:contain;flex:none}
@media(max-width:760px){.brand .cat-brand-icon{width:56px;height:51px}}
@media(max-width:699px){.home-head .brand .cat-brand-icon{width:48px;height:44px}}
@media(max-width:350px){.home-head .brand .cat-brand-icon{width:42px;height:38px}}
@media(max-width:699px){.home-head.has-species{grid-template-columns:minmax(0,1fr) auto}.home-head.has-species .species-switch{grid-column:1/-1;grid-row:2;width:100%;justify-content:center}.home-head.has-species .nav{grid-column:2;grid-row:1}.home-head.has-species .brand{grid-column:1;grid-row:1}.home-head .species-switch a{flex:1;justify-content:center}}
.cat-theme .hero-visual figcaption{color:#59366F}