.rating {
  display: inline-flex;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0;
}

.rating-score {
  color: rgb(var(--heading));
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1;
}

.rating-label {
  color: rgb(var(--muted));
  font-size: var(--text-label);
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.rating-lg {
  display: grid;
  gap: var(--space-s);
}

.rating-lg .rating-score {
  color: rgb(var(--accent-text));
  font-family: var(--font-accent);
  font-weight: 400;
  font-size: clamp(4.5rem, 3.5rem + 4vw, 6rem);
  line-height: 0.9;
}

/* estrelas desenhadas, como na faixa de garantias */
.rating-stars {
  display: inline-block;
  width: 5.6rem;
  height: 1rem;
  margin-left: 0.5rem;
  vertical-align: 1rem;
  font-size: 0;
  background-color: rgb(var(--accent-text));
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20'%3E%3Cpath d='M10 0l2.94 6.06 6.56.9-4.8 4.6 1.18 6.54L10 15l-5.88 3.1 1.18-6.54L.5 6.96l6.56-.9z'/%3E%3C/svg%3E") 0 0 / 1.15rem 1rem repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20'%3E%3Cpath d='M10 0l2.94 6.06 6.56.9-4.8 4.6 1.18 6.54L10 15l-5.88 3.1 1.18-6.54L.5 6.96l6.56-.9z'/%3E%3C/svg%3E") 0 0 / 1.15rem 1rem repeat-x;
}

.rating-lg .rating-label {
  font-size: var(--text-label);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}