.comments__header {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.comment__header-aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.comments__title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.comments__buttons {
    display: flex;
    flex-direction: column;
}

.comments__button {
    height: 40px;
}

.comments__button:not(:last-child) {
    margin-bottom: 10px;
}

.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.children {
    margin: 24px 0 0;
    list-style: none;
    padding: 0 0 0 15px;
}

.comment:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F6F5F6;
}

.comment-smiles {
    display: flex;
    flex-wrap: wrap;
}

.comment__meta {
    display: flex;
    align-items: center;
    margin-top: 2px;
}

.comments__form {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.comments__form-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.comment-form--hidden {
    display: none;
}

.comment-form__field {
    margin-top: 10px;
}

input.comment-form__input {
    border: 0;
    background: #F5F6F6;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
    height: auto;
}

input.comment-form__input::placeholder {
    color: #999;
}

.comment-form__input_limit {
    max-width: 411px;
}

.comment-form__textarea {
    background: #F5F6F6;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px;
    resize: vertical;
    border: 0;
    width: 100%;
}

.comment-form__textarea::placeholder {
    color: #999;
}

.comment-form__field_required {
    display: flex;
    align-items: flex-start;
}

.comment-form__field_required input {
    width: 98%;
}

.comment-form__field_required::after {
    content: '*';
    color: #E32C13;
    font-size: 16px;
    line-height: 19px;
    margin-left: 5px;
}

.comment__meta-image {
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.comment__meta-aside {
    display: flex;
    flex-direction: column;
}

.comment__meta-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

.comment__meta-date {
    font-size: 15px;
    line-height: 24px;
    color: #808080;
}

.comment__rating {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.comment__rating--desktop {
    display: none;
}

.comment__moderation-text {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    color: #808080;
}

.comment__content {
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
    color: rgba(0, 0, 0, .7);
    word-break: break-word;
    overflow: hidden;
}

.comment__content p:last-child {
    margin-bottom: 0;
}

.comment__content img {
    margin: 0;
    display: inline-block;
}

.reply {
    margin-top: 10px;
}

.comment-reply-title {
    margin-bottom: 10px;
    font-size: 14px;
}

.comment-reply-link,
.comment-remove-reply-form-link {
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    color: #0072DB;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.comment-reply-link:hover,
.comment-remove-reply-form-link:hover {
    text-decoration: none;
}

.comment-remove-reply-form-link {
    margin-top: 15px;
}

.comment-respond {
    padding-top: 20px;
    border-top: 1px solid #F6F5F6;
}

.comments__fields {
    display: flex;
    flex-direction: column;
}

.comment-form-comment {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.comment-form-comment > label {
    margin-bottom: 5px;
}

.comments__fields > p {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.comments__fields > p > label {
    margin-bottom: 5px;
}

.comments__fields > p > label > .required {
    color: #FF0000;
}

.comment__button-expand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    order: -1;
    font-size: 14px;
    line-height: 24px;
    background: #F5F6F6;
    border: 1px solid #F5F6F6;
    border-radius: 4px;
    min-width: 95px;
    padding: 3px 10px;
    position: relative;
    color: #000;
    margin-right: 10px;
    cursor: pointer;
}

.comment__button-expand:hover {
    opacity: 0.7;
}

.comment__button-expand::after {
    content: '';
    display: block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #999;
}

.comment--open > .comment-body .comment__button-expand::after {
    transform: rotate(180deg);
}

.comment__footer {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.comment__footer-btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.comment__likes {
    margin-left: auto;
}

.comment__likes.open-auth {
    position: relative;
    cursor: pointer;
}

.comment__likes.open-auth:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.comment__likes .likes {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment__likes .likes__button {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #F5F6F6;
    background-color: transparent;
    border-radius: 4px;
    cursor: default;
}

.comment__likes button.likes__button:hover {
    border-color: #d8d8d8;
    cursor: pointer;
}

.comment__likes .likes__button:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.comment__likes .likes__button-text {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
}

.comment__likes .likes__button--like:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23C4C4C4' d='M15.538 15.545c.146-.99.385-2.633.588-4.087.101-.726.194-1.407.261-1.935.065-.506.113-.92.113-1.074a2.084 2.084 0 0 0-.58-1.455 1.97 1.97 0 0 0-1.424-.613h-1.431c.423-1.368.46-2.45.456-2.85V3.496l.004-.08-.499-.024.5.024v-.01l.004-.117V3.2c-.024-.8-.153-1.391-.4-1.827a1.847 1.847 0 0 0-.988-.84L12.055.5h-.093c-.885 0-1.568.742-1.568 1.614v.103a1.127 1.127 0 0 1-.05.172c-.04.102-.095.217-.154.33a5.896 5.896 0 0 1-.212.365L6.51 6.742a1.324 1.324 0 0 0-.973-.424H2.851c-.765 0-1.351.64-1.351 1.387v8.407c0 .747.585 1.388 1.351 1.388h2.686c.481 0 .893-.255 1.13-.628h7.372c.765 0 1.39-.58 1.5-1.327ZM6.5 6.5V17'/%3E%3C/svg%3E");
}

.comment__likes .likes__button--dislike:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23C4C4C4' d='M2.462 2.455c-.146.99-.385 2.633-.588 4.087-.101.726-.194 1.407-.261 1.935-.065.506-.113.92-.113 1.074a2.083 2.083 0 0 0 .58 1.455c.36.376.864.613 1.424.613h1.431c-.423 1.368-.46 2.451-.456 2.85V14.504l-.004.08.499.024-.5-.024v.01l-.004.117v.088c.024.8.153 1.391.4 1.827.259.458.618.697.988.84l.087.033h.093c.885 0 1.568-.742 1.568-1.614v-.103a1.128 1.128 0 0 1 .05-.171c.04-.103.095-.218.154-.33a5.783 5.783 0 0 1 .212-.366l3.469-3.658c.242.26.584.424.972.424h2.686c.765 0 1.351-.64 1.351-1.387V1.888C16.5 1.14 15.915.5 15.149.5h-2.686c-.481 0-.893.255-1.13.628H3.96c-.765 0-1.39.58-1.5 1.327ZM11.5 11.5V1'/%3E%3C/svg%3E");
}

.comment__likes .likes__button--voted {
    background-color: #F5F6F6;
}

.comment__likes .likes__button--voted.likes__button--like:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2324DDA5' d='M17.397 8.369c0-.972-.787-1.759-1.758-1.759h-2.493c.72-1.801.773-3.278.768-3.751 0-.052.011-.236.011-.277V2.5C13.873.79 13.35.265 12.677.016c-.69 0-1.249.559-1.249 1.249v.125c-.007.427-.608 1.31-.608 1.31L6.238 7.333l-.077.095-1.393 3.727 1.393 5.778c0 .176.142.318.317.318h8.627c.587 0 1.085-.428 1.174-1.009.34-2.218 1.118-7.366 1.118-7.874Z'/%3E%3Cpath fill='%230ABD87' d='M5.166 17.956h-3.14a.995.995 0 0 1-.995-.995V7.534c0-.55.446-.995.995-.995h3.14c.55 0 .995.446.995.995v9.427c0 .55-.445.995-.995.995Z'/%3E%3Cpath fill='%2300B67F' d='M5.166 16.081h-3.14a.995.995 0 0 1-.995-.995v1.875c0 .55.446.995.995.995h3.14c.55 0 .995-.445.995-.995v-1.875c0 .55-.445.995-.995.995Z'/%3E%3Cpath fill='%230FD55E' d='M15.639 6.61h-.323a27.5 27.5 0 0 1-.072.597 9.16 9.16 0 0 1-9.083 7.987v1.74c0 .175.142.318.317.318h8.627c.586 0 1.085-.428 1.174-1.009.34-2.218 1.118-7.366 1.118-7.874 0-.972-.787-1.759-1.758-1.759Z'/%3E%3C/svg%3E");
}

.comment__likes .likes__button--voted.likes__button--dislike:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23F27362' d='M.603 9.631c0 .972.787 1.759 1.758 1.759h2.493c-.72 1.801-.773 3.278-.768 3.751 0 .052-.011.236-.011.277v.082c.052 1.71.576 2.235 1.248 2.484.69 0 1.249-.559 1.249-1.249v-.125c.007-.427.607-1.31.607-1.31l4.582-4.634.078-.095 1.393-3.727-1.393-5.779a.317.317 0 0 0-.317-.317H2.895c-.587 0-1.085.428-1.174 1.009C1.38 3.975.603 9.123.603 9.63Z'/%3E%3Cpath fill='%23EB4129' d='M12.834.044h3.14c.55 0 .995.445.995.995v9.427c0 .55-.446.995-.995.995h-3.14a.995.995 0 0 1-.995-.995V1.039c0-.55.445-.995.995-.995Z'/%3E%3Cpath fill='%23D52A12' d='M12.834 1.919h3.14c.55 0 .995.445.995.995V1.04a.995.995 0 0 0-.995-.995h-3.14a.995.995 0 0 0-.995.995v1.875c0-.55.445-.995.995-.995Z'/%3E%3Cpath fill='%23EA6857' d='M2.361 11.39h.323c.016-.155.04-.357.072-.597a9.16 9.16 0 0 1 9.083-7.987v-1.74a.317.317 0 0 0-.317-.318H2.895c-.587 0-1.085.428-1.174 1.009C1.38 3.975.603 9.122.603 9.63c0 .972.787 1.759 1.758 1.759Z'/%3E%3C/svg%3E");
}

.comment-user {
    display: flex;
    align-items: center;
}

.comment-user__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.comment-user__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-rang {
    display: inline-block;
    margin-left: 10px;
    padding: 0 4px;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    text-transform: lowercase;
    color: #fff;
    background: #FFC700;
    border-radius: 2px;
}

.user-rang--predstavitel {
    background-color: #38D3A5;
}

.user-rang--moderator {
    background-color: #E32C13;
}

.user-rang--aktivnyj {
    background-color: #A397ED;
}

.user-rang--profi,
.user-rang--guru {
    background-color: #0072DB;
}

.user-rang--novichok {
    color: #3b3b3b;
}

.comment-target {
    display: flex;
    align-items: center;
    margin-left: auto;
    text-decoration: none;
    color: #000000;
}

.comment-list--subpage .comment-target {
    display: none;
}

.comment-target:hover {
    text-decoration: underline;
}

.comment-target__title {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.comment-target__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.comment-target__img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.comment__owner-link {
    display: none;
}

.comment-has-children .children {
    display: none;
}

.comment--open > .children {
    display: block;
}

.rating-start {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='%230072DB' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5624 5.23249L8.23243 0.51249C8.18743 0.41999 8.09993 0.36499 7.99743 0.36499C7.89493 0.36499 7.80743 0.41999 7.76243 0.51249L5.43243 5.23249L0.224929 5.98999C0.122429 6.00499 0.0449293 6.07249 0.0124293 6.16999C-0.0175707 6.26749 0.00742928 6.36749 0.0799293 6.43999L3.84743 10.115L2.95493 15.3225C2.93743 15.4225 2.97493 15.52 3.05743 15.58C3.13993 15.64 3.24243 15.6475 3.33243 15.6025L8.10493 13.1875L12.6574 15.58C12.7474 15.6275 12.8524 15.62 12.9349 15.56C13.0174 15.5 13.0574 15.4025 13.0399 15.3025L12.1499 10.115L15.9199 6.43999C15.9924 6.36999 16.0174 6.26749 15.9824 6.16999C15.9499 6.07249 15.8724 6.00499 15.7699 5.98999L10.5624 5.23249ZM14.1535 6.76539L9.89838 6.14642L7.99743 2.29557L6.09648 6.14642L1.84508 6.76484L4.92182 9.76604L4.18778 14.0489L8.1136 12.0624L11.802 14.0007L11.0754 9.76591L14.1535 6.76539Z'/%3E%3C/svg%3E");
}

.rating-start_fill {
    background-image: url("data:image/svg+xml,%3Csvg fill='%230072DB' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9199 6.43999L12.1499 10.115L13.0399 15.3025C13.0574 15.4025 13.0174 15.5 12.9349 15.56C12.8524 15.62 12.7474 15.6275 12.6574 15.58L8.10493 13.1875L3.33243 15.6025C3.24243 15.6475 3.13993 15.64 3.05743 15.58C2.97493 15.52 2.93743 15.4225 2.95493 15.3225L3.84743 10.115L0.0799293 6.43999C0.00742928 6.36749 -0.0175707 6.26749 0.0124293 6.16999C0.0449293 6.07249 0.122429 6.00499 0.224929 5.98999L5.43243 5.23249L7.76243 0.51249C7.80743 0.41999 7.89493 0.36499 7.99743 0.36499C8.09993 0.36499 8.18743 0.41999 8.23243 0.51249L10.5624 5.23249L15.7699 5.98999C15.8724 6.00499 15.9499 6.07249 15.9824 6.16999C16.0174 6.26749 15.9924 6.36999 15.9199 6.43999Z'/%3E%3C/svg%3E");
}

.comment__rating_hide-sm {
    display: none;
}

.form-submit {
    margin-bottom: 0;
}

.reviews-subject-day {
    padding: 15px;
    background: #3F3C4D;
    display: flex;
    flex-direction: column;
    color: #fff;
    line-height: 1;
    font-size: 16px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 30px;
}

.reviews-subject-day__title {
    margin-bottom: 10px;
    line-height: 1.3;
}

.reviews-subject-day__link {
    width: 100%;
    white-space: nowrap;
}

.comment__title {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.comment__title:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.comment__title--advantages:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230ABD87' d='M8.5 18.978H8c-4 0-6-1.179-6-6.116V7.925C2 3.975 4 2 8 2h8c4 0 6 1.975 6 5.925v4.937c0 3.95-2 6.116-6 6.116h-.5c-.31 0-.61.148-.8.395l-1.5 1.975c-.66.87-1.74.87-2.4 0l-1.5-1.975c-.16-.217-.53-.395-.8-.395Z'/%3E%3Cpath fill='%23fff' d='M17.598 9.58c0-.648-.525-1.173-1.172-1.173h-1.662c.48-1.201.515-2.186.512-2.501 0-.035.008-.158.008-.185v-.054c-.035-1.14-.384-1.49-.833-1.656a.832.832 0 0 0-.832.832v.083c-.005.285-.405.874-.405.874l-3.055 3.09-.052.063-.929 2.484.93 3.853c0 .117.094.211.21.211h5.752a.792.792 0 0 0 .783-.672c.226-1.479.745-4.91.745-5.25Z'/%3E%3Cpath fill='%23fff' d='M9.444 15.97H7.351a.663.663 0 0 1-.663-.663V9.023c0-.367.297-.663.663-.663h2.093c.366 0 .663.296.663.663v6.284a.663.663 0 0 1-.663.664Z'/%3E%3Cpath fill='%23fff' d='M9.444 14.72H7.351a.664.664 0 0 1-.663-.663v1.25c0 .367.297.664.663.664h2.093a.664.664 0 0 0 .663-.664v-1.25a.664.664 0 0 1-.663.664Z'/%3E%3Cpath fill='%23fff' d='M16.426 8.407h-.215c-.011.103-.028.238-.048.398a6.107 6.107 0 0 1-6.056 5.325v1.16c0 .116.095.211.212.211h5.75a.792.792 0 0 0 .784-.672c.226-1.479.745-4.91.745-5.25 0-.647-.525-1.172-1.172-1.172Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.comment__title--disadvantages:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D52A12' d='M8.5 18.978H8c-4 0-6-1.179-6-6.116V7.925C2 3.975 4 2 8 2h8c4 0 6 1.975 6 5.925v4.937c0 3.95-2 6.116-6 6.116h-.5c-.31 0-.61.148-.8.395l-1.5 1.975c-.66.87-1.74.87-2.4 0l-1.5-1.975c-.16-.217-.53-.395-.8-.395Z'/%3E%3Cpath fill='%23fff' d='M17.598 11.42c0 .649-.525 1.173-1.172 1.173h-1.662c.48 1.201.515 2.186.512 2.501 0 .035.008.158.008.185v.054c-.035 1.14-.384 1.49-.833 1.656a.832.832 0 0 1-.832-.832v-.083c-.005-.286-.405-.874-.405-.874l-3.055-3.09-.052-.063-.929-2.484.93-3.853c0-.117.094-.211.21-.211h5.752c.391 0 .724.285.783.672.226 1.479.745 4.91.745 5.25Z'/%3E%3Cpath fill='%23fff' d='M9.444 5.03H7.351a.663.663 0 0 0-.663.663v6.284c0 .367.297.663.663.663h2.093a.663.663 0 0 0 .663-.663V5.693a.663.663 0 0 0-.663-.664Z'/%3E%3Cpath fill='%23fff' d='M9.444 6.28H7.351a.663.663 0 0 0-.663.663v-1.25c0-.367.297-.664.663-.664h2.093c.366 0 .663.297.663.664v1.25a.663.663 0 0 0-.663-.664Z'/%3E%3Cpath fill='%23fff' d='M16.426 12.593h-.215c-.011-.103-.028-.238-.048-.398a6.107 6.107 0 0 0-6.056-5.324V5.71c0-.117.095-.212.212-.212h5.75c.392 0 .725.285.784.672.226 1.479.745 4.91.745 5.25 0 .647-.525 1.172-1.172 1.172Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.comment__title--default:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23999' d='M8.5 18.978H8c-4 0-6-1.179-6-6.116V7.925C2 3.975 4 2 8 2h8c4 0 6 1.975 6 5.925v4.937c0 3.95-2 6.116-6 6.116h-.5c-.31 0-.61.148-.8.395l-1.5 1.975c-.66.87-1.74.87-2.4 0l-1.5-1.975c-.16-.217-.53-.395-.8-.395Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.comment__content--advantages,
.comment__content--disadvantages {
    margin-bottom: 12px;
}

.comment--predstavitel > .comment-body {
    position: relative;
    padding: 10px 10px 10px 15px;
    background-color: #EDFAF6;
    border-radius: 5px;
}

.comment--predstavitel > .comment-body .dropdown-block {
    background-color: #EDFAF6;
}

.comment--predstavitel > .comment-body:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: calc(100% - 20px);
    background-color: #38D3A5;
}

.comment--top > .comment-body {
    position: relative;
    padding: 30px 10px 10px 15px;
    background-color: #F2F8FD;
    border-radius: 5px;
}

.comment--top > .comment-body .dropdown-block {
    background-color: #F2F8FD;
}

.comment--top > .comment-body:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: calc(100% - 20px);
    background-color: #0072DB;
}

.comment--top > .comment-body:after {
    content: "Популярный отзыв";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    left: 17px;
    height: 14px;
    padding: 0 7px;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #FFC700;
}

.stat {
    display: flex;
    flex-direction: column;
}

.stat-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.stat-item:not(:last-child) {
    margin-bottom: 15px;
}

.stat-item__stars {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 -1px;
}

.stat-item__star {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='%230072DB' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9199 6.43999L12.1499 10.115L13.0399 15.3025C13.0574 15.4025 13.0174 15.5 12.9349 15.56C12.8524 15.62 12.7474 15.6275 12.6574 15.58L8.10493 13.1875L3.33243 15.6025C3.24243 15.6475 3.13993 15.64 3.05743 15.58C2.97493 15.52 2.93743 15.4225 2.95493 15.3225L3.84743 10.115L0.0799293 6.43999C0.00742928 6.36749 -0.0175707 6.26749 0.0124293 6.16999C0.0449293 6.07249 0.122429 6.00499 0.224929 5.98999L5.43243 5.23249L7.76243 0.51249C7.80743 0.41999 7.89493 0.36499 7.99743 0.36499C8.09993 0.36499 8.18743 0.41999 8.23243 0.51249L10.5624 5.23249L15.7699 5.98999C15.8724 6.00499 15.9499 6.07249 15.9824 6.16999C16.0174 6.26749 15.9924 6.36999 15.9199 6.43999Z'/%3E%3C/svg%3E");
}

.stat-item__star--empty {
    background-image: url("data:image/svg+xml,%3Csvg fill='%230072DB' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5624 5.23249L8.23243 0.51249C8.18743 0.41999 8.09993 0.36499 7.99743 0.36499C7.89493 0.36499 7.80743 0.41999 7.76243 0.51249L5.43243 5.23249L0.224929 5.98999C0.122429 6.00499 0.0449293 6.07249 0.0124293 6.16999C-0.0175707 6.26749 0.00742928 6.36749 0.0799293 6.43999L3.84743 10.115L2.95493 15.3225C2.93743 15.4225 2.97493 15.52 3.05743 15.58C3.13993 15.64 3.24243 15.6475 3.33243 15.6025L8.10493 13.1875L12.6574 15.58C12.7474 15.6275 12.8524 15.62 12.9349 15.56C13.0174 15.5 13.0574 15.4025 13.0399 15.3025L12.1499 10.115L15.9199 6.43999C15.9924 6.36999 16.0174 6.26749 15.9824 6.16999C15.9499 6.07249 15.8724 6.00499 15.7699 5.98999L10.5624 5.23249ZM14.1535 6.76539L9.89838 6.14642L7.99743 2.29557L6.09648 6.14642L1.84508 6.76484L4.92182 9.76604L4.18778 14.0489L8.1136 12.0624L11.802 14.0007L11.0754 9.76591L14.1535 6.76539Z'/%3E%3C/svg%3E");
}

.stat-item__progress {
    height: 5px;
    width: 100%;
    margin: 0 10px;
    background: #F6F5F6;
    border-radius: 3px;
    overflow: hidden;
}

.stat-item__progress-bar {
    height: 100%;
    background: #0072DB;
}

.stat-item__percents {
    flex-shrink: 0;
    font-size: 15px;
    line-height: 1;
    color: #808080;
}

.comments-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.comments-tooltip {
    position: relative;
}

.comments-tooltip--sort {
    width: 100%;
    margin-bottom: 5px;
}

.comments-tooltip--filter {
    width: calc(50% - 5px);
}

.comments-tooltip__current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
}

.comments-tooltip--sort .comments-tooltip__current {
    font-weight: bold;
    color: #0072DB;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.comments-tooltip--filter .comments-tooltip__current {
    color: #898594;
    background-color: #ECEBEC;
    border: 1px solid #ECEBEC;
}

.comments-tooltip.open .comments-tooltip__current {
    border: 1px solid #0072DB;
    background-color: #ffffff;
}

.comments-tooltip__current:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 10px;
}

.comments-tooltip--sort .comments-tooltip__current:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='%230072DB' d='M4 8 .536 2h6.928L4 8Z'/%3E%3C/svg%3E");
}

