/* Страница «Контакты»: пары контактов, текстовые карточки, полоса с картой.
   Figma: Contact/pc 975:2189, Contact/mb 975:2218. Значения — из .design/spec/contact.md. */

/* последний блок страницы — полоса с картой, она стоит вплотную к футеру */
.au-page--contact {
  padding-bottom: 0;
}

/* Перенос идёт внутри чёрной части («Контакты» / «компании AUREN»), акцент
   продолжает вторую строку. Поэтому <br> общего hero выключен, а строку рвёт
   ширина блока: 316 = ширина узла 975:2223 (mb), на pc узел 975:2191 шириной 624,
   но в браузере «компании AUREN» набирается в 624.98 — на Inter v4 строка в 624
   не влезает (см. context/fonts.md). Тот же перенос даёт любая ширина от 625 до
   721 («Контакты компании»), берём середину: и запас на смену версии шрифта, и
   гарантия, что вторая строка не съедет */
.au-page--contact .au-h1 {
  max-width: 680px;
}

.au-page--contact .au-h1 br {
  display: none;
}

.au-page--contact .au-h1__accent::before {
  content: ' '; /* пробел вместо снятого переноса */
}

/* ─── Контакты ───────────────────────────────────────────────────────────
   Подписи 975:2197 / 975:2200 / 975:2201 стоят на x 96 / 605 / 1112: промежутки
   509 и 507 не равны, поэтому колонки заданы шириной, а не column-gap */

.au-contacts {
  margin-top: 72px; /* подписи y 576 при низе H1 504 */
}

/* Ниже 1920 макета нет: колонки сжимаются пропорционально макетным 509 / 507 / 616,
   иначе третья колонка с почтой уходит под обрез */
.au-contacts__grid {
  display: grid;
  grid-template-columns: minmax(0, 509fr) minmax(0, 507fr) minmax(0, 616fr);
  row-gap: 72px; /* строка 2 y 745 при низе строки 1 673 */
}

/* Порядок пар в DOM — как на mb (975:2229 WhatsApp, затем 975:2230 Telegram):
   там пары идут стопкой, и таб-порядок обязан совпадать с видимым.
   На pc макет ставит Telegram перед WhatsApp — это переворот только вида,
   пары стоят рядом в одной строке, поэтому расхождения с чтением не создаёт */
@media (min-width: 1024px) {
  .au-contacts__item:nth-child(4) {
    order: 5;
  }

  .au-contacts__item:nth-child(5) {
    order: 4;
  }
}

/* 975:2197: Inter Regular 24, Figma h 29, #000 @ 0.5 */
.au-contacts__label {
  font-size: 24px;
  line-height: 29px;
  color: var(--au-black);
  opacity: 0.5;
  white-space: nowrap;
}

/* 975:2192: Inter Regular 40, Figma h 48.
   Без nowrap: на pc значение и так в одну строку, а запрет переноса
   выносил почту за колонку, когда та сжимается ниже 1920.
   overflow-wrap — для почты: это одно слово без пробелов, и переносить
   его иначе нечем */
.au-contacts__value {
  margin-top: 20px; /* 625 − 605 */
  font-size: 40px;
  line-height: 48px;
  overflow-wrap: break-word;
}

/* 975:2193 / 975:2230 — единственное значение-ссылка в списке; телефоны и почта
   остаются чёрными за счёт a{color:inherit} из base.css */
.au-contacts__value--accent a {
  color: var(--au-link);
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* ─── Карточки ───────────────────────────────────────────────────────────
   975:2208 / 975:2212 (pc), 975:2234 / 975:2238 (mb). Заливка не задаётся:
   на mb сквозь карточку просвечивает свечение (244,246,248), а на pc фон
   страницы и так белый. Внутренние отступы на 1 меньше координат Figma —
   там они от внешнего края, а border-box считает от рамки */

.au-info-list {
  margin-top: 72px; /* карточки y 914 при низе контактов 842 */
}

/* Ниже 1920 макета нет: карточки делят ширину поровну, не превышая макетных 852,
   иначе вторая уходит под обрез страницы */
.au-info-list__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 852px));
  gap: 24px; /* карточка 2 на x 972 при правом крае карточки 1 948 */
}

.au-info {
  padding: 71px 47px; /* заголовок 48, 72 от внешнего края */
  border: 1px solid var(--au-hairline-dark);
  border-radius: 20px;
  overflow: hidden;
}

