.hero-art { background: #eee4d7; }
.hero-art::before, .hero-art .plate, .hero-art .salami, .hero-art .leaf { display: none; }
.hero-art > img { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 800px) {
  .hero-art { height: 270px; }
}

.product-placeholder {
  width: 100%; height: 100%; display: grid; place-content: center; gap: 10px;
  text-align: center; color: #867d76; font: 600 11px/1.45 Manrope, Arial, sans-serif;
  background: linear-gradient(145deg, #faf7f3, #f0ebe5);
}
.placeholder-mark {
  width: 46px; height: 46px; margin: auto; display: grid; place-items: center;
  border-radius: 50%; background: #e7252c; color: #fff;
  font: italic 29px/1 Georgia, serif;
}