/* Главная страница и окно «Связаться»: раскладка окна поверх деталей
   дизайн-системы (ui.css). Значения цвета, размеров и теней - из
   tokens.css. Окно - <dialog>, подложка - ::backdrop. */

.contact {
  width: min(32rem, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  padding: var(--space-6);
  border: 0;
  border-radius: var(--radius-xl);
  background: var(--surface);
  color: var(--ink);
  box-shadow: var(--shadow-dialog);
  font-family: var(--font-sans);
  overflow: auto;
}

.contact::backdrop {
  background: var(--overlay);
}

.contact__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: 0;
}

/* Окно лежит вне .scr, поэтому отступы абзацев сбрасываются здесь */
.contact__form p {
  margin: 0;
}

.contact__title {
  margin: 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Кнопки MAX и Telegram: в одну строку, поровну */
.contact__messengers {
  display: flex;
  gap: var(--space-2);
}

.contact__messengers .ui-btn {
  flex: 1;
}

/* Поле-ловушка для ботов: человек его не видит и не достаёт табуляцией */
.contact__trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}