.product-art {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  flex: none;
  vertical-align: middle;
  overflow: hidden;
  object-fit: contain;
}
.recipe-art { height: 180px; }
.recipe-art .product-art {
  width: 150px;
  height: 150px;
}
.market-icon {
  flex-shrink: 0;
  width: 52px;
}
.market-icon .product-art {
  width: 56px;
  height: 56px;
}
.crop-emoji .product-art { width: 1.5em; height: 1.5em; }
.ingredients .product-art { width: 2em; height: 2em; }
.seed > span { flex-shrink: 0; }
.crop-plant { width: 98px; height: 102px; position: relative; }
.plant-art { width: 100%; height: 100%; overflow: visible; }
.plant-stem { transform-origin: 0 4px; animation: plant-sway 5s ease-in-out infinite alternate; }
.plant-art[data-growth-stage="2"] .plant-stem { animation-duration: 7s; }
.scene-steam { animation: sauce-steam 3s ease-in-out infinite; }
@keyframes plant-sway { from { transform: rotate(-1deg); } to { transform: rotate(1.5deg); } }
@keyframes sauce-steam { 0%, 100% { opacity: .45; transform: translateY(0); } 50% { opacity: .9; transform: translateY(-4px); } }
.production-history { margin: 36px 0; }
.production-history .section-heading { margin-bottom: 14px; }
.production-history .section-heading p { margin: 8px 0 0; max-width: 56ch; }
.production-since { font-size: 12px; color: var(--muted); margin-bottom: 22px; }
.production-group { margin: 24px 0; }
.production-group > h3 { font-size: 14px; margin-bottom: 12px; }
.production-totals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.production-total { background: var(--surface, #fffdf7); border: 1px solid var(--line); border-radius: 14px; padding: 14px; min-width: 0; }
.production-total dt { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 13px; }
.production-total dt span { overflow-wrap: anywhere; }
.production-total .product-art, .production-total .product-emoji { width: 38px; height: 38px; font-size: 27px; }
.production-total dd { margin: 8px 0 0; font-size: clamp(16px, 2vw, 23px); font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.production-quantity { white-space: nowrap; }
.production-quantity.long { font-size: clamp(12px, 1.4vw, 18px); }
.production-total dd small { display: block; margin-top: 3px; font-size: 11px; font-weight: 400; color: var(--muted); }
.still .plant-stem, .still .scene-steam { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .plant-stem, .scene-steam { animation: none; }
}
@media (max-width: 700px) {
  .market-row { grid-template-columns: 56px minmax(0, 1fr) auto; }
  .recipe-art { height: 150px; }
  .recipe-art .product-art { width: 132px; height: 132px; }
  .production-total { padding: 12px; }
  .production-total dt { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 360px) {
  .production-totals { grid-template-columns: minmax(0, 1fr); }
}