/* 975:2211: Inter Semi Bold 32, Figma h 39 */
.au-info__title {
  font-size: 32px;
  line-height: 39px;
}

/* 975:2209 / 975:2210: Inter Medium 16 / lh 23, #000 @ 0.7.
   Ширины — фиксированные текстовые боксы макета, они задают переносы */
.au-info__text {
  margin-top: 24px; /* абзац 2: 256 − 232 */
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  opacity: 0.7;
}

/* Ширины из макета заданы через max-width: ниже 1920 карточка сжимается,
   и фиксированная ширина выносила текст за её край */
.au-info__text--main {
  max-width: 607px;
  margin-top: 52px; /* 163 − 111 */
}

.au-info__text--note {
  max-width: 714px;
}

/* 975:2213 / 975:2240 — адрес идёт без прозрачности */
.au-info--legal .au-info__text--main {
  opacity: 1;
}

/* ─── Полоса с картой ────────────────────────────────────────────────────
   975:2202 / 975:2242. Полоса высотой 503, но на pc её последние 3px уходят под
   футер (1370 + 503 = 1873 при футере на 1870), поэтому обрезаем: картинка —
   инлайн-контент и иначе закрасила бы фон футера */

.au-map {
  position: relative;
  margin-top: 82px; /* полоса y 1370 при низе карточек 1288 */
  height: 500px;
  overflow: hidden;
}

.au-map__img {
  position: relative;
  left: 50%;
  width: 1920px;
  height: 503px;
  max-width: none; /* глобальный img{max-width:100%} сжал бы карту в узком окне */
  transform: translateX(-50%); /* margin:0 auto не центрирует бокс шире родителя:
     ниже 1920 картинка прижималась влево, а метка считается от центра полосы */
}

/* 975:2204: круг 104 на x 1063 — это фигура, поэтому CSS, а не ассет.
   Позиция считается от центра полосы: центр круга 1115 при центре полосы 960 */
.au-map__pin {
  position: absolute;
  left: calc(50% + 103px);
  top: 179px;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: var(--au-black);
}

/* 975:2205 — тот же светлый логотип, что в футере, уменьшенный до 76.909 × 19.828 */
.au-map__pin img {
  position: absolute;
  left: 14px;
  top: 42px;
  width: 76.909px;
  height: 19.828px;
}

/* ─── MB: 390px ──────────────────────────────────────────────────────────── */

@media (max-width: 1023px) {
  .au-page--contact .au-h1 {
    max-width: 316px;
  }

  .au-contacts__grid {
    grid-template-columns: 1fr;
    row-gap: 48px; /* пара 2 y 447 при низе пары 1 399 */
  }

  /* 975:2225: Inter Regular 18, Figma h 22 */
  .au-contacts__label {
    font-size: 18px;
    line-height: 22px;
  }

  /* 975:2224: Inter Regular 28, Figma h 34.
     nowrap только здесь: в mb-макете «AURENHELP@yandex.ru» шире колонки
     (323 при 286) и всё равно идёт одной строкой */
  .au-contacts__value {
    margin-top: 15px; /* 365 − 350 */
    font-size: 28px;
    line-height: 34px;
    white-space: nowrap;
  }



  .au-info-list__grid {
    grid-template-columns: 1fr; /* gap 24 остаётся: карточка 2 y 1390 при низе 1366 */
  }

  .au-info {
    padding: 35px 25px; /* заголовок 26, 36 от внешнего края */
  }

  /* 975:2235: Inter Semi Bold 28, Figma h 34 */
  .au-info__title {
    font-size: 28px;
    line-height: 34px;
  }

  .au-info__text--main {
    width: 281px;
    margin-top: 36px; /* 106 − 70 и 140 − 104 */
  }

  .au-info__text--note {
    width: 273px;
  }

  /* 975:2241 — в карточке адреса разрыв перед последним абзацем 36, а не 24:
     из-за него абзац стоит на том же y 268, что и в первой карточке, и высота
     карточки выходит 350 вместо 338 */
  .au-info--legal .au-info__text--note {
    margin-top: 36px;
  }

  .au-map {
    margin-top: 64px; /* полоса y 1804 при низе карточек 1740 */
    height: 503px;    /* на mb полоса кончается ровно на футере: 1804 + 503 = 2307 */
  }

  .au-map__img {
    width: 390px;
  }

  /* 975:2244: круг на x 108, центр 160 при центре полосы 195 */
  .au-map__pin {
    left: calc(50% - 87px);
    top: 148px;
  }
}