/* ЛОКАЛЬНЫЙ СЛОЙ — контакты. Слева колонка адресов, справа карта во всю
   высоту блока: адрес без карты читается, карта без адреса — нет. */
.zw-contacts__grid { display: grid; gap: 40px; margin-top: 0; }
.zw-contacts__col { display: flex; flex-direction: column; gap: var(--sp-5); }
.zw-contacts__head { display: flex; flex-direction: column; gap: var(--sp-3); }

.zw-contacts__city {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  align-items: flex-start;
  padding: var(--sp-5);
  background: var(--surface-raised);
}
.zw-contacts__name {
  font-family: var(--font-mono);
  font-size: var(--size-caption);
  letter-spacing: var(--tracking-caption);
  text-transform: uppercase;
  color: var(--ink-muted);
}
.zw-contacts__address { font-size: var(--size-body); font-weight: 600; line-height: 1.45; }
.zw-contacts__hours { font-family: var(--font-mono); font-size: 15px; color: var(--ink-body); }
.zw-contacts__mail { display: flex; flex-direction: column; }
.zw-contacts__mail a {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  font-weight: 600;
}
.zw-contacts__mail a:hover { color: var(--accent-ink); }

.zw-contacts__mapwrap {
  /* Карточка адреса и кнопки лежат не внутри карты, а рядом с ней,
     и у них z-index 600 — изоляция самой карты их не удерживала.
     Контекст наложения ставится на обёртку: всё, что относится
     к карте, замыкается внутри и не наезжает на подвал и плашку. */
  z-index: 0;
  isolation: isolate; position: relative; display: flex; flex-direction: column; }

@media (min-width: 1000px) { .zw-contacts__grid { grid-template-columns: 420px minmax(0, 1fr); } }