.ccom-comment-form, .ccom-comment-list { max-width: 100%; margin: 0 auto; }
.ccom-comment-form textarea { width: 100%; min-height: 80px; border-radius: 8px; border: 1px solid #ccc; padding: 12px; font-size: 16px; }
.ccom-comment { background: #fff; border-radius: 12px; box-shadow: 0 1px 8px #e7e7e7; margin: 14px 0; padding: 16px; display: flex; flex-direction: column; }
.ccom-user { font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.ccom-rating { color: #ffb400; font-size: 18px; }
.ccom-votes button { background: none; border: none; margin-right: 8px; cursor: pointer; font-size: 16px; }
.ccom-message { margin: 16px 0; color: #aa6600; background: #fffbeb; padding: 12px; border-radius: 8px; }
@media (max-width: 600px) {
  .ccom-comment-form, .ccom-comment-list { padding: 0 8px; }
  .ccom-comment { padding: 10px; font-size: 14px; }
}