.csr-rating{ display:inline-block; font-size:0; }
.csr-stars{ display:inline-flex; gap:6px; }
.csr-star{
  all: unset;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px; height:28px;
  line-height:1;
  font-size:22px;
  cursor:pointer;
  color:#cbd5e1; /* grigio base */
  transition: transform .12s ease, color .12s ease;
}
.csr-star:hover{ transform: translateY(-1px) scale(1.05); }
.csr-star.is-active{ color:#f59e0b; } /* arancione */
.csr-status{ display:block; font-size:14px; color:#334155; margin-top:6px; }

.csr-average{ display:flex; align-items:center; gap:.5em; }
.csr-average-stars .csr-star{
  font-size:18px; width:auto; height:auto;
}
.csr-average .csr-star{ color:#cbd5e1; }
.csr-average .csr-star.is-active{ color:#f59e0b; }