/* Глобальное скругление углов по всему сайту.
   Подключается после main.css и перекрывает его; радиусы меняются здесь. */
:root {
    --r-block: 16px;   /* блоки, картинки, секции */
    --r-btn:   50px;   /* кнопки — «пилюля» */
    --r-field: 10px;   /* поля форм */
}

/* Блочные элементы: радиус виден только там, где есть фон, рамка или картинка,
   поэтому широкий список безопасен. */
div, section, article, aside, table, td, th,
img, video, iframe, blockquote {
    border-radius: var(--r-block) !important;
}

/* Кнопки и всё, что ведёт себя как кнопка. */
button,
input[type='submit'],
input[type='button'],
.button,
.button-form,
.button-border,
.btn-sds,
.to-quiz,
.js-popUP-button,
.slide-to-quiz,
.call-phone,
.telbox {
    border-radius: var(--r-btn) !important;
}

/* Выпадающие списки меню. Без overflow:hidden — иначе боковое
   подменю третьего уровня обрезалось бы. */
.menu-top_head .sub-menu {
    border-radius: 12px !important;
}

/* Поля форм. */
input[type='text'],
input[type='tel'],
input[type='email'],
input[type='number'],
textarea,
select {
    border-radius: var(--r-field) !important;
}

/* Чекбоксы остаются слегка скруглёнными, но не круглыми. */
input[type='checkbox'],
input[type='radio'] {
    border-radius: 4px !important;
}

/* Полноширинные полосы шапки и подвала не скругляем,
   чтобы по краям экрана не появлялись «выемки». */
.top-line_header,
.top-menu_box,
.head-site,
.footer-rap_site,
.wrap {
    border-radius: 0 !important;
}

/* Отключаем скругление для таблиц и их ячеек (th, td, tr) */
table, tr, td, th {
    border-radius: 0 !important;
}

/* Отключаем скругление для вкладок калькулятора */
.calc-tab, .calc-tabs {
    border-radius: 0 !important;
}

/* Выравнивание заголовка страницы с основным контентом и оформление H1 */
.main_page {
    max-width: 1100px;
    margin: 48px auto 24px;
    padding: 0 16px;
    box-sizing: border-box;
}
.main_page .h1 {
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #1a1a1a !important;
    margin: 0 0 20px 0 !important;
}
@media (max-width: 768px) {
    .main_page {
        margin: 32px auto 16px;
    }
    .main_page .h1 {
        font-size: 28px !important;
    }
}