.comment { --indent: 10px; align-items: flex-start; --s-color: #90949c; display: grid; gap: calc(var(--indent) + 5px); grid-template-columns: var(--avatar-size) 1fr; --avatar-size: 60px; }
.comment-1, .comment-2, .comment-3, .comment-4 { border-left: 1px dashed rgba(144, 148, 156, 0.3); margin-left: calc(var(--avatar-size) - 20px + var(--indent)); padding-left: var(--indent); }
@media (max-width: 640px) { .comment-1, .comment-2, .comment-3, .comment-4 { margin-left: 0; } }
.comment__image { height: 48px; overflow: hidden; width: 48px; }
.dcontleft img.comment__avatar { border-radius: 4px; display: block; height: var(--avatar-size) !important; object-fit: cover; width: var(--avatar-size); }
.comment__header { align-items: flex-start; display: flex; gap: var(--indent); justify-content: flex-start; }
.comment__action { align-items: center; display: flex; gap: var(--indent); justify-content: flex-end; margin-left: auto; }
.comment__author { font-weight: bold; }
.comment__main { margin: var(--indent) 0; }
.comment__text br { display: none; }
.comment__time { color: var(--s-color); font-size: 12px; }
.comment__answer { margin: var(--indent) 0 0 var(--indent); }
.comment .shop-pros, .comment .shop-cons { display: block; }
.comment .shop-cons { margin: var(--indent) 0 calc(var(--indent) + 5px); }
.comment__footer { align-items: flex-start; display: flex; gap: var(--indent); justify-content: flex-start; }
@media (max-width: 640px) { .comment { --avatar-size: 30px; } }

.report-spam-wrap { order: 1; }

.comEnt { margin: 20px 0; }
@media (max-width: 640px) { .comEnt { margin: 15px 0 !important; } }

div[id^='appEntry'] { display: none; }

@media (max-width: 640px) { .com-order-title { display: block; }
  .tab_content .com-order-wrap select { float: none; width: 100%; } }
.comment-form { --indent: 15px; }
.comment-form__field { margin: var(--indent) 0; }
.comment-form__field input[type='text'] { width: 100%; max-width: 100%; }
.comment-form__field textarea { width: 100%; }
.comment-form__label { display: block; margin-bottom: 5px; opacity: 0.7; }
.comment-form .modeSwitch { display: none !important; }


@media (max-width: 380px) { .comment__text a {word-break: break-all;} }


