/* Product grid — always 2 columns, centered */
.grid_products{
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* lock to 2 columns */
  gap: 22px;

  /* center the grid on the page and cap its width */
  width: min(92vw, 720px); /* adjust 720px to change card size */
  margin-inline: auto;
}

/* Make the whole card clickable and consistent */
.card_grid{
  display: block;
  border: none;
  background: transparent;
}

/* Uniform image box */
.thumb{
  width: 100%;
  aspect-ratio: 4 / 5;   /* use 1 / 1 for square */
  overflow: hidden;
}

/* Image fills the box neatly */
.card_grid img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Text */
.meta_grid{ padding-top: 8px; text-align: center; }
.name_grid{ font-size: 12px; line-height: 1.35; color: var(--muted); }
.price_grid{ margin-top: 6px; font-weight: 800; font-size: 12px; }

/* Keep links looking like cards */
a{
  text-decoration: none;
  color: inherit;
}

/* Optional: slightly larger cards on very wide screens */
@media (min-width: 1280px){
  .grid_products{
    width: min(92vw, 800px);
  }
}