/* Start:/local/templates/shop/css/components/aniart__main.feedback__faq.css?17600931402804*/
.feedbeck-mobile {
    /*font-family: "IBM Plex Sans";*/
    font-size: 18px;
    font-weight: 600;
    line-height: calc(28 / 18);
    letter-spacing: -0.36px;
    padding: 16px var(--page-padding-x);
    margin: 0 calc(var(--page-padding-x) * -1);
    background: var(--color-bg);
    display: flex;
    align-items: center;
    grid-gap: 8px 16px;
    gap: 8px 16px;
}
.feedbeck-mobile__title {
    min-width: 1px;
    flex: 1 1 auto;
}
.feedbeck-mobile__buttons {
    flex: 0 0 auto;
}

.feedback-block {
    padding: 24px 32px;
    margin-bottom: 24px;
    background: #fff;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px;

    --wc-side-position-top: 100%;
    --wc-side-width: 100%;
    /*--wc-side-padding: 24px 16px;*/
    --wc-side-radius: 16px 16px 0 0;

    --wc-side-head-padding: 24px 16px 24px 16px;
    --wc-side-head-border: none;

    /*--wc-side-body-padding: 0 16px 24px 16px;*/
}
.feedback-block.is-activated {
    padding: 0;
    margin: 0;
    background: none;
}
.feedback-block:last-child {
    margin-bottom: 0;
}
.feedback-block__head {
    min-width: 1px;
    flex: 1 1 auto;
}
.feedback-block__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}
.feedback-block__body {
    min-width: 1px;
}
.feedback-block:where(.is-activated) .feedback-block {
    padding: 0;
    margin: 0;
}
.feedback-block:where(.is-activated) .feedback-block__title:before {
    content: '\00A0';
    width: 30px;
    float: right;
}

.faq-form {
    --button-font-size: 18px;
    --button-font-weight: 600;
    --button-line-height: calc(22 / 18);
    --button-letter-spacing: -0.18px;
}
.faq-form__body {
    display: grid;
    grid-gap: 24px;
    gap: 24px;
}
.faq-form .form-field {
    min-width: 1px;
}
.faq-form__foot {
    padding-top: 24px;
}
.feedback-block:where(.is-activated) .faq-form__body {
    padding: 0 16px;
}
.feedback-block:where(.is-activated) .faq-form__foot {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 24px 16px 24px 16px;
    background: #fff;
}

@media (min-width: 768px) {
    .feedbeck-mobile {
        display: none;
    }

    .feedback-block {
        margin-left: calc(var(--page-padding-x, 0) * -1);
        margin-right: calc(var(--page-padding-x, 0) * -1);
    }

    .faq-form__body {
        grid-template-columns: repeat(2, 1fr);
    }
    .faq-form .form-field {
        grid-column: 1 / -1;
    }
    .faq-form .form-field:where([data-code="name"], [data-code="email"]) {
        grid-column: auto;
    }
    .faq-form .form-field:where([data-code="message"]) {
        --textarea-height: 136px;
    }
}
/* End */
/* /local/templates/shop/css/components/aniart__main.feedback__faq.css?17600931402804 */