/* Мобильная версия: подключается после style.css, действует только на узких экранах. */
@media screen and (max-width: 900px) {
	html { -webkit-text-size-adjust: 100%; }
	body { margin: 0; font-size: 1em; }
	.container { width: auto; }
	.content { padding: 12px; }

	/* Шапка: ссылки в столбик-плитки вместо цепочки float: right */
	.bread { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
	.bread a.right {
		float: none; margin: 0 !important; order: 2;
		padding: 8px 10px; border: 1px solid #999; border-radius: 6px;
		text-decoration: none; background: #f4f4f4; font-size: .9em;
	}

	/* Плитки главного меню: по две в ряд */
	.block-menu { width: calc(50% - 8px); margin: 4px; padding: 14px 0; font-size: 1.05em; box-sizing: border-box; }
	.main .block-menu a { display: block; }
	.col3, .col4 { width: 50%; margin-bottom: 15px; }
	.col3 a, .col4 a { display: inline-block; padding: 4px 14px; }
	.menu li { float: none; display: inline-block; padding: 6px 10px; }

	/* Широкие таблицы листаются пальцем по горизонтали */
	table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.table_table { font-size: .85em; }
	th, td { padding: 4px 5px; }

	/* Поля форм: подпись над полем, поле во всю ширину; 16px — чтобы iPhone не увеличивал страницу */
	.docket, .docket200, #content .docket, .popup .docket { float: none; width: auto; margin-bottom: 3px; }
	input, select, textarea { font-size: 16px; max-width: 100%; box-sizing: border-box; }
	input[type="text"], input[type="number"], input[type="date"], input[type="email"], input[type="password"], select, textarea { width: 100%; }
	input[type="checkbox"], input[type="radio"] { width: auto; }
	.search { float: none !important; margin: 0 0 8px 0 !important; width: 100%; }
	[style*="min-width"] { min-width: 0 !important; }

	/* Всплывающие окна — на весь экран с прокруткой */
	.popup, .popup.h600, .popup.h700, .popup.wpreview {
		width: auto !important; height: auto !important;
		top: 0 !important; left: 0 !important; right: 0; bottom: 0;
		margin: 0 !important; overflow-y: auto; -webkit-overflow-scrolling: touch;
	}
	.popup_title { position: sticky; top: 0; background: #fff; z-index: 2; }
	.closer { padding: 0 8px; font-size: 1.3em; }
	.popup input[type="submit"], .login input[type="submit"] { width: 100%; padding: 12px; }

	.login { width: auto; margin: 20% 16px 0; padding: 20px; }
	.kv_dd { max-height: 50vh; }
	img { max-width: 100%; height: auto; }
}