/**************************/
/*COMMERNT */
/**************************/
.btn-submit {
    min-width: 110px;
}
#comments {
    margin-top: 40px;
}
.cform-title {
    margin-bottom: 24px;
}
#review_form_wrapper form,
#commentform {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    -moz-column-gap: 2.8rem;
    column-gap: 1.5rem;
    row-gap: min(2rem, 5vw);
}
.comment-notes,
#reviews > #review_form_wrapper #reply-title {
    display: none;
}
.comment-notes {
    display: none;
}
.form-submit,
.comment-form-comment,
.comment-form-mobile {
    grid-column: 1/-1;
}
.form-submit {
    justify-self: center;
}
.cat-parent {
    position: relative;
}
.comment_container {
    margin-bottom: clamp(1.5rem, 2vw, 2rem);
}
.commentlist .comment_container {
    margin: 24px 0 0;
    position: relative;
    background: #fff;
    border: 1px solid #F2F2F2;
    padding: 20px;
    border-radius: 24px;
    mask-image: url("../svg/comment.svg");
    -webkit-mask-image: url("../svg/comment.svg");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top;
    -webkit-mask-size: 100% 100%;
}
.byadmin.comment_container {
    background: #006E28;
}
.icon-reply {
    display: inline-block;
    width: 20px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='28' viewBox='0 0 20 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2173 10.7172C19.7054 10.2291 19.7054 9.4376 19.2173 8.94945L10.8839 0.616116C10.3958 0.127961 9.60431 0.127961 9.11616 0.616116L0.782825 8.94945C0.294669 9.43761 0.294669 10.2291 0.782825 10.7172C1.27098 11.2054 2.06244 11.2054 2.55059 10.7172L8.75004 4.51777L8.75004 18.1667C8.75004 19.3555 8.3831 21.1666 7.31896 22.6446C6.3007 24.0589 4.59264 25.25 1.66671 25.25C0.976353 25.25 0.416708 25.8096 0.416708 26.5C0.416708 27.1904 0.976353 27.75 1.66671 27.75C5.40744 27.75 7.86605 26.1634 9.34779 24.1054C10.7836 22.1111 11.25 19.7556 11.25 18.1667L11.25 4.51777L17.4495 10.7172C17.9376 11.2054 18.7291 11.2054 19.2173 10.7172Z' fill='%23DD282E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.head-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    margin-bottom: 20px;
}
.logo {
    display: flex;
}
.logo:before {
    content: "";
    background: url("../img/logo.svg") no-repeat;
    background-size: auto;
    width: 33px;
    height: 33px;
    background-size: contain;
    z-index: 1;
    line-height: 1;
    display: inline-block;
}
.byadmin.comment_container > .head-comment {
    color: var(--color1);
}
.byadmin > .comment_container .meta_comment {
    background-color: var(--c-primary);
}
.name_comment {
    font-size: 16px;
    font-family: var(--bold_font);
    color: #0B3B22;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.name_comment i {
    font-size: 17px;
    min-width: 28px;
    height: 28px;
    background: #0B3B22;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.name_comment i.logo {
    background: unset;
    min-width: 33px;
    display: inline-flex;
}
.byadmin.comment_container > .head-comment .name_comment {
    color: #fff;
}
.author_comment span {
    display: inline-block;
    margin-top: 1rem;
}
.woocommerce-noreviews {
    display: none;
}
.comment-form label {
    font-size: 17px;
    margin-bottom: 5px;
    display: block;
    line-height: 34px;
}
.text-comment {
    line-height: 2.5;
    padding-top: min(1rem, 3vw);
}
.time_comment {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--color1);
}
.byadmin.comment_container > .head-comment .time_comment {
    color: #fff;
}
.time_comment i {
    font-size: 17px;
    min-width: 28px;
    height: 28px;
    background: #0B3B22;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.byadmin.comment_container > .head-comment .time_comment i {
    color: #0B3B22;
    background: #fff;
}
.commentlist > ul.children {
    padding-left: min(5rem, 6vw);
    position: relative;
    margin-bottom: 2rem;
}
.item-comment.byadmin > .comment_container > .head-comment .time_comment {
    color: var(--color1);
}
.commentlist .comment_container:not(:first-child) {
    margin-top: 50px;
}
.commentlist .comment_container:not(:first-child)::before {
    border-top: 1px solid rgb(226, 226, 226);
    content: '';
    position: absolute;
    top: -27px;
    width: 100%;
    height: 1px;
    right: 0;
}
.comment-awaiting-moderation {
    color: var(--danger);
    text-align: center;
    display: block;
    background: #ffdee1;
    font-style: normal;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
    padding: 5px 0;
}
.text_comment.editor-content.main-content p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}
.comment-reply-link {
    color: var(--color2);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
    transition: 0.3s;
    margin-left: auto;
    width: max-content;
    font-family: var(--med_font);
    margin-top: 16px;
}
a.comment-reply-link:hover {
    color: var(--color3);
}
.byadmin.comment_container a.comment-reply-link {
    color: #fff;
}
.byadmin.comment_container a.comment-reply-link:hover {
    color: var(--color2);
}
.footer--comment {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.comment-reply-title {
    display: flex;
    gap: min(2rem, 3vw);
    background: #fff;
    border: 1px dashed var(--color3);
    border-radius: 10px;
    padding: 1rem 3rem 1rem 1rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
    font-size: 14px;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}
#cancel-comment-reply-link {
    background: var(--color3);
    padding: 0.5rem 2rem;
    color: #fafafa;
    border-radius: 8px;
    border: 1px solid var(--color3);
}
#cancel-comment-reply-link:hover {
    background: transparent;
    color: var(--color3);
}
.isreply {
    position: absolute;
    left: -90px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color1);
    font-size: 17px;
}
.must-log-in,
.woocommerce-verification-required {
    border: 1px solid var(--danger);
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 6rem;
    color: var(--danger);
}
.comment-form-comment,
.comment-form-email,
.comment-form-author {
    position: relative;
}
/* load more */
.editor-content.main-content.text-comment > * + * {
    margin: 0;
}
.woocommerce-review__verified.verified {
    background: var(--color3);
    font-size: 13px;
    border-radius: 16px;
    padding: 1px 1rem;
    margin-left: auto;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.woocommerce-review__verified.verified i {
    font-size: 16px;
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
    .commentlist .children li .isreply {
        left: -64px;
    }
}
/**************************/
/* ABOVE 992px */
/**************************/
@media (min-width: 62em) {
    .author-post-text {
        flex: 1;
    }
    .commentlist > .cat-parent > ul.children {
        padding-left: 110px;
    }
    .commentlist .children li .isreply {
        left: -64px;
    }
    .commentlist .comment_container {
        padding: 35px 38px;
    }
    .woocommerce-Reviews {
        max-width: 70%;
        margin: auto
    }
    .head-comment {
        margin-bottom: 20px;
    }
    #comments {
        margin-top: 80px;
    }
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
}
/**************************/
/* BELOW 1200px */
/**************************/
@media (max-width: 75em) {
}
/**************************/
/* BELOW 992px */
/**************************/
@media (max-width: 62em) {
}
/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 48em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (max-width: 35.99em) {
    .comment_container::before {
        top: 19px;
    }
    .commentlist > ul.children {
        padding-left: 2.7rem;
    }
    #review_form_wrapper form,
    #commentform {
        grid-template-columns: minmax(0, 1fr);
    }
    .isreply {
        left: -42px;
    }
}