.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.category-card{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#d5cec3;border-radius:2px}
.category-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.category-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.category-card span{position:absolute;right:22px;bottom:22px;left:22px;z-index:1;color:#fff;text-align:right;font-family:Arival,"DM Sans",sans-serif;font-size:clamp(20px,2vw,30px);line-height:1.2}
.category-card:hover img{transform:scale(1.04)}
.category-card:focus-visible{outline:3px solid #8d735b;outline-offset:4px}
.catalog-page{max-width:1440px;margin:auto;padding:70px 5vw}
.catalog-page h1{font-family:Arival,"DM Sans",sans-serif;font-size:clamp(32px,5vw,64px);font-weight:400;line-height:1.1}
.catalog-back{display:inline-block;padding:14px 0;text-decoration:underline}
.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:35px}
.swatch-card{margin:0}.swatch-card a{display:block;background:#e8e1d6;aspect-ratio:1;overflow:hidden}.swatch-card img{width:100%;height:100%;object-fit:contain;display:block}.swatch-card figcaption{padding:14px 0;overflow-wrap:anywhere}
.catalog-status{padding:25px 0;color:#64675f}.catalog-load{padding:14px 24px;margin:30px 0;border:1px solid;background:transparent;cursor:pointer}.catalog-load[hidden]{display:none}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.category-grid{grid-template-columns:1fr;gap:18px}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-page{padding-top:35px}.category-card span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.category-card img{transition:none}}