.category-page{padding:var(--sp-8) 0 var(--sp-16)}.breadcrumb{color:var(--text-muted);margin-bottom:var(--sp-8);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--text)}.category-layout{gap:var(--sp-10);grid-template-columns:220px 1fr;display:grid}.category-sidebar{background:var(--white);border-radius:var(--r-lg);padding:var(--sp-5);border:1px solid var(--border-light);top:calc(var(--header-h) + var(--sp-5));align-self:start;position:sticky}.sidebar-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.sidebar-categories li{margin-bottom:1px}.sidebar-cat-link{color:var(--text-secondary);border-radius:var(--r-md);transition:all var(--ease);align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.sidebar-cat-link:hover{background:var(--bg);color:var(--text)}.sidebar-cat-link.active{background:var(--black);color:var(--white);font-weight:600}.category-header{margin-bottom:var(--sp-8);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.category-title{font-family:var(--font-display);color:var(--text);font-size:28px}.category-controls{align-items:center;gap:10px;display:flex}.category-sort{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:13px}.category-sort:focus{border-color:var(--black);outline:none}.category-view-toggle{gap:4px;display:flex}.category-view-toggle button{border:1px solid var(--border);background:var(--white);border-radius:var(--r-sm);color:var(--text-muted);transition:all var(--ease);padding:8px}.category-view-toggle button.active{border-color:var(--black);color:var(--text)}.category-empty{text-align:center;padding:var(--sp-16);color:var(--text-muted)}.category-empty-icon{margin-bottom:12px;font-size:48px;display:block}.pagination{margin-top:var(--sp-8);justify-content:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);width:36px;height:36px;color:var(--text-secondary);transition:all var(--ease);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.pagination-btn:hover{border-color:var(--black);color:var(--text)}.pagination-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}@media (max-width:768px){.category-layout{grid-template-columns:1fr}.category-sidebar{position:static}.category-title{font-size:22px}}