/* ===== kontakty (страница «Контакты») =====
   Карта, карточка адреса и кнопки навигаторов переиспользуют стили
   страницы «Как проехать» (page-route.css) — она подключается вместе с этим
   файлом. Здесь только то, что есть исключительно на «Контактах». */

.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.contact-card{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:20px;background:var(--bg);border:1px solid rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s,border-color .25s}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(16,24,16,.1);border-color:rgba(42,97,64,.35)}
.contact-card .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(42,97,64,.1);color:#2A6140}
.contact-card .card-kicker{margin:0}
.contact-card .v{font-family:var(--serif);font-size:22px;line-height:1.3;color:var(--ink);text-decoration:none;word-break:break-word}
a.contact-card .v,.contact-card a.v{transition:color .25s}
.contact-card a.v:hover{color:#2A6140}
.contact-card .n{margin:auto 0 0;font-size:13px;color:#7A807A;line-height:1.6}
.contact-card .msg-row{display:flex;flex-wrap:wrap;gap:10px}
.contact-card .msg-row a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:10px;border:1.5px solid rgba(42,97,64,.3);color:#2A6140;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;text-decoration:none;transition:background .25s,color .25s}
.contact-card .msg-row a:hover{background:#2A6140;color:#fff}

/* Реквизиты компании. */
.legal-list{margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-width:640px}
.legal-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 18px;border-radius:12px;transition:background .25s}
.legal-row:nth-child(odd){background:#F1F5F1}
.legal-row dt{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7A807A}
.legal-row dd{margin:0;font-size:15px;color:var(--ink);text-align:right}
.legal-links{display:flex;flex-wrap:wrap;gap:22px;margin:26px 0 0}
.legal-links a{font-size:13px;color:#2A6140;text-decoration:none;border-bottom:1px solid rgba(42,97,64,.3)}
.legal-links a:hover{border-bottom-color:#2A6140}

@media(max-width:1100px){
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .contact-grid{grid-template-columns:minmax(0,1fr)}
  .contact-card .v{font-size:20px}
  .legal-row{flex-direction:column;gap:6px}
  .legal-row dd{text-align:left}
}