How to adapt this block to BEM?

Question

css

There is a product block on 2 different pages of the site. Their appearance is identical, but when the site is adapted, their appearance diverges. What is the best way to implement this adaptation? Throw a modifier like "product--view-md" on the product, or change the view through mixes from the parent?

Answer 1

Yes, add modifiers if they are ideologically the same.
If they look the same, but in fact contain different content, then it is better to create two separate blocks.

Answer 2

product-card, for example, for the general style of the blocks.
product-card--newstyle - unique style for a block on a specific page