.mxpet-brands-page{--brands-ink:#35312b;--brands-muted:#706b63;--brands-line:#dedbd5;color:var(--brands-ink)}
.mxpet-brands-page .row{max-width:1380px}
.mxpet-brands-hero{padding:64px 0 46px;border-bottom:1px solid var(--brands-line)}
.mxpet-brands-hero__copy{display:grid;grid-template-columns:1.25fr 1fr;gap:16px 72px;align-items:end}
.mxpet-brands-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brands-muted);margin:0 0 14px}
.mxpet-brands-hero__copy>.mxpet-brands-eyebrow{grid-column:1/-1}
.mxpet-brands-hero h1{font-family:var(--font-heading-family);font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-.035em;margin:0}
.mxpet-brands-intro{font-size:17px;line-height:1.8;max-width:440px;margin:0;color:var(--brands-muted)}
.mxpet-brands-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 0 10px}
.mxpet-brands-toolbar .mxpet-brands-eyebrow{display:none}
.mxpet-brands-toolbar h2,.mxpet-brands-help h2{font-family:var(--font-heading-family);font-size:30px;letter-spacing:-.025em;margin:0}
.mxpet-brands-toolbar__links{display:flex;gap:10px;flex-wrap:wrap}
.mxpet-brands-toolbar__links a,.mxpet-brands-help a{padding:10px 18px;border:1px solid var(--brands-line);border-radius:5px;font-size:13px;text-decoration:none;color:var(--brands-ink)}
.mxpet-brands-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 48px}
.mxpet-brand-card{display:grid;grid-template-rows:auto 140px 1fr auto;min-width:0;padding:24px 0 28px;border-bottom:1px solid var(--brands-line);color:inherit;text-decoration:none}
.mxpet-brand-card__topline{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--brands-muted);text-align:center}
.mxpet-brand-card__logo{display:flex;align-items:center;justify-content:center}
.mxpet-brand-card__logo img{max-width:80%;width:240px;height:106px;object-fit:contain;transition:transform .2s}
.mxpet-brand-card--kitty-cat .mxpet-brand-card__logo img,.mxpet-brand-card--doggy-dog .mxpet-brand-card__logo img{height:112px;width:112px}
.mxpet-brand-card--lucky-lou .mxpet-brand-card__logo img{width:190px}
.mxpet-brand-card__content{text-align:center}
.mxpet-brand-card__ranges{font-size:10px;letter-spacing:.07em;text-transform:uppercase;line-height:1.7;margin:8px 0 12px;color:var(--brands-muted)}
.mxpet-brand-card__content>p:last-child{font-size:14px;line-height:1.75;margin:0 auto 22px;max-width:330px;color:var(--brands-muted)}
.mxpet-brand-card__footer{text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.mxpet-brand-card:hover .mxpet-brand-card__logo img{transform:scale(1.04)}
.mxpet-brand-card:focus-visible,.mxpet-brands-toolbar a:focus-visible,.mxpet-brands-help a:focus-visible{outline:2px solid #756140;outline-offset:5px}
.mxpet-brands-help{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding:24px 0 16px}
.mxpet-brands-help a{white-space:nowrap}
@media(max-width:900px){.mxpet-brands-grid{gap:16px 26px}.mxpet-brands-hero__copy{gap:16px 32px}.mxpet-brands-intro{font-size:15px}}
@media(max-width:600px){.mxpet-brands-hero{padding:32px 0}.mxpet-brands-hero__copy{grid-template-columns:1fr;gap:18px}.mxpet-brands-hero__copy>.mxpet-brands-eyebrow{margin:0}.mxpet-brands-hero h1{font-size:39px}.mxpet-brands-intro{max-width:none}.mxpet-brands-toolbar{display:block;padding-top:28px}.mxpet-brands-toolbar__links{margin-top:18px}.mxpet-brands-grid{grid-template-columns:1fr;gap:0}.mxpet-brand-card{grid-template-rows:auto 128px 1fr auto;padding:24px 0}.mxpet-brand-card__content>p:last-child{max-width:350px}.mxpet-brands-help{display:block;margin-top:24px}.mxpet-brands-help a{display:inline-block;margin-top:20px}.mxpet-brands-help h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mxpet-brand-card__logo img{transition:none}}