As a visitor, I want to browse a paginated overview of all products with search, filtering, sorting, and a price range slider, so that I can efficiently find products within my preferences and budget.
Given I navigate to the home page Then a grid of product cards is displayed And each card shows a product image, name, and price.
Given the product overview is displayed When I click on a product card Then I am navigated to the product detail page.
Given there are more products than fit on one page Then pagination controls are displayed below the product grid And clicking a page number updates the grid.
Given I enter a valid search query (3–40 characters) and submit Then the product grid updates to show only matching products And all active filters are reset.
Given I check one or more category checkboxes in the sidebar Then the product grid updates to show only products from those categories.
Given a parent category has child categories When I check the parent category checkbox Then all child category checkboxes are also checked And unchecking all children unchecks the parent.
Given I check one or more brand checkboxes in the sidebar Then the product grid updates to show only products from those brands.
Given I have selected categories and brands Then the product grid shows only products matching both filters.