Grid with hidden row guides

We use a 12 column grid for desktop sizes. The grid is design with a margin of 50px and a gutter of 20px.

All elements should be aligned within the columns of the grid, creating a “page container”. The only element that breaks this boundary is the image preview on product pages.