/* ============================================================
   Страница «О компании».

   Свёрстана на классах темы (`.page-about-company`, `.block`,
   `.wrap > .item`, `.big-number-group`, `.types`), поэтому своих
   стилей здесь минимум: только стыковка блоков, которых у темы
   в этом шаблоне не было, — карточек посёлков и красного CTA.

   Всё, что раньше жило в этом файле (собственные карточки, плитки
   результатов, сетка контактов, кикер), убрано вместе с разметкой:
   страница выглядела набором чужих компонентов рядом с остальным сайтом.
   ============================================================ */

/* Блок «Как устроен наш посёлок» — компонент .types с «Ипотеки».
   Тема описывает его раскладку в скоупе .page-mortgage, поэтому здесь
   повторяем те же значения, а не выдумываем свои. */
.page-about-company .types { display: flex; }
.page-about-company .types .item { width: 33.333%; margin-right: 150px; }
.page-about-company .types .item:last-child { margin-right: 0; }
.page-about-company .types .item .inner .img { margin-bottom: 15px; min-height: 44px; }
.page-about-company .types .item .inner .img .solt-ico { display: block; }
.page-about-company .types .item .inner h4 { margin-bottom: 15px; }

/* Карточки посёлков приходят из блока главной: убираем его собственные
   отступы, ритм здесь задаёт .block темы. */
.page-about-company .solt-villages { padding: 0; }
.page-about-company .solt-villages .solt-villages__list { margin: 0; }
.page-about-company .solt-villages .container { width: auto; max-width: none; padding: 0; }
.page-about-company .solt-villages .section-title { display: none; }

/* Красный CTA внутри .page-content уже стоит в потоке блоков —
   собственные 90px полей темы здесь дали бы двойной отступ. */
.page-about-company .section-search-help { padding: 0; }

@media (max-width: 991px) {
	.page-about-company .types { display: block; }
	.page-about-company .types .item { width: 100%; margin: 0 0 30px; }
}

@media (max-width: 767px) {
	.page-about-company .page-content .block .wrap { display: block; }
	.page-about-company .page-content .block .wrap .item { width: 100%; padding: 0; }
	.page-about-company .page-content .block .wrap .item + .item { margin-top: 30px; }
}

/* 1200 — брейкпойнт темы: на нём контейнер резко сужается. */
@media screen and (max-width: 1200px) {
	.page-about-company .types .item { margin-right: 60px; }
}