.comments-tooltip--filter .comments-tooltip__current:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='%23999' d='M4 8 .536 2h6.928L4 8Z'/%3E%3C/svg%3E");
}

.comments-tooltip__items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    background-color: #ffffff;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    z-index: 1;
}

.comments-tooltip--filter-last .comments-tooltip__items {
    left: initial;
    right: 0;
}

.comments-tooltip.open .comments-tooltip__items {
    display: block;
}

.comments-tooltip__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 13px;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer;
}

.comments-tooltip__item:hover {
    background-color: #F3F7FF;
}

.comments-tooltip__item-count {
    margin-left: 10px;
    color: #808080;
}

.dropdown-block {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}

.dropdown-block__body {
    padding: 2px;
    display: none;
}

.dropdown-block--faq-answer .h3 {
    margin-top: 0;
}

.dropdown-block--faq-answer .dropdown-block__body {
    padding: 24px;
}

.dropdown-block--faq-answer .response-block {
    margin: 0;
}

.dropdown-block--visible .dropdown-block__body {
    display: block;
}

.dropdown-block--subpage {
    padding: 0;
}

.dropdown-form {
    margin-top: 10px;
    padding: 10px;
    background-color: #F6F5F6;
    border-radius: 10px;
}

.dropdown-block--subpage .dropdown-form {
    margin-top: 0;
    margin-bottom: 20px;
}

