/* Only the Products directory loads these card layout rules. */
.product-catalog .product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.product-catalog .product-card { display: flex; flex-direction: column; min-width: 0; }
.product-catalog .product-card .product-language { margin: 0 0 14px; color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.product-catalog .product-card > p:not(.product-language) { flex: 1; }
.product-catalog .product-card .button { align-self: flex-start; }
@media (max-width: 760px) {
  .product-catalog .product-grid { grid-template-columns: 1fr; gap: 20px; }
  .product-catalog .product-card { max-width: none; }
}