/* Всплывающее окно формы обратной связи (Fancybox inline) */
.fancybox-content > .feedback-popup,
.feedback-popup {
    display: block;
    width: 760px;
    max-width: 100%;
    padding: 15px 5px;
}

.feedback-popup .main-form__btns {
    margin-top: 5px;
}

/* Прикрепление файла — отдельной строкой сверху, слева и справа пусто */
.feedback-popup__file {
    margin-bottom: 35px;
}

/* Чекбокс согласия + кнопка отправки на одной строке, отодвинуты ниже файла */
.feedback-popup__submit-row {
    margin-top: 0;
}

/* Кнопка отправки немного правее */
.feedback-popup__submit-col {
    text-align: right;
}

@media (max-width: 768px) {
    .feedback-popup {
        width: 100%;
        padding: 10px 0;
    }

    /* Textarea на строку выше (responsive.scss даёт 75px) и ближе к файлу
       (.main-form__area даёт margin-bottom:30px) */
    .feedback-popup .form textarea {
        height: 98px;
    }

    .feedback-popup .main-form__area {
        margin-bottom: 15px;
    }

    /*
     * Кольцо чекбокса и заливку держим единого размера на всём мобильном
     * диапазоне ≤768px (без скачка на 540px): иначе на ≤540px глобальный стиль
     * ужимает кольцо до 31px, а заливку оставляет 30px@left:7px → «овал».
     */
    .feedback-popup .checkbox label:before {
        width: 31px;
        height: 31px;
    }

    .feedback-popup .checkbox input:checked + label:after {
        width: 19px;
        height: 19px;
        left: 6px;
    }

    /*
     * Перебиваем правила footer-формы из responsive.scss (@media ≤575px),
     * которые цепляются к нашему попапу через общий класс .main-form__btns:
     *   .main-form__btns .checkbox label { padding-left:0; padding-top:45px }
     *   .main-form__btns .checkbox { margin:35px 0; margin-bottom:55px; text-align:center }
     * Специфичность там (0,2,1)/(0,2,0) равна нашей и выигрывает по порядку
     * загрузки, поэтому поднимаем свою префиксом .feedback-popup .main-form__btns
     * → (0,3,1)/(0,3,0). Побеждаем без !important.
     */
    .feedback-popup .main-form__btns .checkbox label {
        padding-left: 42px;
        padding-top: 0;
        line-height: 1.3;
    }

    /* Кнопку отправки отодвигаем ниже строки согласия */
    .feedback-popup .main-form__btns .checkbox {
        margin: 0 0 34px;
        text-align: left;
    }

    /* Файл выше от согласия (визуально ближе к textarea) */
    .feedback-popup .feedback-popup__file {
        margin-bottom: 30px;
    }
}