/* Override grid sizing for product categories.
   - Prevent empty template rows from leaving whitespace.
   - Make the grid span the full width of its section.
   - Keep `.condensed` (small layouts) visually consistent. */
@media (min-width:768px) {
  .product-grid {
    width: 100%;
    max-width: none;
    margin: 0;

    /* Always keep 5 row tracks (so the existing grid-area line numbers work),
       but size them to actual content. */
    grid-template-rows: repeat(5, auto);
  }

  /* Preserve the intended 2-row compact layout. */
  .condensed .product-grid {
    max-width: initial;
    margin: 0 auto;
    grid-template-rows: 185px 185px;
  }
}