/* Only /pferd/, /hund/ and /katze/. No species-specific geometry or action order. */
.animal-overview{--overview-gap:24px;--overview-card-width:calc((100% - 48px)/3)}
.animal-overview .animal-hero-copy{padding-block:48px 66px}
.animal-overview .animal-hero-copy>*{max-width:560px}
.animal-overview .animal-hero h1{font-size:clamp(38px,3.7vw,56px);line-height:1.08;margin-bottom:20px}
.animal-overview .animal-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:450px;margin-bottom:24px}
.animal-overview .overview-hero-actions{display:flex;flex-wrap:wrap;gap:15px 12px;align-items:stretch}
.animal-overview .button{min-height:48px;text-align:center;white-space:normal;line-height:1.35}
.animal-overview :is(.animal-selection,.animal-explanations,.animal-answers,.animal-contact){scroll-margin-top:110px}
.animal-overview .animal-selection{padding-bottom:56px}
.animal-overview .animal-selection-inner{padding:34px 30px}
.animal-overview .section-heading{margin-bottom:30px}
.animal-overview .section-heading h2{font-size:clamp(29px,3vw,36px);line-height:1.15}
.animal-overview .section-heading>p:last-child:not(.eyebrow){font-size:17px;line-height:1.6;margin:14px 0 0;max-width:720px}
/* The same card width on all three pages; two genuine products stay centered. */
.animal-overview :is(.animal-choice-grid,.animal-explain-grid){display:flex;flex-wrap:wrap;justify-content:center;gap:var(--overview-gap)}
.animal-overview .animal-choice{flex:0 1 var(--overview-card-width);padding:26px;display:flex;flex-direction:column;min-width:0}
.animal-overview .animal-choice .tile-top{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:14px;margin-bottom:24px;min-height:64px}
.animal-overview .animal-choice .tile-label{font-size:12px;line-height:1.45;padding:5px 8px;max-width:150px}
.animal-overview .animal-choice h3{font-size:27px;line-height:1.2;min-height:2.4em;max-width:100%;margin:0 0 14px;overflow-wrap:anywhere;hyphens:auto}
.animal-overview .animal-choice>.overview-card-copy{font-size:16px;line-height:1.6;min-height:4.8em;margin:0 0 22px}
.animal-overview .overview-card-actions{display:flex;flex-direction:column;gap:14px;margin-top:auto;min-width:0}
.animal-overview .overview-card-actions .button{width:100%;align-self:stretch;margin:0;font-size:15px;padding-inline:10px}
.animal-overview .overview-detail-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:#fff;text-underline-offset:5px;font-size:15px;font-weight:600}
.animal-overview .overview-calculator-note{font-size:12px;line-height:1.5;color:#dfebec;min-height:3em;margin:3px 0 0}
.animal-overview .overview-scope{display:flex;gap:13px;align-items:flex-start;margin-top:32px;padding:20px;background:#f0e6ce;border:1px solid #decfab;border-radius:18px 23px 17px 20px}
.animal-overview .overview-scope-icon{flex:0 0 34px}
.animal-overview .overview-scope-icon .friendly-icon{width:34px;height:34px}
.animal-overview .overview-scope p{font-size:15px;line-height:1.65;margin:0;max-width:900px}
.animal-overview .animal-explanations{padding-block:52px}
.animal-overview .animal-explain-grid>article{flex:0 1 var(--overview-card-width);min-width:0}
.animal-overview .animal-explain-grid h3{font-size:25px;line-height:1.25;min-height:2.5em;overflow-wrap:anywhere;hyphens:auto}
.animal-overview .animal-explain-grid p{font-size:16px;line-height:1.65}
.animal-overview .animal-explain-grid a{gap:10px}
.animal-overview .animal-answers{padding-block:52px}
.animal-overview .animal-contact{grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr);gap:48px;padding-block:52px;border-top:1px solid #dcd2bc}
.animal-overview .animal-contact-photo{max-width:370px;width:100%;justify-self:center}
.animal-overview .animal-contact h2{font-size:clamp(29px,3vw,36px);line-height:1.15}
.animal-overview .overview-service-note{padding:18px 20px;margin:22px 0 26px;background:#f0e6ce;border:1px solid #decfab;border-radius:18px 23px 17px 20px}
.animal-overview .overview-service-note h3{font-size:20px;line-height:1.3;margin:0 0 9px}
.animal-overview .overview-service-note p{font-size:15px;line-height:1.6;margin:0}
.animal-overview .animal-contact .request-cta{margin:0 0 24px}
.animal-overview .animal-contact .request-cta .button{width:100%;max-width:none}
.animal-overview .animal-contact .care-contact.contact-trio{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:14px;width:100%;max-width:none;margin:0}
.animal-overview .animal-contact .care-contact.contact-trio .button{width:100%;font-size:14px;padding-inline:8px}
.animal-overview .animal-contact .overview-contact-details{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;margin:22px 0 0}
.animal-overview .overview-contact-details a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.animal-overview .animal-sources{padding-bottom:32px}
.animal-overview .animal-sources a{display:inline-flex;min-height:44px;align-items:center}
.animal-overview .button:focus-visible,.animal-overview a:focus-visible{outline:3px solid #d69928;outline-offset:5px}
@media(max-width:1100px){
 .animal-overview{--overview-gap:20px;--overview-card-width:calc((100% - 20px)/2)}
 .animal-overview .animal-selection-inner{padding:30px 26px}
 .animal-overview .animal-hero-copy{padding-block:30px 60px}
 .animal-overview .animal-hero-copy>*{max-width:510px}
 .animal-overview .animal-hero-copy>p:not(.eyebrow){max-width:410px}
 .animal-overview .animal-contact{gap:30px;grid-template-columns:minmax(180px,.65fr) minmax(0,1.4fr)}
}
@media(max-width:850px){
 .animal-overview .animal-hero-copy{padding-block:5px 56px}
 .animal-overview .animal-hero-copy>*{max-width:650px}
 .animal-overview .animal-hero-copy>p:not(.eyebrow){max-width:580px}
 .animal-overview .animal-contact{grid-template-columns:1fr;gap:30px}
 .animal-overview .animal-contact-photo{max-width:310px}
 .animal-overview .overview-contact-copy{width:100%;max-width:650px;margin-inline:auto}
}
@media(max-width:650px){
 .animal-overview{--overview-gap:24px;--overview-card-width:100%}
 .animal-overview .animal-hero h1{font-size:36px}
 .animal-overview .overview-hero-actions{display:grid;grid-template-columns:1fr;max-width:420px;gap:15px}
 .animal-overview .overview-hero-actions .button{width:100%}
 .animal-overview .animal-selection-inner{padding:26px 19px}
 .animal-overview .animal-selection{padding-bottom:38px}
 .animal-overview .animal-choice{max-width:420px;padding:25px}
 .animal-overview .animal-choice h3{font-size:27px;min-height:0}
 .animal-overview .animal-choice>.overview-card-copy{min-height:0}
 .animal-overview .overview-calculator-note{min-height:0}
 .animal-overview .animal-choice .tile-top{min-height:59px}
 .animal-overview .overview-scope{padding:16px 14px;gap:10px;margin-top:28px}
 .animal-overview .overview-scope p{font-size:14px}
 .animal-overview :is(.animal-explanations,.animal-answers,.animal-contact){padding-block:38px}
 .animal-overview .animal-explain-grid>article{max-width:420px}
 .animal-overview .animal-explain-grid h3{min-height:0;margin-bottom:12px}
 .animal-overview .animal-contact .care-contact.contact-trio{grid-template-columns:1fr;gap:15px}
 .animal-overview .animal-contact .care-contact.contact-trio .button{min-height:48px;font-size:15px}
 .animal-overview .overview-service-note{padding:17px;margin-top:20px}
 .animal-overview .animal-contact .overview-contact-details{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.animal-overview .animal-choice,.animal-overview .button{animation:none!important;transition:none!important;transform:none!important}}

.animal-overview .overview-scope-copy{min-width:0}
.animal-overview .overview-scope-copy h3{font-size:clamp(20px,2.2vw,25px);line-height:1.3;margin:0 0 14px;overflow-wrap:break-word;scroll-margin-top:110px}
.animal-overview .overview-scope-copy p+p{margin-top:14px}
.animal-overview .overview-scope-copy a{color:inherit;text-decoration:underline;text-underline-offset:3px}