.catalog-page{max-width:1280px;padding-top:48px}
.catalog-page>h1{max-width:760px}
.catalog-intro{margin:16px 0 0;max-width:720px}
.catalog-toolbar{margin-top:24px}
.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}
.catalog-layout>section{min-width:0}
.catalog-layout aside{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;border-radius:14px;box-shadow:0 6px 22px #2718470a}
.filter-title h2{font-size:18px}
.filter-button{padding:10px}
.filter-button:disabled{opacity:.38;cursor:not-allowed}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:18px}
.catalog-card{min-width:0;border-color:#dde0ea;border-radius:14px;box-shadow:0 5px 18px #2718470a;transition:border-color .16s,box-shadow .16s}
.catalog-card:hover{transform:none;border-color:#bcc2d5;box-shadow:0 10px 24px #27184713}
.catalog-image{position:relative;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #f0eef3}
.catalog-image img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%!important;max-height:100%!important;margin:auto;padding:18px;object-fit:contain}
.catalog-image-placeholder img{width:62%;height:62%;padding:0;opacity:.7}
.catalog-card>div:last-child{padding:14px}
.catalog-card p{min-height:25px;font-size:9px;line-height:1.4}
.catalog-card h2{display:-webkit-box;height:61px;min-height:61px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:15px;line-height:1.35;margin-bottom:10px}
.catalog-condition{font-size:11px;line-height:1.4;min-height:31px;margin-bottom:10px}
.catalog-card del{font-size:10px}
.catalog-card strong{font-size:14px;min-height:36px;margin-bottom:13px}
.card-action{padding-top:11px!important}

@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.catalog-layout{grid-template-columns:190px minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .catalog-page{padding:28px 14px 64px}
 .catalog-page>h1{font-size:34px;line-height:1.08}
 .catalog-intro{font-size:14px;line-height:1.55}
 .catalog-toolbar{margin-top:22px}
 .filter-toggle{min-height:40px;border-radius:8px;font-weight:700}
 .catalog-toolbar select{min-height:40px}
 .catalog-layout{grid-template-columns:1fr;margin-top:10px}
 .catalog-layout aside{position:static;max-height:none;padding:16px;overflow:visible}
 .catalog-layout aside.open{display:block}
 .filter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .filter-button{min-width:0;padding:9px;border:1px solid #eeebf2;background:#faf9fc}
 .catalog-meta{min-height:38px;gap:5px}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:12px}
 .catalog-image{aspect-ratio:1/1}
 .catalog-image img{padding:11px}
 .catalog-image-placeholder img{width:56%;height:56%;padding:0}
 .catalog-card>div:last-child{padding:10px}
 .catalog-card p{font-size:8px;line-height:1.35;margin-bottom:7px}
 .catalog-card h2{font-size:13px;line-height:1.3;min-height:51px;margin-bottom:8px}
 .catalog-condition{font-size:10px;min-height:28px}
 .catalog-card strong{font-size:13px;min-height:33px;margin-bottom:9px}
 .card-action{font-size:10px;padding-top:9px!important}
}
@media(max-width:340px){.catalog-grid{grid-template-columns:1fr}.catalog-image{aspect-ratio:4/3}.catalog-card h2{min-height:0}}