.list-main{width:min(calc(100% - 40px),var(--page-width));margin:120px auto 0}
.list-hero{padding:34px clamp(30px,4vw,48px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--accent-2) 28%,transparent),transparent 34%),radial-gradient(circle at 10% 100%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),var(--surface-soft)}
.list-hero-compact{padding:30px clamp(30px,4vw,48px)}
.list-hero>.section-kicker{margin:0;color:var(--accent)}
.list-hero h1{margin:6px 0 8px;font-size:clamp(34px,4vw,50px);letter-spacing:-.06em}
.list-hero>p:last-of-type{margin:0;color:var(--text-muted)}
.category-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.category-chips a{padding:8px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--text-muted);font-size:12px;font-weight:700}
.category-chips a:hover,.category-chips a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text)}
.list-section{margin-top:42px}
.list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.list-heading p{margin:0;color:var(--accent)}
.list-heading h2{margin:5px 0 0;font-size:30px}
.filter-entry{padding:10px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--text-muted);font-size:11px}
.content-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 17px}
.catalog-filters{display:flex;flex-direction:column;gap:14px;margin-bottom:38px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}
.filter-row{display:flex;align-items:flex-start;gap:14px}
.filter-row-label{flex:0 0 auto;padding:8px 0;color:var(--text-muted);font-size:12px;font-weight:800}
.filter-row-options{display:flex;flex:1 1 auto;min-width:0;max-width:100%;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-row-options::-webkit-scrollbar{display:none}
.filter-row-options a{flex:0 0 auto;padding:8px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:700;white-space:nowrap}
.filter-row-options a:hover,.filter-row-options a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text)}
.filter-row-options.is-faded::after{content:"";position:sticky;right:-2px;width:26px;flex:0 0 26px;margin-right:-26px;background:linear-gradient(90deg,transparent,var(--surface-soft))}
.list-empty{padding:70px 20px;text-align:center}
.list-empty>span{display:grid;width:72px;height:72px;place-items:center;margin:0 auto 18px;border:1px solid var(--border);border-radius:22px;background:var(--surface-soft);color:var(--text-muted);font-size:34px}
.list-empty h2{margin:0 0 8px}
.list-empty p{color:var(--text-muted)}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:42px 0}
.pagination a,.pagination span{display:grid;min-width:38px;height:38px;place-items:center;padding:0 9px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);color:var(--text-muted);font-size:12px}
.pagination .is-current{border-color:var(--accent);background:var(--accent);color:#fff}
@media(max-width:1050px){.content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){.list-main{width:calc(100% - 24px);margin-top:86px}
.list-hero{padding:24px 18px}
.list-hero.list-hero-compact{padding-block:24px}
.list-hero h1{font-size:34px}
.category-chips{margin-top:13px}
.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 11px}
.catalog-filters{padding:13px}
.filter-row{flex-direction:column;gap:8px}
.filter-row-label{padding:0}
.filter-row-options{width:100%;max-width:100%}
}
@media(max-width:520px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
.list-heading h2{font-size:24px}
}
