/* ============================================================
   Верх футера в стиле site2, но СВЕТЛЫЙ — бренд (лого+описание) +
   колонки навигации. Дополнение: существующий контент футера
   (контакты, соцсети, политики, окошко-дисклеймер, копирайт)
   не меняется, лежит ниже как есть.
   ============================================================ */
/* Фон футера — как в process1 (светлое матовое стекло) */
footer {
  background: rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  border-top: 1px solid #dfe3ec;
  position: relative; z-index: 2;
  margin-top: 50px;
}

.rk-ftr-top {
  max-width: 1200px; margin: 0 auto; padding: 56px 32px 40px;
  display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 40px;
  border-bottom: 1px solid #e6e9f0;
}
.rk-ftr-brand .rk-ftr-logo { height: 34px; width: auto; margin-bottom: 18px; }
.rk-ftr-brand p { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.6; color: #474b58; max-width: 320px; margin: 0; }
.rk-ftr-col h5 { font-family: 'Montserrat', sans-serif; color: #14161d; font-size: 13px; letter-spacing: .04em; font-weight: 700; text-transform: uppercase; margin: 0 0 16px; }
.rk-ftr-col a { display: block; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #474b58; text-decoration: none; padding: 6px 0; transition: color .18s; }
.rk-ftr-col a:hover { color: #000f9f; }

/* Инфо-колонки верхнего ряда (офис / контакты / режим) */
.rk-ftr-info p { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.9; color: #474b58; margin: 0; }
/* Ссылки-контакты — строчные: иначе наследуют .rk-ftr-col a { display:block; padding:6px 0 }
   и вместе с <br> дают двойной отступ (~59px между строками). */
.rk-ftr-info p a { display: inline; padding: 0; color: #474b58; text-decoration: none; transition: color .18s; }
.rk-ftr-info p a:hover { color: #000f9f; }
/* Город в адресе офиса — чуть жирнее остального текста */
.rk-ftr-city { font-weight: 600; }

/* Ряд соцсетей — по контейнеру 1200, слева, с разделителем */
.rk-ftr-social { max-width: 1200px; margin: 0 auto; padding: 22px 32px; border-bottom: 1px solid #e6e9f0; }
/* Соцсети — слева, как было */
.rk-ftr-social .contacts { width: 100%; max-width: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px 12px; }
.rk-ftr-social .contacts div { margin: 0; }
/* Кнопки-пилюли (как в новой версии сайта, в нашем светлом стиле) */
.rk-ftr-social .contact-link {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Montserrat', sans-serif; font-weight: 600;
  font-size: 12.5px; letter-spacing: .02em;
  padding: 8px 14px; border-radius: 999px;
  border: 1px solid #d7dbe6; background: rgba(20,34,61,.04);
  color: #474b58; transition: .18s; white-space: nowrap;
}
.rk-ftr-social .contact-link:hover {
  color: #000f9f; background: rgba(0,15,159,.06);
  border-color: rgba(0,15,159,.25); transform: translateY(-2px); opacity: 1;
}
.rk-ftr-social .contact-icon { width: 16px; height: 16px; margin-right: 0; }

/* Ряд навигации — 3 колонки */
.rk-ftr-nav {
  max-width: 1200px; margin: 0 auto; padding: 36px 32px 40px;
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px;
  border-bottom: 1px solid #e6e9f0;
}

@media (max-width: 860px) {
  .rk-ftr-top { grid-template-columns: 1fr 1fr; gap: 30px; }
  .rk-ftr-nav { grid-template-columns: 1fr 1fr; gap: 30px; }
}
@media (max-width: 520px) {
  .rk-ftr-top { grid-template-columns: 1fr; }
  .rk-ftr-nav { grid-template-columns: 1fr; }
}

/* Единые боковые отступы футера на ВСЕХ страницах: контент 1200 с отступом 20px
   на узких экранах и вровень 1200 на широких. Раньше это было только на главной
   (в index.html), поэтому в разделах футер выглядел иначе. Правит только сам
   футер — контент страниц не трогает. */
footer .rk-ftr-top, footer .rk-ftr-social, footer .rk-ftr-nav,
footer .footer-conteiner, footer .politika {
  max-width: 1200px;
  padding-inline: 0;
}
@media (max-width: 1240px) {
  footer .rk-ftr-top, footer .rk-ftr-social, footer .rk-ftr-nav,
  footer .footer-conteiner, footer .politika {
    padding-inline: 20px;
  }
}