.dropdown-form__header {
    display: flex;
    justify-content: space-between;
}

.dropdown-form__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.dropdown-form__close {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: auto;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23A5A5A5' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.89258' y='20.0347' width='20' height='3.33333' transform='rotate(-45 5.89258 20.0347)'%3E%3C/rect%3E%3Crect x='20.0347' y='22.3916' width='20' height='3.33333' transform='rotate(-135 20.0347 22.3916)'%3E%3C/rect%3E%3C/svg%3E");
    cursor: pointer;
}

.dropdown-form__close:hover {
    opacity: 0.7;
}

.dropdown-form__content--hidden {
    display: none;
}

.dropdown-form__group {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.dropdown-form__field {
    position: relative;
    margin-top: 10px;
}

.dropdown-form__group .dropdown-form__field {
    width: 100%;
}

input.dropdown-form__input {
    width: 100%;
    background-color: #fff;
    color: #000;
    border: 0;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
    height: auto;
}

input.dropdown-form__input--offset {
    max-width: 410px;
}

input.dropdown-form__input::placeholder,
.dropdown-form__textarea::placeholder {
    color: #999;
}

.dropdown-form__field_select:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999999;
    margin-top: -3px;
    pointer-events: none;
}

select.dropdown-form__select {
    width: 100%;
    background-color: #fff;
    border: 0;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
    height: auto;
    border-radius: 5px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

select.dropdown-form__select:invalid {
    color: #999;
}

.dropdown-form__field_required {
    display: flex;
    align-items: flex-start;
}

.dropdown-form__field_required::after {
    content: '*';
    color: #E32C13;
    font-size: 16px;
    line-height: 19px;
    margin-left: 5px;
}

.dropdown-form__textarea {
    width: 100%;
    border-radius: 5px;
    border: 0;
    min-height: 150px;
    resize: vertical;
    padding: 15px;
    resize: none;
}

.dropdown-form .apf-field_select {
    width: 100%;
    max-width: 410px;
}

.dropdown-form .apf-field__content {
    display: block;
}

.dropdown-form .apf-field_select .chosen-single,
.dropdown-form .apf-field_select .chosen-container-active.chosen-with-drop .chosen-single {
    min-height: 40px;
    color: #000;
    background: #ffffff;
    border: 0;
    border-radius: 4px;
    box-shadow: none !important;
}

.dropdown-form .apf-field_select .chosen-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 49px;
    padding: 0 0 0 15px;
    font-size: 16px;
}

