Customer experience — primary flow

1. The shopper clicks Compare on a product card or product page. The button changes to show it's added.
2. A bar appears at the bottom of the screen with the chosen products. They keep browsing and add more (up to 4).
3. They click Compare (n) in the bar, or My Comparison.
4. The Compare Products page shows each product in a column: photo, name, Price, Rating, Availability (In Stock / Out of Stock) and one row per feature.
5. Rows where products differ are highlighted. Differences only hides rows that are the same.
6. They click Add to Cart under the product they choose, or Remove from Compare to drop one. Clear All empties the list; Add More Products goes back to shopping.