/* Product pictures also open the detail dialog. Keep their button background
   white, including the hover state that touch browsers can retain after a tap. */
.fish-page .fish-panel button.fish-product-photo {
  background: #fff;
  color: #163e38;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.fish-page .fish-detail-image { background: #fff; }
.fish-page .fish-product-photo img,
.fish-page .fish-detail-image img { mix-blend-mode: normal; }

/* Titles and detail links keep their own appearance instead of inheriting the
   green submit-button style (including when an older stylesheet was cached). */
.fish-page .fish-panel button.fish-product-name-link {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.fish-page .fish-panel button.fish-product-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #d8e4de;
  border-radius: 999px;
  background: #f8fbf8;
  color: #194c40;
  font: 700 .78rem/1.4 system-ui, sans-serif;
}
.fish-page .fish-panel button.fish-product-photo:focus-visible,
.fish-page .fish-panel button.fish-product-name-link:focus-visible,
.fish-page .fish-panel button.fish-product-more:focus-visible {
  outline: 3px solid #24564d;
  outline-offset: -3px;
}
@media (max-width: 580px) {
  .fish-page .fish-panel button.fish-product-more { font-size: .72rem; padding: 5px 8px; }
}