/* Kept separate so the comparison grid remains easy to evolve independently. */
.comparison-table {
  grid-template-columns: 180px;
  grid-auto-flow: column;
  grid-auto-columns: minmax(150px, 1fr);
}

.comparison-label,
.comparison-product {
  grid-template-columns: 1fr;
}

.comparison-product > div:nth-child(1),
.comparison-score,
.comparison-price,
.comparison-offer,
.comparison-product > a {
  grid-column: auto;
  grid-row: auto;
}

@media (max-width: 760px) {
  .comparison-table { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: 1fr; }
  .comparison-product { grid-template-columns: 1fr; grid-template-rows: auto; }
}