Products collection
What is actually on the desk, on .c-product — a row with a price, because a list of forty things is a list.
The things on the desk. .c-product is a row rather than a card — a thumb, a name, a price pushed right — because a list of forty products is a list, and forty cards is a scroll.
A row, not a card
.c.c-product · .c__thumb · .c__price
Grouped by what it is for
The same .col-groups every collection index opens with.
.col-groups · .col-group