/* Grid overrides for the DC Performance Coaching store page
 *
 * The default layout defines 3‑column and 2‑column grids but not a 4‑column
 * grid.  On the store page we need to display four cards in a single row for
 * both the free and €4.99 guide sections.  This class extends the existing
 * .grid utility by defining an appropriate template; because .grid already
 * sets `display: grid` and `gap` values, only the column definition is
 * necessary here.  The minmax value mirrors the sizes used elsewhere on
 * the site so cards scale gracefully at narrower viewport widths.
 */
.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}