.catalog-page{padding-block:32px 96px}
.catalog-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:48px}
.catalog-breadcrumb a:hover{color:var(--orange-dark)}
.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:32px}
.catalog-heading h1{font-size:clamp(32px,4vw,48px)}
.catalog-heading p{font-size:15px;color:var(--muted);margin-top:16px}
.catalog-count{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.catalog-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.catalog-grid>li{min-width:0}
.catalog-card{display:flex;flex-direction:column;height:100%}
.catalog-image{aspect-ratio:1;display:grid;place-items:center;background:#f3f1eb;overflow:hidden}
.catalog-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.catalog-card:hover .catalog-image img{transform:scale(1.035)}
.catalog-card-copy{padding-top:20px}
.catalog-page .catalog-card h2{font-size:20px;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
@media(max-width:820px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.catalog-page{padding-bottom:64px}.catalog-breadcrumb{margin-bottom:32px}.catalog-heading{padding-bottom:24px;margin-bottom:24px}}
@media(max-width:480px){.catalog-grid{gap:32px 12px}.catalog-heading p{font-size:13px}.catalog-card-copy{padding-top:14px}.catalog-page .catalog-card h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.catalog-image img{transition:none}}