.category-page{max-width:1440px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-body);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.category-page-breadcrumb{display:flex;align-items:center;gap:var(--spacing-3xs);font-size:var(--font-size-s);color:var(--txt-title-muted);line-height:1.3}.category-page-breadcrumb a{color:var(--txt-title-muted);text-decoration:none;transition:color 0.15s}.category-page-breadcrumb a:hover{color:var(--txt-title)}.category-page-breadcrumb-separator{color:var(--txt-title-muted);font-size:var(--font-size-xs)}.category-page-breadcrumb-current{color:var(--txt-title);font-weight:500}.category-page-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-4xl);align-items:start}.category-page-sidebar{position:sticky;top:var(--spacing-m);max-height:calc(100vh - var(--spacing-m) * 2);overflow-y:auto;padding-right:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--bd-divider) #fff0}.category-page-sidebar::-webkit-scrollbar{width:4px}.category-page-sidebar::-webkit-scrollbar-track{background:#fff0}.category-page-sidebar::-webkit-scrollbar-thumb{background:var(--bd-divider);border-radius:var(--radius-full)}.category-page-sidebar::-webkit-scrollbar-thumb:hover{background:var(--txt-title-muted)}.category-page-content{min-width:0}@media (max-width:1024px){.category-page{padding:var(--spacing-2xl) var(--spacing-body)}.category-page-layout{grid-template-columns:1fr}.category-page-sidebar{display:none}}@media (max-width:767px){.category-page{padding:var(--spacing-m) var(--spacing-body);gap:var(--spacing-m)}}