/* Keep oil-type cards readable on compact desktop/tablet widths. */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  main .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.gap-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}