.single .single-rating-card{--rating:#f59e0b}
.single .single-rating-card .rating-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px;content-visibility:auto;contain:content;contain-intrinsic-size:200px 120px}
.single .single-rating-card .rating-panel__grid{display:flex;align-items:center;justify-content:space-between;gap:12px}
.single .single-rating-card .rating-ui{order:2;display:flex;align-items:center;justify-content:flex-end}
.single .single-rating-card .rating-card__stars{display:flex;align-items:center;gap:6px}
.single .single-rating-card .rating-card__stars .star{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:background .12s ease,border-color .12s ease}
.single .single-rating-card .rating-card__stars .star svg{width:18px;height:18px}
.single .single-rating-card .rating-card__stars .star svg path{fill:none;stroke:var(--rating);stroke-width:1.6;opacity:.78}
.single .single-rating-card .rating-card__stars[data-has-voted="0"] .star.is-hover{border-color:var(--rating);background:rgba(245,158,11,.12)}
.single .single-rating-card .rating-card__stars .star.is-filled{border-color:#c97b06;background:rgba(245,158,11,.22)}
.single .single-rating-card .rating-card__stars .star.is-filled svg path{fill:var(--rating);stroke:none;opacity:1}
.single .single-rating-card .rating-stats{order:1;text-align:start}
.single .single-rating-card .rating-stats__row--inline{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:13px;color:var(--text)}
.single .single-rating-card .rating-stats__row--inline .sep{opacity:.75}
.single .single-rating-card .rating-stats__row--inline .dot{margin-inline:6px;opacity:.45}
.single .single-rating-card .stats-avg,.single .single-rating-card .stats-count{font-weight:800}
.single .single-rating-card .rating-my[hidden]{display:none!important}
.single .single-rating-card .rating-my{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;margin-inline-start:10px;border-radius:8px;font-size:12px;line-height:1.6;font-weight:600;color:#0f5132;background:#d1fae5;border:1px solid #86efac}
.single .single-rating-card .rating-my__val{font-weight:800}
.single .single-rating-card{--star-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>")}
.single .single-rating-card:not([data-perf="lite"]) .rating-card__stars .star.is-half{border-color:#c97b06;background:linear-gradient(to right,rgba(245,158,11,.18) 50%,transparent 50%),var(--surface)}
.single[dir="rtl"] .single-rating-card:not([data-perf="lite"]) .rating-card__stars .star.is-half{background:linear-gradient(to left,rgba(245,158,11,.18) 50%,transparent 50%),var(--surface)}
.single .single-rating-card:not([data-perf="lite"]) .rating-card__stars .star.is-half svg path{fill:none;stroke:var(--rating);opacity:1}
.single .single-rating-card:not([data-perf="lite"]) .rating-card__stars .star.is-half::before{content:"";position:absolute;width:18px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--rating);-webkit-mask:var(--star-mask) center/contain no-repeat;mask:var(--star-mask) center/contain no-repeat;clip-path:inset(0 50% 0 0)}
.single[dir="rtl"] .single-rating-card:not([data-perf="lite"]) .rating-card__stars .star.is-half::before{clip-path:inset(0 0 0 50%)}
.single .single-rating-card[data-perf="lite"] .rating-card__stars .star{transition:none}
.single .single-rating-card[data-perf="lite"] .rating-card__stars .star.is-hover{background:transparent;border-color:var(--border)}
.single .single-rating-card[data-perf="lite"] .rating-card__stars .star.is-filled{background:#fde68a;border-color:#f59e0b}
.single .single-rating-card[data-perf="lite"] .rating-card__stars .star.is-filled svg path{fill:#f59e0b;stroke:none;opacity:1}
@media (max-width:768px){
  .single .single-rating-card .rating-panel__grid{flex-direction:column;align-items:stretch;gap:12px}
  .single .single-rating-card .rating-ui{order:1;justify-content:flex-start}
  .single .single-rating-card .rating-stats{order:2}
}
@media (hover:none){
  .single .single-rating-card .rating-card__stars .star{transition:background .12s ease,border-color .12s ease}
}
@media (prefers-reduced-motion:reduce){
  .single .single-rating-card .rating-card__stars .star{transition:none!important}
}