.dropdown-form .apf-field_select .chosen-single div {
    position: initial;
    height: 22px;
}

.dropdown-form .apf-field_select .chosen-container .chosen-drop {
    margin-top: -2px;
    border: 1px solid #E4E4E4 !important;
    box-shadow: none !important;
}

.dropdown-form .apf-field_select .chosen-choices,
.dropdown-form .apf-field_select .chosen-results {
    margin: 0;
    padding: 0;
}

.dropdown-form .apf-field_select li.search-field,
.dropdown-form .apf-field_select li.search-choice {
    display: flex;
    align-items: center;
    min-height: 30px;
    margin: 3px 5px 3px 0 !important;
    font-size: 14px;
}

.dropdown-form .apf-field_select li.search-choice {
    background: #F6F5F6 !important;
}

.dropdown-form .apf-field_select li.active-result,
.dropdown-form .apf-field_select li.result-selected {
    margin: 0 !important;
    font-size: 14px;
}

.dropdown-form .apf-field_select li.active-result.highlighted {
    background: #0072DB !important;
}

.dropdown-form .apf-field_select li.search-field:before,
.dropdown-form .apf-field_select li.search-choice:before,
.dropdown-form .apf-field_select li.active-result:before,
.dropdown-form .apf-field_select li.result-selected:before,
.dropdown-form .apf-field_select li.no-results:before {
    margin: 0 !important;
    display: none !important;
}

