/* ============================================================================
 * Cart recommendations grid — "You may be interested" row on the Cart page.
 *
 * Layout container only. The cards themselves are the canonical buy card
 * (li.gcat-card), styled globally by category-archive-v2.css — this file just
 * lays them out in a row, exactly the way home-merch.css lays out .gmerch-grid6.
 * ==========================================================================*/

.gerbs-cart-recs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Divi tablet — 2-up. */
@media (max-width: 980px) {
  .gerbs-cart-recs {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* Phone — keep 2-up (matches the category archive's phone layout). */
@media (max-width: 480px) {
  .gerbs-cart-recs {
    gap: 10px;
  }
}