Filtered Collection Grid Section

Create a filtered collection grid section that displays products from [COLLECTION_NAME] with tag-based filter buttons above the grid. Extract unique tags from the collection products and display them as clickable filter pills (e.g., All, [TAG_1], [TAG_2], [TAG_3]). When a filter is clicked, show only products matching that tag with a smooth fade/slide animation. The All button resets to show everything. The product grid should show [COLUMNS] columns on desktop with each card including: image, title, price, and Quick Add button. Implement filtering client-side using JavaScript data attributes – no page reload. Add an active state style to the selected filter pill using [ACCENT_COLOR]. Include a product count indicator (e.g., Showing 8 of 24 products). Generate complete Liquid, JavaScript, and CSS.