.catalog-filter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;padding:14px 20px;display:flex;box-shadow:0 2px 8px #0f172a0a}.catalog-filter__control{flex-direction:column;gap:4px;display:flex}.catalog-filter__control--reset{justify-content:flex-end;margin-left:auto}.catalog-filter__label{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.catalog-filter__select,.catalog-filter__input{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:34px;padding:0 10px;font-size:13px;font-weight:500;transition:border-color .14s,box-shadow .14s}.catalog-filter__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.catalog-filter__input{cursor:text;min-width:160px}.catalog-filter__select:hover,.catalog-filter__input:hover{border-color:#cbd5e1}.catalog-filter__select:focus,.catalog-filter__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.catalog-filter__reset{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;height:34px;padding:0 14px;font-size:13px;font-weight:500;transition:background .14s,color .14s,border-color .14s}.catalog-filter__reset:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.catalog-filter__reset:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}