/* smart-stars.css — чистые CSS "умные звезды" с дробями и SEO-микроразметкой */
:root {
  --smart-star-size: 20px;       /* базовый размер звезды */
  --smart-star-gap: 4px;         /* отступ между звездами */
  --smart-star-max: 5;           /* макс. кол-во звезд */
  --smart-star-track: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20d%3D%22M12%20.587l3.668%207.431%208.2%201.192-5.934%205.787%201.403%208.172L12%2018.896%204.663%2023.17l1.403-8.172L.132%209.21l8.2-1.192L12%20.587z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23D1D5DB%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E");
  --smart-star-fill:  url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20d%3D%22M12%20.587l3.668%207.431%208.2%201.192-5.934%205.787%201.403%208.172L12%2018.896%204.663%2023.17l1.403-8.172L.132%209.21l8.2-1.192L12%20.587z%22%20fill%3D%22%23F59E0B%22%20stroke%3D%22%23F59E0B%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E");
}

.smart-rating {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: #111827; /* gray-900 */
}

.smart-rating__stars { /* patched */
  --_size: var(--smart-star-size);
  --_gap:  var(--smart-star-gap);
  --_max:  var(--smart-star-max);
  position: relative;
  display: inline-block;
  width: calc(var(--_max) * var(--_size));
  height: var(--_size);
}

.smart-rating__track,
.smart-rating__fill { /* patched */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: var(--smart-star-track);
  background-repeat: repeat-x;
  background-size: var(--_size) var(--_size);
}

.smart-rating__fill { /* patched */
  background-image: var(--smart-star-fill);
  left: 0;
  right: auto;
  width: calc(var(--smart-rating) / var(--_max) * 100%);
  overflow: hidden;
}

.smart-rating__track::before,
.smart-rating__fill::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: inherit;
  background-repeat: inherit;
  background-size: inherit;
  mask: none; /* для совместимости */
}

/* Числовое значение и количество отзывов */
.smart-rating__value {
  font-weight: 700;
  letter-spacing: 0.2px;
}
.smart-rating__count {
  color: #374151; /* gray-700 */
  font-size: 14px;
}

/* Варианты размеров */
.smart-rating--sm { --smart-star-size: 14px; --smart-star-gap: 3px; }
.smart-rating--lg { --smart-star-size: 28px; --smart-star-gap: 5px; }

/* Доступность: скрытый текст для screen readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}