.genre-filter{display:grid;gap:10px;margin-bottom:var(--space-4);padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.genre-filter__summary,.genre-filter__controls,.genre-filter__desktop,.genre-filter__chips{display:flex;align-items:center}.genre-filter__summary{justify-content:space-between;gap:var(--space-3)}.genre-filter__title,.genre-filter__count,.genre-filter__status{margin:0}.genre-filter__title{overflow:hidden;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.genre-filter__count{flex:none;color:var(--color-text-muted);font-size:.78rem;font-weight:700}.genre-filter__controls{gap:var(--space-2)}.genre-filter__select-label,.genre-filter__desktop label,.genre-filter-sheet__field{display:grid;gap:4px;color:var(--color-text-muted);font-size:.68rem;font-weight:700}.genre-filter select{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.genre-filter__select-label{flex:1}.genre-filter__select-label select{width:100%;padding-inline:10px 30px}.genre-filter__desktop{display:none;gap:var(--space-3)}.genre-filter__open{min-height:44px;padding-inline:14px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent);font-weight:800}.genre-filter__chips{flex-wrap:wrap;gap:6px}.genre-filter-chip{min-height:32px;padding-inline:10px;border:1px solid var(--color-accent);border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-size:.72rem;font-weight:800}.genre-filter-chip--clear{border-color:var(--color-border);background:transparent;color:var(--color-text-muted)}.genre-filter__status{min-height:1em;color:var(--color-text-muted);font-size:.72rem}.genre-filter__status:empty{display:none}.genre-filter__status[data-state=error]{color:var(--color-discount)}.genre-filter-sheet{width:100%;max-width:none;margin:auto 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:18px 18px 0 0;background:var(--color-surface);color:var(--color-text)}.genre-filter-sheet::backdrop{background:#000000ad}.genre-filter-sheet__handle{width:40px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--color-border)}.genre-filter-sheet__header,.genre-filter-sheet__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.genre-filter-sheet__header h2{margin:0;font-size:1rem}.genre-filter-sheet__header button{width:44px;height:44px;border:0;background:transparent;color:var(--color-text);font-size:1.5rem}.genre-filter-sheet__field{margin-top:var(--space-4)}.genre-filter-sheet__field select{width:100%;padding-inline:12px}.genre-filter-sheet__sale{display:flex;min-height:52px;align-items:center;gap:10px;margin-block:var(--space-3);font-weight:700}.genre-filter-sheet__sale input,.genre-filter__sale input{width:20px;height:20px;accent-color:var(--color-accent)}.genre-filter-sheet__actions>button{min-height:48px;border-radius:var(--radius-md);font-weight:800}.genre-filter-sheet__clear{flex:1;border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.genre-filter-sheet__apply{flex:1.5;border:1px solid var(--color-accent);background:var(--color-accent);color:#fff}.genre-client-sentinel{height:1px}@media(min-width:768px){.genre-filter{grid-template-columns:minmax(180px,auto) minmax(0,1fr);align-items:end}.genre-filter__summary{display:grid;justify-content:start}.genre-filter__controls{justify-content:end}.genre-filter__select-label{flex:0 1 210px}.genre-filter__desktop{display:flex}.genre-filter__desktop select{min-width:110px;padding-inline:10px}.genre-filter__sale{display:flex!important;min-height:44px;grid-auto-flow:column;align-items:center;gap:8px;color:var(--color-text);font-size:.78rem!important}.genre-filter__open{display:none}.genre-filter__chips,.genre-filter__status{grid-column:1 / -1}}