Product Cards Exploration - Open and Closed States

On the quote screen, we need to display all available products and allow a user to select a product to add to their quote. These components are exploring how this might look, in its closed (not selected) and open (selected) states.

We're finding that the slider element might be a bit cumbersome on mobile, especially when selecting accurate amounts. Whereas the second option offers an 'edit cover' link triggering a slideout to edit the cover in isolation. It can get quite messy having edit states directly on the quote screen especially when all products are selected.

Still, a way to go and plenty more to consider, but we're getting there.