/* Пояснение про Политику рядом с чекбоксом согласия.
   Приводим к тому же кеглю, что и подпись чекбокса, чтобы блок читался как одно целое. */
.checkbox-note,
.agree-note,
.connection-window__agree-note {
	margin-top: 6px;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #58595b;
}

.checkbox-note a,
.agree-note a,
.connection-window__agree-note a {
	color: inherit;
	text-decoration: underline;
}

/* Подвал: в main.min.css базовый шрифт задан селектором body.home, поэтому
   на внутренних страницах подвал наследовал Open Sans вместо MTS Sans.
   Приводим к виду главной страницы независимо от типа страницы. */
.main-footer {
	font-family: "MTS Sans", sans-serif;
}

.main-footer__contacts-item,
.main-footer__contacts-item a,
.main-footer__navigation a,
.main-footer a {
	font-family: inherit;
}

.main-footer__contacts-item {
	font-size: 14px;
}

.main-footer__navigation a {
	font-family: "MTS Sans Medium", sans-serif;
}

/* Плавающая панель заявки на мобильных.
   Было: bottom 44px (панель висела над низом, под ней просвечивал контент),
   прозрачный фон, кнопки вплотную к краям без скругления.
   Стало: цельная плашка, прижатая к низу, по образцу tarelka.pro.

   Селектор из трёх классов нужен, чтобы перебить .connect-btn{padding-top:0}
   и bottom из темы: её style.css подключается после этого файла.
   display не переопределяем — показом панели управляет тема. */
@media (max-width: 991px) {
	.col-btn.connect-btn.connect-mobile {
		bottom: 0;
		right: 0;
		width: 100%;
		box-sizing: border-box;
		gap: 8px;
		align-items: center;
		padding: 10px 16px;
		padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
		background: rgba(255, 255, 255, 0.96);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		border-top: 1px solid rgba(43, 47, 56, 0.08);
		-webkit-box-shadow: 0 -10px 30px rgba(40, 55, 120, 0.12);
		box-shadow: 0 -10px 30px rgba(40, 55, 120, 0.12);
		z-index: 900;
	}

	.col-btn.connect-btn.connect-mobile .modal-btn {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		height: 50px;
		border-radius: 12px;
	}

	.col-btn.connect-btn.connect-mobile .callme {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 56px;
		flex: 0 0 56px;
		width: 56px;
		height: 50px;
		border-radius: 12px;
	}
}

/* Тема задаёт панели bottom:44px через .main-header__bottom.sticky .col-btn
   (styles/menu.css, подключается через @import позже этого файла и потому
   выигрывает при равной специфичности). Повышаем специфичность, чтобы
   прижать панель к низу экрана. */
@media (max-width: 991px) {
	.main-header__bottom.sticky .col-btn.connect-btn.connect-mobile {
		bottom: 0;
		padding: 10px 16px;
		padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	}

	.main-header__bottom.sticky .col-btn.connect-btn.connect-mobile .modal-btn {
		height: 50px;
	}
}
