.form-box_question {
    margin-bottom: 20px;
    padding-top: 58px;
    padding-bottom: 58px;
}

.form-box_question + .alert {
    margin-top: 10px;
    border-radius: 0
}

.form-box_question .form-box__field + .form-box__field {
    margin-top: 17px
}

.form-box_question .form-box__zbtn {
    margin-top: 20px
}

@media screen and (max-width: 800px) {
    .form-box_question .form-box__zbtn {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 801px) {
    .product-content__center {
        padding-top: 34px
    }
}


.question__head {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px
}

.question__title {
    padding-top: 5px
}

.question__heading {
    margin-bottom: 10px
}

@media screen and (max-width: 800px) {
    .question__heading {
        margin-bottom: 2px;
        padding: 5px 10px;
        min-height: 55px;
        background-color: var(--slideToggleHeaderColor);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .question__heading:not(.heading_big) {
        font-size: 10px;
        font-weight: 500
    }

    .question__heading .stIcn {
        margin-left: 12px
    }
}

@media screen and (max-width: 800px) {
    .question__body {
        padding: 12px 10px 19px
    }
}

@media screen and (max-width: 359px) {
    .question__body {
        padding-left: 0;
        padding-right: 0
    }
}

.question__body--inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (max-width: 1155px) {
    .question__body--inner {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media screen and (max-width: 1055px) {
    .question__body--inner {
        margin-left: 0;
        margin-right: 0
    }
}

.question__body--inner > * {
    margin-left: 20px;
    margin-right: 20px
}

@media screen and (max-width: 1155px) {
    .question__body--inner > * {
        margin-left: 5px;
        margin-right: 5px
    }
}

@media screen and (max-width: 1055px) {
    .question__body--inner > * {
        margin-left: 0;
        margin-right: 0
    }
}

.question__body--inner > *:last-child {
    flex-basis: calc(100% - 40px)
}

@media screen and (max-width: 1155px) {
    .question__body--inner > *:last-child {
        flex-basis: calc(100% - 10px)
    }
}

@media screen and (max-width: 1055px) {
    .question__body--inner > *:last-child {
        flex-basis: 100%
    }
}

.question__body--form {
    margin-top: 0px;
    max-width: 735px
}

.question__statistics {
    display: flex;
    flex-direction: column;
    flex-basis: calc(33.6% - 40px)
}

@media screen and (max-width: 1155px) {
    .question__statistics {
        flex-basis: calc(33.6% - 10px)
    }
}

@media screen and (max-width: 1055px) {
    .question__statistics {
        flex-basis: 100%;
        margin-bottom: 20px
    }
}

.question__statistics > * + * {
    margin-top: 10px
}

@media (min-width: 801px) {
    .question__statistics > * + * {
        margin-top: calc(10px + 22 * (100vw - 801px) / 484)
    }
}

@media (min-width: 1285px) {
    .question__statistics > * + * {
        margin-top: 32px
    }
}

.question__statistics--body {
    display: flex;
    flex-direction: column
}

.question__statistics--body > * + * {
    margin-top: 8px
}

.question__main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    flex-basis: calc((100% - 33.6%) - 40px)
}

@media screen and (max-width: 1155px) {
    .question__main {
        flex-basis: calc((100% - 33.6%) - 10px)
    }
}

@media screen and (max-width: 1055px) {
    .question__main {
        flex-basis: 100%
    }
}

.question__main--zbtn {
    margin-left: auto
}

@media screen and (max-width: 800px) {
    .question__main--zbtn {
        margin-right: auto
    }
}

.question__main--zbtn:not(:only-child) {
    margin-bottom: 10px
}

@media screen and (max-width: 800px) {
    .question__main--zbtn:not(:only-child) {
        margin-bottom: 20px
    }
}

.question__all > *:not(.elms) {
    border-top: 1px solid #979797
}

.question__all ~ .elms {
    margin-top: 15px
}

.question-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 801px) {
    .question-item {
        padding-top: calc(15px + 3 * (100vw - 801px) / 484);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}


@media (min-width: 1285px) {
    .question-item {
        padding-bottom: 23px
    }
}
.question-item .question-item__heading {
    font-size: 16px;;
    letter-spacing: -0.1px;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.question-item .question-item__heading > span {
    color: #fac2a5;
    font-weight: 500;
}
.question-item .question-item__heading > h3 {
    margin: 0 0 0 5px;
    font-size: 16px;
    font-weight: 500;
}


.question-item .question-item__vote, .question-item .question-item__body, .answer-item .answer-item__body {
    font-size: 12px;
    letter-spacing: -0.1px;
    line-height: 1.5
}

.question-item_main {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f6f6f6
}

@media (min-width: 801px) {
    .question-item_main {
        padding-left: calc(10px + 12 * (100vw - 801px) / 484);
        padding-right: calc(10px + 12 * (100vw - 801px) / 484)
    }
}

@media (min-width: 1285px) {
    .question-item_main {
        padding-left: 22px;
        padding-right: 22px
    }
}

.question-item_main .question-item__body {
    white-space: pre-line
}

.question-item__status {
    margin-bottom: 10px
}
.question-item__body, .answer-item__body {
    font-weight: 300;
    word-break: break-word;
    display: grid;
    grid-template-columns:100%;
    align-content: start;
    grid-gap: 10px;
    margin-left: 24px;
}
.answer-item__body {
    margin-left: 0px;
}

.answer-item__btn-helpful {
    padding: 4px 20px !important;
    min-height: 30px !important;
}

[data-form="question"] {
    display: none
}

.answer-item__message {
    font-size: 16px;
    letter-spacing: -0.1px;
    line-height: 1.5;
    font-weight: 300;
}
.answer-item__message > span {
    font-weight: 400;
    margin-right: 4px;
}
.answer-item {
    margin-top: 5px;
}
.answer-item__author {
    margin-left: 24px;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 25px;
}
