.whole-fish-showcase {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  margin-top: 22px;
}

.whole-fish-showcase article {
  background: #fff;
  color: var(--ink);
  border-radius: 16px;
  overflow: hidden;
}

.whole-fish-showcase img {
  height: 190px;
  object-fit: cover;
}

.whole-fish-showcase div { padding: 18px; }
.whole-fish-showcase h3 {
  font-family: "Fraunces", serif;
  font-size: 23px;
  margin: 0 0 7px;
}
.whole-fish-showcase p {
  color: var(--muted);
  line-height: 1.45;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 980px) {
  .whole-fish-showcase { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .whole-fish-showcase { grid-template-columns: 1fr; }
  .whole-fish-showcase img { height: 230px; }
}