.dropdown-form .apf-field_select li.search-choice .search-choice-close {
    top: 9px !important;
    right: 0 !important;
}

.dropdown-form__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dropdown-form__submit {
    height: 40px;
    width: 100%;
    margin: 10px 0;
}

.dropdown-form__help {
    font-size: 14px;
    line-height: 16px;
    color: #808080;
}

.response-block {
    display: none;
}

.response-block--visible {
    display: block;
    margin-top: 20px;
}

/* Reply */

#commentform-cloned {
    width: 100%;
    margin-bottom: 10px;
    order: 1;
}

#commentform-cloned .dropdown-form {
    margin-top: 10px;
}

#commentform-cloned .dropdown-form__header,
#commentform-cloned .dropdown-form__field_rating,
#commentform-cloned .dropdown-form__field_post {
    display: none;
}

#commentform-cloned .dropdown-form__content {
    margin-top: -10px;
}

#commentform-cloned .response-block--visible {
    margin-top: 0;
}

#commentform-cloned .dropdown-block__body {
    display: block;
    padding: 0;
}

.reviews-form {
    position: relative;
    margin-top: 30px;
    padding: 15px;
    background-color: #F6F5F6;
    border-radius: 10px;
}

.reviews-response {
    display: none;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    margin: 30px 0;
    padding: 250px 15px 15px;
    background-color: #F6F5F6;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center top 15px;
    background-size: 220px 220px;
    background-image: url('/wp-content/themes/yelly/assets/images/reviews-response-bg.svg');
}

