/*!
 * mobile.css — точечные исправления вёрстки на узких экранах.
 *
 * Сайт свёрстан таблицами с фиксированными пикселями. Адаптация в media.css
 * рассчитана на ширины до 321px, а на обычном телефоне (360–430px) часть
 * страниц остаётся шире экрана: колонки стоят в ряд, и приходится
 * масштабировать страницу пальцами.
 *
 * Здесь только то, что мешает читать: колонки складываются в одну,
 * поля форм и карта вписываются в ширину экрана. Файл подключается
 * последним, поэтому правила перекрывают исходные без правки style.css.
 */

@media screen and (max-width: 767px) {

	/* Страница «Контакты»: текст и форма записи стоят в двух ячейках таблицы
	   шириной 323px каждая — вместе шире любого телефона. Складываем в колонку. */
	.text-cont,
	.form-cont,
	.lt2 {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Сама форма записи */
	.forma,
	table.forma {
		width: 100% !important;
		max-width: 100% !important;
	}

	.fma3 input,
	.fma3 textarea,
	.fma3 select {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Вложенная таблица с кнопкой отправки и чекбоксом согласия */
	.fma2 table,
	.fma3 table {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Карта */
	.lt1.map,
	#map {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Общая страховка: ни одна таблица и картинка не шире экрана */
	.text-cont table,
	.form-cont table {
		max-width: 100% !important;
	}
}