/* Sternebewertung als Fasen-Rauten */
.rate{ display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:.55rem; }
.rate input{ position:absolute; opacity:0; width:0; height:0; }
.rate label{ cursor:pointer; padding:.2rem; }
.rate label span{
  display:block; width:22px; height:22px;
  background:rgba(217,224,230,.12); border:1px solid rgba(217,224,230,.18);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  transition:background .3s var(--ease), border-color .3s, transform .3s var(--ease);
}
.rate label:hover span,
.rate label:hover ~ label span,
.rate input:checked ~ label span{
  background:linear-gradient(140deg,var(--gold),var(--champagne));
  border-color:transparent; transform:scale(1.12);
}
.rate input:focus-visible + label span{ box-shadow:0 0 0 2px rgba(243,227,179,.6); }