.comment-modal .modal__inner { padding: 0; }
.comment-form__item{ margin-bottom: 20px; border-radius: 8px; background-color: #fff;}
.comment-form__header{ width: 100%; padding: 20px 30px; border-bottom: 1px solid #E2E2E2;}
.comment-form__product-img{ width: 134px; flex-shrink: 0; }
.comment-form__product-info{ flex: 1; display: flex; align-items: flex-start; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1);}
.comment-form__product-content{ flex: 1; display: flex; flex-wrap: wrap; align-items: center;}
.comment-form__product-text{ padding: 0 20px; width: 100%; flex-shrink: 0;}
.comment-form__product-title{ font-size: 16px; font-weight: 500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.comment-form__product-amount{ display: flex; align-items: center; justify-content: space-between; flex: 1; }
.comment-form__product-price{display: flex; margin: 0 -5px; padding: 10px 20px;}
.comment-form__sell{ padding: 5px; color: #f00; font-size: 16px; line-height: 1;}
.comment-form__cost{ opacity: .6; padding: 5px; line-height: 1;}
.comment-form__product-price em { font-style: inherit; }
.comment-form__product-quantity{ padding: 0 20px; }
.comment-form__body{ width: 100%; padding: 20px 30px; }
.comment-form__title{ color: var(--main-color); font-size: 18px; font-weight: 500; }
.comment-form__form{ padding-top: 10px; }
.other-comment-form .comment-form__form{ padding-top: 0; }
.other-comment-form .comment-form__form .row:first-child { margin-top: 0; }
.comment-form .col-form-label{ padding-top: 0;padding-bottom: 0; text-align: right; }
.comment-form .form-control{ padding: .375rem .75rem !important; }
.comment-form .form-control:not(:placeholder-shown){ padding: .375rem .75rem !important; }
.comment-form .col-form-content{ padding-top: 0; padding-bottom: 0; }
.comment-form .row{ margin-top: 20px; }
.comment-form__score-icon.active{ color: rgb(246, 129, 54); }
.comment-form__score-icon{ cursor: pointer; color: rgba(0,0,0,.1)}
.comment-form__upload-btn .btn{ padding: 8px 15px; border: 1px solid #DDDDDD; background-color: #FAFAFA;position: relative;  }
.comment-form__upload-tips{ font-size: 12px; color: #999; line-height: 1.5; padding-left: 20px;}
.comment-form__upload-items { width: 100%; display: flex; padding-top: 20px;}
.comment-form__upload-item{ width: 110px; position: relative; padding: 10px; display: flex;align-items: center; justify-content: center;}
.comment-form__upload-item .del{ cursor: pointer; position: absolute; top: 0; right: 0; background: rgba(0,0,0,.1); width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; font-size: 12px; transition: all .3s;}
.comment-form__upload-item .del:hover { background: rgba(0,0,0,.6); }
.comment-form__footer { width: 100%; display: flex; justify-content: flex-end; align-items: center; }
.comment-form__footer .btn{ padding: 12px 40px; font-size: 14px; border-radius: 45px; border: 1px solid; transition: all .3s; text-transform: capitalize; }
.comment-form__btn-primary{ background-color: var(--main-color); color: #fff; border-color: var(--main-color); }
.comment-form__btn-default{ background-color: transparent; color: var(--main-color); border-color: var(--main-color); }
.comment-form__upload-btn .hidden{ position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}
.col-form-label span{ color: #f00 }
.review-btn-group{ padding: 10px 0; display: flex; justify-content: flex-end; }
.review-btn-group .btn-default{ background-color: transparent; color: var(--main-color); }
.comment-form__form .form-control::placeholder{ color: #999!important }
@media (max-width: 574px) {
  .comment-form__product-desc{ width: 100%; padding-right: 0; }
  .comment-form .col-form-label{ text-align: left; padding-bottom: calc(.375rem + 1px); }
  .comment-form__header, .comment-form__body{ padding: 10px 15px; }
  .comment-form__product-price{ padding: 5px 20px; flex-direction: column;}
}