.case-page:has(.catalog){max-width:none;padding-inline:clamp(24px,3vw,72px)}
.catalog{max-width:none;margin:0 auto;padding:72px 0;min-height:65vh}
.catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.catalog-head h1{margin:12px 0 0;font-size:clamp(30px,4vw,46px)}
.catalog-tools{display:flex;gap:10px;flex-wrap:wrap}
.catalog-tools :is(input,select,button),:is(.catalog-pager,.share-state) button{min-height:44px;padding:10px 12px;border:1px solid #737970;border-radius:3px;background:#171d17;color:#f4f4ee;font:inherit}
.catalog-tools input{width:210px;max-width:100%}
.catalog-tools input::placeholder{color:#b1b6ad}
:is(.catalog-tools,.catalog-pager,.share-state) button{cursor:pointer}
.catalog-status{min-height:24px;margin:0 0 28px;color:#b9beb4;font-size:13px}
.catalog-grid{column-count:5;column-gap:20px}
.catalog-card{display:block;overflow:hidden;break-inside:avoid;margin:0 0 20px;border:1px solid #41483f;background:#141a14;color:#f4f4ee;text-decoration:none;border-radius:3px;transition:border-color 280ms ease,background-color 280ms ease}
.catalog-card img{display:block;width:100%;object-fit:cover;background:#242b23;transition:filter 360ms ease,transform 520ms ease}
.catalog-card-motion img{aspect-ratio:16/9}
.catalog-card-static img{height:auto}
.catalog-card-copy{padding:18px}
.catalog-card-copy h2{margin:0 0 8px;font-size:18px;line-height:1.45;overflow-wrap:anywhere}
.catalog-card-copy p{margin:0;color:#b9beb4;font-size:12px;line-height:1.6}
.catalog-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;font-variant-numeric:tabular-nums}
.catalog-pager button:disabled{opacity:.4;cursor:default}
.catalog-empty,.share-state{grid-column:1/-1;padding:48px 0;line-height:1.8;color:#b9beb4}
.share-state h1{color:#f4f4ee;font-size:28px}
.share-state a{display:inline-block;margin:12px 0 0 20px;color:#d1efac}
.catalog [hidden]{display:none}
.catalog :focus-visible,.share-state :focus-visible{outline:2px solid #d1efac;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.catalog-card:hover{border-color:#d5b66f;background:#1a211a}.catalog-card:hover img{filter:saturate(1.05) brightness(1.04)}.catalog-tools button:hover,.catalog-pager button:not(:disabled):hover{background:#2a3426}}
@media(max-width:1399px){.catalog-grid{column-count:4}}
@media(max-width:1099px){.catalog-grid{column-count:3}}
@media(max-width:820px){.catalog{padding:48px 0}.catalog-head{display:block}.catalog-tools{margin-top:24px}.catalog-grid{column-count:2;column-gap:16px}.catalog-card{margin-bottom:16px}.catalog-card-copy{padding:14px}.catalog-card-copy h2{font-size:16px}}
@media(max-width:520px){.case-page:has(.catalog){padding-inline:20px}.catalog-grid{column-count:1}.catalog-tools input{width:100%;flex:1 1 100%}.catalog-tools select{flex:1 1 calc(50% - 5px)}.share-state a{display:block;margin-left:0}}