/* Лёгкий лифтинг cfr.ru (01.11.2026): подключается после Styles.css на страницах с общим
   шаблоном. Цвета, шапка и меню прежние; добавлены читаемый шрифт и вёрстка под телефон.
   /disser/ и /diplom/ — отдельные лендинги со своим дизайном, их это не касается. */

body {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background: #e9eef4;
}
#container {
	border: 0;
	box-shadow: 0 0 14px rgba(58, 79, 108, .12);
}
#footer { box-shadow: 0 0 14px rgba(58, 79, 108, .12); }

#content { color: #222; }
#content h1 { font-size: 24px; line-height: 1.25; color: #3A4F6C; margin-bottom: 6px; }
#content p { margin-bottom: 6px; }
#content a { color: #2a6fa8; }
#content a:hover { color: #5176B5; }
#content img { max-width: 100%; height: auto; }

/* Верхнее меню: «OnLine ЗАКАЗ / ЦЕНЫ» был выделен незакрытым <font color=green>,
   из-за которого зелёным становился весь текст страницы. */
#topMenu p a.menu-order:link, #topMenu p a.menu-order:visited { color: #2e8b2e; }
#topMenu p a.menu-order:hover { color: #5176B5; }

/* Левое меню */
.leftMenu { list-style: none; }
.leftMenu li { height: auto; line-height: 1.3; }
.leftMenu a {
	display: block;
	padding: 5px 6px;
	color: #2a6fa8;
	text-decoration: none;
}
.leftMenu a:hover { background: #e3eef8; color: #3A4F6C; }

/* ---------------- Телефоны и узкие окна ---------------- */
@media (max-width: 980px) {
	body { font-size: 15px; text-align: left; }
	#container {
		width: auto;
		min-height: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	#headwrapper { order: 1; height: auto; }
	#center { order: 2; }
	#left { order: 3; }
	#footer-empty { order: 4; height: 16px; }

	#header {
		height: auto;
		background-size: auto 100%;
		text-align: center;
	}
	#header #logo { float: none; display: block; margin: 0 auto; max-width: 100%; height: auto; }

	#topMenu { height: auto; background-size: 100% 100%; }
	#topMenu p { font-size: 14px; letter-spacing: 0; line-height: 1.5; padding: 6px 8px; }
	#topMenu p a { display: inline-block; padding: 4px 2px; }

	#center, #left, #navigation { float: none; width: auto; }
	#content { margin: 14px 14px 0; overflow-x: auto; }
	#content h1 { font-size: 21px; }
	#content table { max-width: none; }

	#navigation { margin: 16px 14px 0; }
	.Accordion { border-left: 0; overflow: visible !important; }
	.leftMenu { display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid #cccccc; }
	.leftMenu li { border-right: 1px dotted #cccccc; text-align: left; }
	.leftMenu a { padding: 8px 10px; }

	#footer { width: auto; height: auto; }
	#footer p { line-height: 1.4; padding: 8px; }

	/* Калькулятор: подписи над полями, поля крупнее (iOS не зумит от 16px) */
	#cfr-calc .calc-label,
	#cfr-calc .calc-row label.calc-label { display: block; width: auto; margin: 0 0 2px; }
	#cfr-calc .calc-row label { display: inline-block; margin: 2px 14px 2px 0; white-space: normal; }
	#cfr-calc select, #cfr-calc input[type=number] { font-size: 16px; width: 140px; }
	#cfr-calc .calc-sum td { display: block; padding: 0; }
	#cfr-calc .calc-sum tr { display: block; margin-bottom: 6px; }
}
