.material-hero h1{font-size:clamp(36px,4.1vw,64px);line-height:1.08;max-width:700px}
.pet-category-hero{background:#405940;color:#fff}
.pet-category-hero h1,.pet-category-hero .lead,.pet-category-hero .eyebrow{color:#fff}
.pet-category-hero .lead{max-width:1100px}
.pet-category-crumbs{padding-top:24px}
/* Material category introductions: avoid stacking three large vertical gaps. */
.hero.pet-category-hero>.wrap{padding-top:44px;padding-bottom:32px}
.hero.pet-category-hero .lead{margin-bottom:0}
.crumbs.pet-category-crumbs{padding-top:20px;margin-bottom:0}
.pet-category-hero+div.wrap+.section.pet-introduction{padding-top:36px}
@media(max-width:1000px){.hero.pet-category-hero>.wrap{padding-top:36px;padding-bottom:28px}}
@media(max-width:760px){.hero.pet-category-hero>.wrap{padding-top:30px;padding-bottom:26px}.crumbs.pet-category-crumbs{padding-top:16px}}
.pet-catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;margin-top:30px}
.pet-filter{align-self:start;background:#fff;padding:22px}
.pet-filter button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #dce1d6;padding:16px 0;color:#252e28;font:inherit;cursor:pointer}
.pet-filter button[aria-pressed="true"]{color:#405940;font-weight:700;border-bottom-color:#405940}
.pet-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.pet-design-card img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain}
.pet-design-card h3{font-size:19px;line-height:1.4;margin:16px 0 8px}
.pet-design-card>a{text-decoration:none;color:inherit}
.pet-design-card p,.pet-results{font-size:13px;color:#65705f}
.pet-design-card[hidden],.pet-empty[hidden]{display:none}
@media(max-width:900px){.pet-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-catalog-layout{gap:24px;grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:600px){.pet-catalog-layout{grid-template-columns:1fr}.pet-filter{padding:16px}.pet-filter button{display:inline-block;width:auto;margin-right:16px;font-size:13px}.pet-design-grid{grid-template-columns:1fr}.pet-design-card{max-width:420px}}
.pet-introduction .two{align-items:center;gap:48px}
.pet-introduction figure{margin:0;min-width:0}
.pet-introduction img{display:block;width:100%;height:auto;border-radius:4px}
.pet-introduction figcaption{font-size:12px;line-height:1.6;color:#65705f;margin-top:12px}
.pet-introduction .copy a{color:#405940;text-underline-offset:3px}
.material-hero .two{align-items:center;gap:56px}
.material-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px}
.material-switch{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.material-switch a{padding:10px 24px;border:1px solid #cdd6c7;border-radius:3px;text-decoration:none;color:#405940;background:#fff}
.material-switch a:hover{background:#e6ecdf}
.material-editorial{aspect-ratio:1;background:linear-gradient(135deg,#edf0e7,#d8e0cc);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#405940;text-align:center;padding:25px}
.material-editorial strong{font-size:clamp(64px,8vw,130px);font-weight:500;letter-spacing:-.06em;margin:22px 0}
.material-editorial small{letter-spacing:.2em;font-size:10px}
.material-editorial span,.material-editorial p{font-size:14px}
.material-specs{margin:0 0 24px}.material-specs>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dde2d7;padding:12px 0}.material-specs dt{color:#65705f}.material-specs dd{margin:0;max-width:60%;text-align:right}
.material-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.material-faq details{border-bottom:1px solid #d5ddce;padding:20px 0}.material-faq summary{cursor:pointer;font-weight:600}.material-faq p{max-width:850px;margin-bottom:0}
@media(max-width:760px){.material-hero .two{gap:30px}.material-use-grid{grid-template-columns:1fr}.material-specs>div{font-size:13px}.material-switch a{padding:9px 18px}}
