Product catalog filters

Visitors tick one or more categories, sizes and colours, enter a price range and can show only items in stock. Each option shows how many products it would give with the other filters already chosen, the result counter updates live and each active filter becomes a chip removed in one click, or all at once with "Clear all". Sorting (relevance, price ascending or descending, newest) reorders the grid, and a message suggests widening the search when nothing matches. Below 768 px, the filters move into a side drawer with a button showing the number of active filters and a "See N products" button. Accessibility: everything works with the keyboard, the drawer is a modal dialog (trapped focus, Escape to close, focus returned to the button), the result count is announced by a live region, chips are labelled "Remove filter…", contrast exceeds 4.5:1 in light and dark modes and the drawer animation stops with prefers-reduced-motion. Replace the demo products with your catalog.