/* Star rating + KVR badge on product pages (ratings.js, pack-page.ts, cairo-nights.html) */
.rate{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 22px}
.rate[hidden]{display:none}
.rate-sum{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.rate-sum b{color:var(--text);font-weight:700}
.stars{font-size:17px;letter-spacing:2px;line-height:1;
  background:linear-gradient(90deg,var(--lime) calc(var(--v,0) / 5 * 100%),var(--line2) 0);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.rate-me{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.rate-me .pick{display:flex;gap:2px}
.rate-me button{background:none;border:0;padding:2px;cursor:pointer;font-size:20px;line-height:1;color:var(--line2);transition:color .12s,transform .12s}
.rate-me button.on{color:var(--lime)}
.rate-me button:hover,.rate-me button:focus-visible{transform:scale(1.15);outline:none}
.rate-me button:disabled{cursor:default}
.rate-me a{color:var(--lime)}
.rate-say{flex-basis:100%;font-size:13px;color:var(--muted)}.rate-say:empty{display:none}
.rate-say a{color:var(--lime)}
.kvr{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:var(--soft,#B9B9C4);
  border:1px solid var(--line2);background:rgba(18,18,23,.6);border-radius:999px;padding:6px 14px 6px 6px;text-decoration:none}
.kvr:hover{border-color:var(--lime)}
.kvr .k{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:11px;letter-spacing:.08em;background:var(--text);color:var(--bg,#08080A);border-radius:999px;padding:4px 8px}
.kvr b{color:var(--text);font-weight:700}
.kvr small{color:var(--muted);font-size:11px}