/* ЭМИНЕССА — блок «Преимущества работы с нами».

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

   Блок намеренно тихий и почти без цвета: выше идёт графитовая полоса акций,
   ниже — карта с контактами. Окалину бережём для кнопок и ссылок.
   Кромку окалины не ставим: в системе она уже в пяти местах. */

.front-advantages {
  background: #F2F4F6;
  background-image: none;   /* размытая фотография шаблона только мешала читать */
  padding: 54px 0 58px;
}

.adv-head { max-width: 760px; }

.adv-title {
  margin: 0;
  font-size: 32px;
  line-height: 38px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #1E232A;
}

.adv-lead {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #5C6773;
}

/* -------------------------------------------------- четыре колонки спецификации */
.adv-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #D7DDE4;
}

.adv-cols li {
  padding: 26px 32px 4px 0;
  border-left: 1px solid #D7DDE4;
}
.adv-cols li:first-child { border-left: 0; padding-left: 0; }
.adv-cols li + li { padding-left: 32px; }

/* заголовок держит две строки, даже если умещается в одну, — тогда пояснения
   во всех четырёх колонках начинаются на одной линии */
.adv-cols h3 {
  margin: 0;
  min-height: 48px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  letter-spacing: -.015em;
  color: #1E232A;
}

.adv-cols p {
  margin: 10px 0 0;
  font-size: 14.5px;
  line-height: 22px;
  color: #5C6773;
}

.adv-cols a {
  color: #B8321C;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(184, 50, 28, .35);
  white-space: nowrap;
}
.adv-cols a:hover { color: #96280F; border-bottom-color: #96280F; text-decoration: none; }
.adv-cols a:focus-visible { outline: 2px solid #B8321C; outline-offset: 3px; border-bottom-color: transparent; }

@media only screen and (max-width: 767px) {
  .front-advantages { padding: 32px 15px 36px; }
  .adv-title { font-size: 24px; line-height: 30px; }
  .adv-lead { margin-top: 12px; font-size: 15px; line-height: 24px; }

  /* колонки становятся строками, вертикальные линейки — горизонтальными */
  .adv-cols {
    grid-template-columns: 1fr;
    margin-top: 26px;
    border-top: 0;
  }
  .adv-cols li {
    padding: 18px 0;
    border-left: 0;
    border-top: 1px solid #D7DDE4;
  }
  .adv-cols li:first-child { border-top: 1px solid #D7DDE4; }
  .adv-cols li + li { padding-left: 0; }
  .adv-cols h3 { min-height: 0; font-size: 16.5px; line-height: 22px; }
  .adv-cols p { margin-top: 7px; font-size: 14px; line-height: 21px; }
}