.star-rating {
    display: inline-flex;
    direction: ltr;
    cursor: pointer;
  }
  .star {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    fill: #e5e5e5;
    transition: fill 0.2s;
  }
  .star.full { fill: #ffa500; }
  .star.half { fill: url(#halfGradient); }
  .star-rating.disabled {
    pointer-events: none;
    opacity: 0.6;
  }