.reviews-response--visible {
    display: flex;
}

.reviews-response-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
}

.reviews-response-text {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.reviews-response-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.reviews-response-button {
    height: 40px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.reviews-response-button--coins {
    width: 100%;
}

.reviews-response-button--coins:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8001 4.72185H17.6641C17.644 4.30186 17.62 3.89385 17.5801 3.51785C17.5561 3.31387 17.3841 3.16187 17.1801 3.16187H6.82405C6.61604 3.16187 6.44404 3.31785 6.42405 3.52185C6.38806 3.91387 6.36406 4.31785 6.34404 4.72185H3.20005C2.98005 4.72185 2.80005 4.90186 2.80005 5.12185V5.62185C2.80005 7.12986 3.39604 8.54985 4.48005 9.62185C5.22004 10.3579 6.13606 10.8658 7.14004 11.1059C8.10005 14.1219 9.74004 15.9938 11.6041 16.2259V17.6859C9.00405 17.7739 7.49605 18.7299 7.35205 20.4019C7.34004 20.5139 7.38005 20.6259 7.45205 20.7059C7.52805 20.7899 7.63606 20.8379 7.74805 20.8379H16.2561C16.368 20.8379 16.4761 20.7899 16.5521 20.7059C16.6281 20.6259 16.6641 20.5139 16.6561 20.4019C16.5081 18.7299 15 17.7739 12.4041 17.6859V16.2299C14.268 15.9938 15.9121 14.1219 16.868 11.1059C17.872 10.8579 18.7881 10.3499 19.524 9.62185C20.6041 8.55386 21.2001 7.13386 21.2001 5.62185V5.12185C21.2001 4.90186 21.024 4.72185 20.8001 4.72185ZM5.04404 9.05386C4.11206 8.13386 3.60005 6.91387 3.60005 5.62185V5.52185H6.32405V5.54985C6.32405 5.92585 6.33606 6.29785 6.35606 6.66584C6.36006 6.71387 6.36406 6.76187 6.36406 6.81387C6.38806 7.16187 6.41604 7.50586 6.45605 7.84985C6.46406 7.91785 6.47205 7.98186 6.48005 8.04985C6.52405 8.38586 6.57205 8.72185 6.63206 9.04985C6.64004 9.09785 6.65205 9.14585 6.66006 9.18987C6.72004 9.51387 6.78806 9.82986 6.86804 10.1418C6.87205 10.1619 6.87605 10.1819 6.88005 10.2019C6.19204 9.96187 5.56804 9.57385 5.04404 9.05386ZM15.192 8.21387L13.6601 9.28987L14.2121 10.9859C14.268 11.1499 14.2121 11.3259 14.0761 11.4259C13.944 11.5299 13.7601 11.5379 13.616 11.4458L12.0041 10.4059L10.392 11.4458C10.324 11.4899 10.2521 11.5099 10.1761 11.5099C10.0881 11.5099 10.0041 11.4819 9.93206 11.4259C9.79605 11.3259 9.74404 11.1458 9.79605 10.9859L10.348 9.28987L8.81604 8.21387C8.67205 8.11387 8.61206 7.93386 8.66406 7.76584C8.71604 7.59785 8.86804 7.48586 9.04404 7.48586H10.992L11.6281 5.75386C11.6881 5.59785 11.8361 5.49385 12.0041 5.49385C12.172 5.49385 12.32 5.59785 12.3801 5.75386L13.016 7.48586H14.9641C15.14 7.48586 15.292 7.59785 15.344 7.76584C15.396 7.93386 15.3361 8.11387 15.192 8.21387ZM20.4001 5.62185C20.4001 6.91785 19.892 8.13787 18.9601 9.05386C18.44 9.56985 17.816 9.95786 17.1281 10.1979C17.216 9.84985 17.296 9.48987 17.3641 9.12185C17.3641 9.10986 17.368 9.09385 17.372 9.07786C17.4361 8.72986 17.4881 8.37786 17.5321 8.01785C17.5361 7.96985 17.544 7.92185 17.548 7.87385C17.5881 7.52185 17.62 7.16584 17.644 6.80986C17.648 6.76187 17.648 6.71387 17.6521 6.66985C17.672 6.29785 17.6841 5.92585 17.6841 5.54985V5.52185H20.4001V5.62185Z' fill='black'/%3E%3C/svg%3E%0A");
}

.reviews-response-button--exchanges {
    width: calc(50% - 5px);
}

.reviews-response-button--news {
    width: calc(50% - 5px);
}

.dropdown-form__advantages {
    display: flex;
    flex-direction: column;
}

.dropdown-form__advantages-item:not(:last-child) {
    margin-bottom: 10px;
}

.dropdown-form__advantages-item-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.dropdown-form__advantages-item-label:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.dropdown-form__advantages-item-label--advantages:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230ABD87' d='M8.5 18.978H8c-4 0-6-1.179-6-6.116V7.925C2 3.975 4 2 8 2h8c4 0 6 1.975 6 5.925v4.937c0 3.95-2 6.116-6 6.116h-.5c-.31 0-.61.148-.8.395l-1.5 1.975c-.66.87-1.74.87-2.4 0l-1.5-1.975c-.16-.217-.53-.395-.8-.395Z'/%3E%3Cpath fill='%23fff' d='M17.598 9.58c0-.648-.525-1.173-1.172-1.173h-1.662c.48-1.201.515-2.186.512-2.501 0-.035.008-.158.008-.185v-.054c-.035-1.14-.384-1.49-.833-1.656a.832.832 0 0 0-.832.832v.083c-.005.285-.405.874-.405.874l-3.055 3.09-.052.063-.929 2.484.93 3.853c0 .117.094.211.21.211h5.752a.792.792 0 0 0 .783-.672c.226-1.479.745-4.91.745-5.25Z'/%3E%3Cpath fill='%23fff' d='M9.444 15.97H7.351a.664.664 0 0 1-.663-.663V9.023c0-.367.297-.663.663-.663h2.093c.366 0 .663.296.663.663v6.284a.664.664 0 0 1-.663.664Z'/%3E%3Cpath fill='%23fff' d='M9.444 14.72H7.351a.663.663 0 0 1-.663-.663v1.25c0 .367.297.664.663.664h2.093a.663.663 0 0 0 .663-.664v-1.25a.663.663 0 0 1-.663.664Z'/%3E%3Cpath fill='%23fff' d='M16.426 8.407h-.215c-.011.103-.028.238-.048.398a6.107 6.107 0 0 1-6.056 5.324v1.16c0 .117.095.212.212.212h5.75a.792.792 0 0 0 .784-.672c.226-1.479.745-4.91.745-5.25 0-.647-.525-1.172-1.172-1.172Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.dropdown-form__advantages-item-label--disadvantages:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D52A12' d='M8.5 18.978H8c-4 0-6-1.179-6-6.116V7.925C2 3.975 4 2 8 2h8c4 0 6 1.975 6 5.925v4.937c0 3.95-2 6.116-6 6.116h-.5c-.31 0-.61.148-.8.395l-1.5 1.975c-.66.87-1.74.87-2.4 0l-1.5-1.975c-.16-.217-.53-.395-.8-.395Z'/%3E%3Cpath fill='%23fff' d='M17.598 11.42c0 .649-.525 1.173-1.172 1.173h-1.662c.48 1.201.515 2.186.512 2.501 0 .035.008.158.008.185v.054c-.035 1.14-.384 1.49-.833 1.656a.832.832 0 0 1-.832-.832v-.083c-.005-.286-.405-.874-.405-.874l-3.055-3.09-.052-.063-.929-2.484.93-3.853c0-.117.094-.211.21-.211h5.752c.391 0 .724.285.783.672.226 1.479.745 4.91.745 5.25Z'/%3E%3Cpath fill='%23fff' d='M9.444 5.03H7.351a.663.663 0 0 0-.663.663v6.284c0 .367.297.663.663.663h2.093a.663.663 0 0 0 .663-.663V5.693a.664.664 0 0 0-.663-.664Z'/%3E%3Cpath fill='%23fff' d='M9.444 6.28H7.351a.663.663 0 0 0-.663.663v-1.25c0-.367.297-.664.663-.664h2.093c.366 0 .663.297.663.664v1.25a.664.664 0 0 0-.663-.664Z'/%3E%3Cpath fill='%23fff' d='M16.426 12.593h-.215c-.011-.103-.028-.238-.048-.398a6.107 6.107 0 0 0-6.056-5.324V5.71c0-.117.095-.212.212-.212h5.75c.392 0 .725.285.784.672.226 1.479.745 4.91.745 5.25 0 .648-.525 1.172-1.172 1.172Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

#commentform-cloned .dropdown-form__advantages {
    display: none;
}

