.catalog-filter{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.catalog-filter__field{display:flex;flex-direction:column;gap:6px;flex:1 1 160px;min-width:140px}.catalog-filter__field--search{flex:2 1 240px}.catalog-filter__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.catalog-filter__select,.catalog-filter__input{padding:10px 14px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.catalog-filter__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737068' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px;cursor:pointer}.catalog-filter__select:focus,.catalog-filter__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3755891f}.catalog-filter__actions{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto}.catalog-filter__btn{padding:10px 20px;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);font-family:var(--font-primary);white-space:nowrap}.catalog-filter__btn--reset{background:var(--color-gray-100);color:var(--text-secondary);border:1px solid var(--color-gray-300)}.catalog-filter__btn--reset:hover{background:var(--color-gray-200);color:var(--text-primary)}.catalog-filter__summary{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;color:var(--text-muted)}.catalog-filter__summary strong{color:var(--text-primary)}.catalog-filter__no-results{text-align:center;padding:48px 24px;font-size:1rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.catalog-filter__no-results-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}@media (max-width: 768px){.catalog-filter{padding:16px;flex-direction:column;align-items:stretch}.catalog-filter__field{flex:1 1 100%;min-width:0}.catalog-filter__actions{justify-content:flex-end}}