/* Four product photos per row on desktop; readable cards on small screens. */
.sets { grid-template-columns: repeat(4,minmax(0,1fr)); }
.sets > .set { min-width: 0; }
.sets .set-foot { gap: .6rem; flex-wrap: wrap; }
.sets .set-foot .add { margin-left: auto; }
.cafe-photo-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.review-stars { display: inline-flex; gap: 3px; color: #ffc04f; flex-shrink: 0; }
.review-stars svg { display: block; width: 21px; height: 21px; }
.hero-review { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; max-width: 100%; margin-bottom: 20px; padding: 9px 13px; border: 1px solid #ffc04f55; border-radius: 10px; color: #fff; background: #14170fcc; text-decoration: none; font-size: 13px; line-height: 1.4; }
.hero-review > b { font-size: 21px; color: #ffc04f; }
.hero-review .review-stars svg { width: 16px; height: 16px; }
.hero-review .review-stars { gap: 2px; }
.hero-review:hover { border-color: #ffc04f; }
.rating-yandex { color: #fff; text-decoration: none; padding: 24px 28px; gap: 28px; }
.rating-yandex .review-brand { display: grid; gap: 6px; margin-right: auto; }
.review-brand strong { font: 700 25px/1.2 Bitter,serif; }
.review-brand > span,.review-detail > span:last-child,.review-label { color: #c4c8bb; font-size: 14px; }
.review-score { display: grid; gap: 6px; }
.rating-yandex .score { font-size: 46px; }
.review-detail { display: grid; gap: 8px; }
.review-link { color: #ffc04f; font-size: 14px; text-underline-offset: 4px; }
.rating-yandex:hover .review-link { text-decoration: underline; }
.hero-review:focus-visible,.rating-yandex:focus-visible { outline: 3px solid #ffc04f; outline-offset: 5px; }
@media(max-width:1099px) {
  .sets,.cafe-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:599px) {
  .sets,.cafe-photo-grid { grid-template-columns: minmax(0,1fr); }
  .rating-yandex { padding: 22px; gap: 20px; }
  .rating-yandex .review-brand { flex-basis: 100%; }
  .rating-yandex .review-link { flex-basis: 100%; }
  .review-brand strong { font-size: 23px; }
  .hero-review { gap: 8px; font-size: 12px; padding: 8px 10px; }
}