.comments__question {
    margin-bottom: 40px;
}

.comments__question-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.comments__question-image {
    width: 48px;
    height: 48px;
    margin: 0 20px 0 0;
    border: 1px solid #ECF1F7;
    border-radius: 50%;
}

.comments__question-author {
    display: flex;
    align-items: center;
    height: 14px;
    padding: 0 7px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #0072DB;
    color: #ffffff;
}

.comments__question-text {
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

.comments__question .dropdown-form {
    margin: 0;
    padding: 15px;
    background-color: transparent;
    border: 1px solid #ECF1F7;
    border-radius: 10px;
}

.comments__question .dropdown-form__user-image {
    display: none;
}

.comments__question .dropdown-form__textarea {
    min-height: 80px;
    padding: 0;
    outline: none;
}

.comments__question .dropdown-form__submit {
    width: 132px;
    height: 40px;
    margin: 0 0 0 auto;
    font-size: 16px;
}

.comments__question .response-block {
    margin-top: 0;
}

#commentform-cloned .dropdown-form__user-image {
    display: none !important;
}

/*** Responsive ***/

@media (min-width: 360px) {

    .comments__title--faq {
        font-size: 20px;
        line-height: 30px;
    }

    .comments__form-title {
        font-size: 18px;
        line-height: 24px
    }

    .dropdown-form {
        padding: 15px;
    }
}

