.hero { background-image: var(--hero-image, url('/images/catalog/apple-walnut-hero-v1.jpg')); }
.hero--catalog-crop { background-color: #123f33; background-image: none; }
.hero__catalog-photo { position: absolute; z-index: -2; top: 0; right: 0; bottom: 0; width: min(58vw, 780px); background-color: #fbfaf6; background-position: var(--image-x) var(--image-y); background-repeat: no-repeat; background-size: calc(var(--sheet-columns) * 100%) calc(var(--sheet-rows) * 100%); }
.hero--catalog-crop .hero__veil { background: linear-gradient(90deg, rgba(8, 39, 31, 0.98) 0%, rgba(8, 39, 31, 0.86) 42%, rgba(8, 39, 31, 0.28) 76%, rgba(8, 39, 31, 0.12) 100%); }
.catalog-card__body > p { display: -webkit-box; min-height: calc(1.55em * 3); overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-detail__lead, .ingredient-block p { overflow-wrap: anywhere; white-space: pre-line; }
.catalog-filter { scrollbar-width: thin; }
.catalog-filter .filter { max-width: min(260px, 75vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 580px) {
  .hero { background-position: 68% center; }
  .hero__lead { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .hero__catalog-photo { bottom: auto; width: 100%; height: 58%; }
  .hero--catalog-crop .hero__veil { background: linear-gradient(180deg, rgba(8, 39, 31, 0.14) 0%, rgba(8, 39, 31, 0.76) 52%, rgba(8, 39, 31, 0.98) 100%); }
}