/* Страница «О компании» (20.09.2026).
   Карточки, сетку и цвета рисует custom_styles.css заказчика — здесь только то,
   чего там нет: подпись страны вместо флага-эмодзи и список ссылок внизу.

   Почему убрали флаги: в карточках брендов стояли 🇹🇷 🇨🇳 🇷🇺 🇯🇵. В Windows флаговых
   эмодзи нет вообще — система показывает на их месте пару букв («TR», «CN»), а у Reinwell
   вместо флага стояла бочка. Текстовая подпись читается везде одинаково и говорит больше.

   Селекторы длиннее авторских: custom_styles.css подключается в футере, после наших стилей. */

.companyPage .gridBlocks span.lmab-country {
	display: inline-block;
	margin: 0 0 12px;
	padding: 3px 10px;
	border: 1px solid var(--lm-line);
	border-radius: 20px;
	background: var(--lm-bg);
	color: var(--lm-muted);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.companyPage .gridBlocks h3 a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(0, 51, 107, .25); }
.companyPage .gridBlocks h3 a:hover { border-bottom-color: currentColor; }

/* Выход в остальные разделы: раньше страница не ссылалась ни на одну из них. */
.companyPage ul.lmab-links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 10px 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.companyPage ul.lmab-links li { margin: 0; padding: 0 0 0 18px; position: relative; line-height: 1.5; }
.companyPage ul.lmab-links li::before {
	/* content с !important: тема Aspro подставляет всем спискам в контенте
	   li::before { content: "—" }, и её правило специфичнее нашего. Фон и размер
	   от нас применялись, а содержимое оставалось темовым — рядом с кружком
	   вылезал серый дефис. */
	content: "" !important;
	position: absolute;
	left: 0;
	top: .62em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lm-acc);
}

@media (max-width: 640px) {
	.companyPage ul.lmab-links { gap: 8px; }
}

/* Ритм страницы: заголовок должен принадлежать тому, что под ним (22.09.2026).
   Замер до правки: между секциями 0 px, а под заголовком 30, 20, 40, 20, 20 —
   сорокапиксельный заголовок стоял вплотную к тексту предыдущего блока и всего
   в 20 px от своего. Глаз связывает его с тем, что выше, и страница читается
   как сплошная лента. Разводим: воздух перед заголовком заметно больше, чем после. */
.companyPage section + section { margin-top: 46px; }
.companyPage section > h2 { margin: 0 0 18px; }
/* И сам отступ под заголовком должен быть один. Исключение было одно: у сетки
   .gridBlocks своё верхнее поле 40 px, и оно специфичнее правила «первый элемент
   после заголовка». Первый заголовок страницы (45 px, отступ 30) не трогаем —
   он открывает страницу, ему положено больше воздуха. */
.companyPage section > h2 + * { margin-top: 0; }
.companyPage section > h2 + .gridBlocks { margin-top: 0; }
@media (max-width: 767px) {
	.companyPage section + section { margin-top: 32px; }
	.companyPage section > h2 { margin-bottom: 14px; }
}