.comment-storefront { margin: 30px 0; }
.comment-storefront .comment-form-message { margin: 0 0 10px; color: #1e7e34; }
.comment-storefront .comment-form-message.is-error { color: #b42318; }
.comment-storefront .comment-guest-note { display: block; margin-top: 8px; color: #777; }
.comment-storefront .comment-count { font-size: 18px; margin: 30px 0 15px; font-weight: 500; }
.comment-storefront .comment-list, .comment-storefront .comment-replies { list-style: none; margin: 0; padding: 0; }
.comment-storefront .comment-item { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px dashed #ddd; }
.comment-storefront .comment-replies .comment-item { padding: 15px 0 0; border: 0; }
.comment-storefront .comment-avatar { flex: 0 0 64px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: #F26522; color: #000; font-size: 26px; font-weight: 700; border-radius: 4px; }
.comment-storefront .comment-replies .comment-avatar { flex-basis: 44px; width: 44px; height: 44px; font-size: 18px; }
.comment-storefront .comment-body { min-width: 0; flex: 1; }
.comment-storefront .comment-name { display: block; font-size: 16px; }
.comment-storefront .comment-date { display: block; color: #999; font-size: 13px; margin: 4px 0 8px; }
.comment-storefront .comment-text { white-space: pre-line; overflow-wrap: anywhere; }
.comment-storefront .comment-item.is-new { background: #fffbea; }
.comment-storefront .comment-empty { color: #777; }