.comment-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.comment-heading h2{margin:0}
.comment-heading>span{color:var(--muted);font-size:11px}
.comment-editor{margin:13px 0 5px;padding:13px;border-radius:14px;background:#f7f8fb}
.comment-rating-input{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#777b88;font-size:12px}
.comment-rating-input>div{display:flex;gap:3px}
.comment-rating-input button{width:28px;height:28px;padding:0;border:0;background:transparent;color:#ffb340;font-size:23px;line-height:28px}
.comment-input-row{display:flex;gap:8px}
.comment-input-row input{min-width:0;flex:1;height:40px;padding:0 12px;border:1px solid #e5e7ed;border-radius:10px;outline:0;background:#fff;color:var(--ink);font:inherit;font-size:13px}
.comment-input-row input::placeholder{color:#adb0ba}
.comment-input-row button{flex:0 0 auto;height:40px;padding:0 14px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-size:13px;font-weight:700}
.comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:15px 0;border-top:1px solid var(--line)}
.comment-item:first-child{border-top:0}
.comment-avatar{display:block;width:38px;height:38px;padding:6px;border:1px solid #dfe2e8;border-radius:50%;background:transparent;object-fit:contain}
.comment-item>div{min-width:0}
.comment-item header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.comment-item header b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.comment-item time{flex:0 0 auto;color:#a4a7b1;font-size:10px}
.comment-stars{display:block;margin-top:4px;color:#ffb340;font-size:11px;letter-spacing:1px}
.comment-item p{margin:7px 0 0;color:#5e616e;font-size:13px;line-height:1.75;word-break:break-word}
.more-comments{display:block;width:100%;height:40px;margin-top:8px;border:1px solid #e5e7ed;border-radius:11px;background:#f8f9fb;color:#747887;font:inherit;font-size:13px}