input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: auto;
    width: 1px;
    height: 1px;
    bottom: 0;
    left: 20px;
}
label {
    display: block;
    cursor: pointer;
    font-size: 15px;
}
h1 {
    text-align: center;
}
p.subtitle {
    font-size: 1.4em;
    margin-bottom: 0;
}
.review-gift {
    display: inline-block;
    background-color: #EF3239;
    color: #fff;
    padding: 10px 20px;
    margin: 14px 0;
    font-weight: 500;
}
.review-shop {
    margin-bottom: 40px;
}
.review-question {
    margin: 0 0 18px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 400;
}
.review-question.important {
    position: relative;
    display: inline-block;
}
.review-question.important::after {
    content: '*';
    position: absolute;
    top: 0;
    right: -10px;
    color: red;
}
.answer-list {
    display: flex;
    flex-direction: row;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 30px;
    margin-bottom: 36px;
    position: relative;
}
.answer {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
    line-height: 1.2;
}
.answer:hover {
    box-shadow: 2px 2px 6px 0px #dbdbdb;
}
.answer.icon {
    width: 150px;
    text-align: center;
    padding: 10px 5px;
    border-radius: 10px;
    border: 1px solid transparent;
}
.answer.icon img {
    width: 63px;
    height: 63px;
    margin-bottom: 16px;
}
input[type="radio"]:checked + .answer.very-bad-value,
.answer.very-bad-value:hover {
    background-color: #FF9B9B;
}
input[type="radio"]:checked + .answer.bad-value,
.answer.bad-value:hover {
    background-color: #FFB964;
}
input[type="radio"]:checked + .answer.middle-value,
.answer.middle-value:hover {
    background-color: #E5E5E5;
}
input[type="radio"]:checked + .answer.good-value,
.answer.good-value:hover {
    background-color: #FFF28F;
}
input[type="radio"]:checked + .answer.very-good-value,
.answer.very-good-value:hover {
    background-color: #C8FF84;
}
input[type="radio"]:checked + .answer.not-value {
    border: 1px solid #000;
}

.answer.text {
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #CFCFCF;
    min-width: 45px;
}
input[type="radio"]:checked + .answer.text,
input[type="radio"]:checked + .answer.category {
    border-color: #000;
}

.answer.category {
    width: 150px;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #CFCFCF;
    border-radius: 7px;
}
.answer.category img {
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
}
.textarea-question {
    margin-bottom: 8px;
}
textarea {
    width: 100%;
    max-width: 800px;
    border: 1px solid #CFCFCF;
    border-radius: 7px;
    font-family: inherit;
    box-sizing: border-box;
    padding: 12px 10px;
    margin-bottom: 16px;
}

.customer-title {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 20px;
}
.customer-title::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="black"/><path d="M11.6953 4.5C10.945 4.50031 10.2022 4.64878 9.50951 4.93691C8.81679 5.22503 8.1878 5.64712 7.65864 6.17896C7.12948 6.7108 6.71056 7.34191 6.42594 8.03607C6.14131 8.73023 5.99658 9.47376 6.00006 10.224C6.00006 14.1792 10.0801 17.8056 11.3353 18.7656C11.4406 18.8526 11.573 18.9002 11.7097 18.9002C11.8463 18.9002 11.9787 18.8526 12.0841 18.7656C13.3417 17.7768 17.3881 14.1792 17.3881 10.224C17.3915 9.47397 17.2469 8.73063 16.9624 8.03662C16.6779 7.34262 16.2592 6.71162 15.7303 6.17981C15.2014 5.648 14.5727 5.22586 13.8803 4.9376C13.1878 4.64933 12.4453 4.50062 11.6953 4.5ZM11.6953 12.5904C11.2206 12.5904 10.7566 12.4496 10.3619 12.1859C9.96721 11.9222 9.6596 11.5474 9.47795 11.1088C9.2963 10.6703 9.24877 10.1877 9.34138 9.72218C9.43398 9.25663 9.66256 8.82899 9.9982 8.49334C10.3339 8.1577 10.7615 7.92912 11.227 7.83652C11.6926 7.74391 12.1752 7.79144 12.6137 7.97309C13.0522 8.15474 13.4271 8.46235 13.6908 8.85703C13.9545 9.25171 14.0953 9.71573 14.0953 10.1904C14.0953 10.8269 13.8424 11.4374 13.3923 11.8875C12.9422 12.3375 12.3318 12.5904 11.6953 12.5904Z" fill="white"/></svg>');
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
}

.form-group {
    max-width: 500px;
    margin-bottom: 20px;
}
.form-control {
    height: 48px;
}
.popup-success {
    display: flex;
    gap: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 2px 2px 6px 0px #dbdbdb;
    align-items: center;
    font-weight: 400;
    font-size: 1.3em;
}
.popup-success img {
    width: 30px;
    height: 30px;
}
.popup-success p {
    margin: 0;
}
.wrap-socialka {
    display: none;
}
.error-text {
    color: red;
    font-weight: 500;
    font-size: 12px;
    display: none;
}
.answer-list .error-text {
    position: absolute;
    top: -25px;
    left: 0;
}
.answer-list.input-error .error-text,
.form-group.input-error .error-text {
    display: block;
}
.wrap-socialka__item {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .answer-list {
        justify-content: center;
    }
    .answer.icon {
        width: calc(50% - 10px);
    }
    .review-question {
        text-align: center;
    }
    .answer-list.input-error .error-text {
        left: 50%;
        transform: translateX(-50%);
    }
    .form-bottom {
        text-align: center;
    }
    .btn,
    .form-bottom .review-gift {
        width: 100%;
    }
}