/* ═══ Detailed review ratings (asp-) — form rows, summary bars, chips on each review ═══ */
.asp-fs{border:0;padding:14px 16px;margin:0;border-radius:16px;background:var(--paper,#FAF8F3)}
.asp-fs legend{float:left;width:100%;margin-bottom:8px;padding:0}
.asp-grid{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}
.asp-row{display:flex;align-items:center;gap:8px;min-height:36px}
.asp-l{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-l i{width:18px;text-align:center;color:var(--leaf-2);font-size:13px;margin-right:2px}
.star-input-sm label{font-size:24px}
.asp-clear{border:0;background:none;color:var(--muted);cursor:pointer;padding:4px;font-size:12px;border-radius:50%}
.asp-clear:hover{color:var(--ink);background:#fff}
.asp-clear[hidden]{visibility:hidden;display:inline-block}
@media (max-width:600px){ .asp-grid{grid-template-columns:1fr} }

/* summary under the rating bars */
.asp-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--r,16px);padding:16px 20px;margin:-6px 0 18px}
.asp-sum-i{display:flex;align-items:center;gap:10px;min-width:0}
.asp-sum-i .asp-l{flex:0 0 46%}
.asp-bar{flex:1;height:7px;border-radius:99px;background:#EFEADF;overflow:hidden}
.asp-bar b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FBBF24,#F59E0B)}
.asp-n{flex:none;width:28px;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}
@media (max-width:600px){ .asp-sum{grid-template-columns:1fr;padding:14px} }

/* chips on one review */
.asp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.asp-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--paper,#FAF8F3);border:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}
.asp-chip i{color:var(--leaf-2);font-size:11px}
.asp-chip b{color:#B45309}
.asp-chip b span{font-size:11px;margin-left:1px}
