.feet-grid { display: grid; gap: 16px; }
.feet-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.feet-grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.feet-grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.feet-card { display:block; text-decoration:none; }
.feet-card h3 { margin-top: 10px; font-size: 18px; color: var(--wp--preset--color--ivory, #f8f6f2); }
.feet-card img { border-radius: 16px; width: 100%; height: auto; display:block; }
@media (max-width: 800px) {
  .feet-grid.cols-3, .feet-grid.cols-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .feet-grid.cols-2, .feet-grid.cols-3, .feet-grid.cols-4 { grid-template-columns: 1fr; }
}