.cat-filters{--cat-blue:var(--brand-primary);--cat-grey0:var(--surface-subtle);--cat-grey10:var(--border-default);--cat-grey50:var(--text-tertiary);--cat-grey60:var(--text-secondary);--cat-grey100:var(--text-primary);font-family:inherit}.cat-filter-sidebar{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-base);box-shadow:var(--shadow-sm);padding:1.25rem}.cat-filter-section+.cat-filter-section{border-top:1px solid var(--border-default);margin-top:1rem;padding-top:1rem}.cat-filter-section__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;font-weight:500}.cat-filter-option{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem 0;font-size:.875rem;display:flex}.cat-filter-option:hover{color:var(--brand-primary)}.cat-filter-option input{accent-color:var(--brand-primary)}.cat-filter-price{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.cat-filter-price__field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.cat-filter-price__field label{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.2}.cat-filter-price input{box-sizing:border-box;border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;height:2.25rem;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:0 .625rem;font-size:.875rem}.cat-filter-price input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);outline:none}.cat-filter-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.cat-filter-chip{border-radius:var(--radius-pill);background:var(--brand-primary-muted);color:var(--brand-primary);border:1px solid #1253ed26;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.cat-filter-chip button{color:var(--brand-primary);cursor:pointer;opacity:.7;background:0 0;border:0;padding:0;font-size:1rem;line-height:1}.cat-filter-chip button:hover{opacity:1}.cat-filter-clear{color:var(--brand-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:500}.cat-filter-clear:hover{text-decoration:underline}.cat-toolbar{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.cat-toolbar__left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cat-toolbar__count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.cat-toolbar__mobile-btn{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-base);cursor:pointer;height:2.5rem;transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast);padding:0 1rem;font-size:.875rem;font-weight:500;display:none}.cat-toolbar__mobile-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-muted)}.cat-sort-select{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-base);cursor:pointer;height:2.5rem;transition:border-color var(--duration-fast);padding:0 2rem 0 .875rem;font-size:.875rem;font-weight:500}.cat-sort-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);outline:none}.cat-view-toggle{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:2px;display:inline-flex;overflow:hidden}.cat-view-toggle button{border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.cat-view-toggle__btn--active{background:var(--brand-gradient,var(--brand-primary));color:var(--text-inverse);box-shadow:var(--shadow-sm)}.cat-mobile-drawer-overlay{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;position:fixed;inset:0}.cat-mobile-drawer{background:var(--surface-base);z-index:100001;width:min(320px,90vw);box-shadow:var(--shadow-lg);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1rem;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.cat-mobile-drawer--open{transform:translate(0)}.cat-mobile-drawer__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.cat-mobile-drawer__close{color:var(--brand-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:.5rem;font-size:.875rem;font-weight:500}.cat-mobile-drawer__close:hover{background:var(--brand-primary-muted)}@media (max-width:767px){.cat-filter-sidebar--desktop{display:none}.cat-toolbar__mobile-btn{align-items:center;display:inline-flex}}@media (min-width:768px){.cat-mobile-drawer-overlay,.cat-mobile-drawer{display:none}}