.customer-reviews { width: 100%; display: flex; justify-content: center; padding: 10px 16px 24px; text-align: left; }
.customer-reviews *, .customer-reviews *::before, .customer-reviews *::after { box-sizing: border-box; }
.comments-container { max-width: 650px; width: 100%; padding: 16px; background: #fff; border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 10%); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #050505; text-align: left; }
.comments-header { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; color: #050505; font-size: 16px; font-weight: 700; }
.comment-branch { margin-bottom: 16px; }
.comment-branch:last-child { margin-bottom: 0; }
.comment-item { display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 4px; }
.avatar-cell { flex: 0 0 40px; }
.avatar-cell.reply-avatar { flex-basis: 32px; }
.avatar { display: block; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #e4e6eb; }
.avatar.reply { width: 32px; height: 32px; }
.content-cell { flex: 1; min-width: 0; }
.comment-bubble { display: inline-block; max-width: 100%; padding: 8px 12px; border-radius: 18px; background: #f0f2f5; }
.user-name { display: inline-block; margin-bottom: 2px; color: #216fdb; font-size: 13px; font-weight: 600; line-height: 1.4; }
.comment-text { color: #050505; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.comment-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; margin: 4px 0 0 12px; color: #65676b; font-size: 12px; line-height: 1.4; cursor: default; pointer-events: none; }
.action-link { color: #65676b; font-weight: 700; }
.replies-container { margin: 8px 0 0 48px; padding-left: 12px; border-left: 2px solid #e4e6eb; }
.replies-container .comment-item + .comment-item { margin-top: 8px; }
@media (max-width: 480px) {
  .customer-reviews { padding-inline: 12px; }
  .replies-container { margin-left: 32px; padding-left: 8px; }
}