@media (min-width: 768px) {

    .reviews-subject-day {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .reviews-subject-day__title {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .reviews-subject-day__link {
        width: auto;
        padding: 20px 30px;
    }

    .comments__header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .comment__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .comment-reply-link,
    .comment-remove-reply-form-link {
        margin-right: 30px;
    }

    .comment__owner-link {
        display: block;
        font-size: 14px;
        line-height: 16px;
        text-decoration-line: underline;
    }

    .comment__likes .likes__button:before {
        order: -2;
    }

    .comment__likes .likes__button--like:after {
        content: "Полезно";
        order: -1;
        display: block;
        margin-right: 5px;
        font-size: 14px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.7);
    }

    .comment__likes .likes__button-text {
        margin-left: auto;
    }

    .comments__title {
        margin-bottom: 0;
    }

    .comment__rating--mobile {
        display: none;
    }

    .comment__rating--desktop {
        display: flex;
    }

    .comments__buttons {
        flex-direction: row;
    }

    .children {
        padding-left: 46px;
    }

    .comments__button:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px;
    }

    .comment__meta-aside {
        flex-direction: row;
    }

    .comment__body {
        padding-left: 46px;
    }

    .comment__body--mt {
        margin-top: 15px;
    }

    .comments__fields {
        flex-direction: row;
        justify-content: space-between;
    }

    .comments__fields > p {
        width: calc(50% - 10px);
    }

    .comment__content p {
        line-height: 28px;
    }

    .comment__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .comment-user__info {
        display: flex;
        align-items: center;
    }

    .comment-target__img {
        width: 50px;
        height: 50px;
        padding: 5px;
        background-color: #F6F5F6;
        border-radius: 10px;
    }

    .comment__meta {
        margin-top: 0;
    }

    .comments__title--faq {
        margin-bottom: 10px;
    }

    .comment__meta-date {
        margin-left: 10px;
    }

    .comments-toolbar {
        flex-wrap: nowrap;
    }

    .comments-tooltip {
        width: initial;
    }

    .comments-tooltip--sort {
        margin: 0 auto 0 0;
    }

    .comments-tooltip--filter {
        margin-left: 10px;
    }

    .dropdown-form__group {
        flex-direction: row;
        gap: 20px;
    }

    .dropdown-form__field {
        margin-top: 12px;
    }

    .dropdown-form__title {
        line-height: 33px;
    }

    .dropdown-form__footer {
        flex-direction: row;
        margin-top: 10px;
    }

    .dropdown-form__submit {
        height: 50px;
        width: 260px;
        margin: 0;
    }

    .dropdown-form__help {
        margin-left: 15px;
    }

    #commentform-cloned .dropdown-form__content {
        margin-top: -20px;
    }

    #commentform-cloned .response-block--visible {
        margin: 0;
    }

    .reviews-response {
        padding: 68px 15px;
        background-position: right 30px center;
    }

    .reviews-response-title {
        text-align: left;
    }

    .reviews-response-text {
        text-align: left;
    }

    .reviews-response-buttons {
        justify-content: flex-start;
        flex-wrap: nowrap;
        margin-top: 40px;
    }

    .reviews-response-button {
        margin-top: 0;
        padding: 0 10px;
        white-space: nowrap;
    }

    .reviews-response-button:not(:last-child) {
        margin-right: 10px;
    }

    .reviews-response-button--coins {
        width: auto;
    }

    .reviews-response-button--exchanges {
        width: auto;
    }

    .reviews-response-button--news {
        width: auto;
    }

    .dropdown-form__advantages {
        flex-direction: row;
        justify-content: space-between;
    }

    .dropdown-form__advantages-item {
        width: calc(50% - 10px);
    }

    .comments__question-info {
        display: grid;
        grid-template-areas:
                "image author"
                "image text";
        grid-template-columns: 84px auto;
        margin-bottom: 22px;
    }

    .comments__question-image {
        grid-area: image;
        width: 64px;
        height: 64px;
        margin-right: 20px;
    }

    .comments__question-author {
        grid-area: author;
        width: max-content;
    }

    .comments__question-text {
        grid-area: text;
        margin-top: 0;
    }

    .comments__question .dropdown-form {
        position: relative;
    }

    .comments__question .dropdown-form__user-image {
        display: block;
        position: absolute;
        top: 15px;
        left: 15px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
    }

    .comments__question .dropdown-form__user-image + .dropdown-form__field {
        margin-left: 51px;
        padding-top: 10px;
    }

    .comments__question .dropdown-form__field {
        margin-top: 0;
    }

    .comments__question .dropdown-form__footer {
        margin-top: 0;
    }
}

@media (min-width: 1024px) {

    .comments__title--faq {
        margin-bottom: 15px;
    }

    .reviews-response {
        background-size: 250px 250px;
    }
}

@media (min-width: 1280px) {

    .comments__title {
        font-size: 22px;
        line-height: 33px;
    }

    .comments__button {
        font-size: 14px;
        line-height: 16px;
    }

    .comments__title--faq {
        margin-bottom: 16px;
    }
}