/* ===== "Контакты" — namespace .geo-kontakty-*. Тот же язык, что на
   остальных страницах: double-bezel карточки, единственный акцент
   var(--geo-blue)/var(--geo-accent), reveal через IntersectionObserver.
   Реальных фото руководителей нет — карточки людей с инициалами вместо
   фото (честно, не фабрикую фото реальных людей). */

.geo-page-contacts .main-wrapper {
  background: var(--geo-paper);
  overflow-x: clip;
}

.geo-kontakty-section {
  position: relative;
  padding: clamp(2.75rem, 5.5vw, 5rem) 0;
  overflow: hidden;
}
.geo-kontakty-section.is-dark { background: var(--geo-ink); color: #fff; }
.geo-kontakty-section.is-light { background: var(--geo-paper); color: var(--geo-ink); }
.geo-kontakty-section.is-light .geo-kontakty-body { color: rgba(6, 22, 38, 0.55); }

.geo-kontakty-glow {
  position: absolute; width: 42rem; height: 42rem; top: -16rem; right: -10rem;
  border-radius: 50%; filter: blur(90px);
  background: radial-gradient(circle, rgba(211, 231, 255, 0.16), transparent 70%);
  pointer-events: none;
}
.geo-kontakty-glow-a {
  width: 46rem; height: 46rem; top: -14rem; right: -10rem;
  filter: blur(80px); opacity: 0.5;
  background: radial-gradient(circle, rgba(211, 231, 255, 0.4), transparent 70%);
}
.geo-kontakty-glow-b {
  width: 34rem; height: 34rem; top: auto; right: auto; bottom: -12rem; left: -8rem;
  filter: blur(80px); opacity: 0.5;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 70%);
}
.geo-kontakty-dotgrid { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }

.geo-kontakty-eyebrow {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-size: 0.85rem; font-weight: 400; color: var(--geo-accent, #d3e7ff);
  margin-bottom: 1.4rem;
}
.geo-kontakty-eyebrow::before {
  content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%;
  background: var(--geo-accent, #d3e7ff); flex-shrink: 0;
}
.is-light .geo-kontakty-eyebrow { color: var(--geo-blue); }
.is-light .geo-kontakty-eyebrow::before { background: var(--geo-blue); }

.geo-kontakty-h1 { font-weight: 300; font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1.08; margin: 0 0 1.4rem; max-width: 46rem; }
.geo-kontakty-h2 { font-weight: 300; font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.1; margin: 0 0 1.6rem; max-width: 40rem; }
.geo-kontakty-lead { font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.6; max-width: 36rem; margin: 0 0 2.2rem; color: rgba(255, 255, 255, 0.78); }
.geo-kontakty-body { font-size: 1.02rem; line-height: 1.6; max-width: 44rem; margin: 0 0 1.2rem; }
.geo-kontakty-body:last-child { margin-bottom: 0; }

.geo-kontakty-hero { min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; }
.geo-kontakty-hero-inner { position: relative; z-index: 2; max-width: 46rem; }

[data-reveal] {
  opacity: 0; transform: translateY(28px); filter: blur(6px);
  transition: opacity 0.9s cubic-bezier(0.32, 0.72, 0, 1), transform 0.9s cubic-bezier(0.32, 0.72, 0, 1), filter 0.9s cubic-bezier(0.32, 0.72, 0, 1);
}
[data-reveal].is-in { opacity: 1; transform: translateY(0); filter: blur(0); }

/* ---------- buttons ---------- */
.geo-kontakty-btn {
  position: relative; display: inline-flex; align-items: center; gap: 0.75rem;
  padding: 0.4rem 0.4rem 0.4rem 1.6rem; border-radius: 999px;
  font-size: 0.94rem; font-weight: 600; text-decoration: none; border: none; cursor: pointer;
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
.geo-kontakty-btn-primary { background: var(--geo-accent, #d3e7ff); color: var(--geo-ink); padding-top: 0.9rem; padding-bottom: 0.9rem; }
.geo-kontakty-btn-primary .geo-kontakty-btn-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.1rem; height: 2.1rem; border-radius: 50%; background: rgba(6, 22, 38, 0.12);
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
.geo-kontakty-btn:hover { transform: scale(1.03) translateY(-2px); }
.geo-kontakty-btn-primary:hover .geo-kontakty-btn-icon { transform: translate(2px, -2px) scale(1.08); }

/* ---------- double-bezel shell + core ---------- */
.geo-kontakty-shell {
  position: relative; padding: 0.4rem; border-radius: 1.6rem;
  background: rgba(127, 127, 127, 0.05); border: 1px solid rgba(127, 127, 127, 0.12);
  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1), border-color 0.5s ease;
}
.is-dark .geo-kontakty-shell { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.12); }
.geo-kontakty-shell:hover { transform: translateY(-4px); border-color: rgba(211, 231, 255, 0.4); }
.geo-kontakty-core {
  position: relative; width: 100%; height: 100%; box-sizing: border-box;
  padding: 1.5rem 1.5rem 1.7rem; border-radius: calc(1.6rem - 0.4rem);
  background: var(--geo-paper); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
.is-dark .geo-kontakty-core { background: #0c2233; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.geo-kontakty-core h3 { margin: 0 0 0.3rem; font-size: 1.02rem; font-weight: 600; }
.geo-kontakty-core p { margin: 0; font-size: 0.92rem; line-height: 1.5; }
.is-light .geo-kontakty-core p { color: rgba(6, 22, 38, 0.6); }

.geo-kontakty-icon {
  display: flex; align-items: center; justify-content: center;
  width: 2.1rem; height: 2.1rem; margin-bottom: 0.9rem; border-radius: 0.55rem;
  background: rgba(211, 231, 255, 0.14); color: var(--geo-blue); flex-shrink: 0;
}
.geo-kontakty-icon svg { width: 1.15rem; height: 1.15rem; }

/* ---------- «Общие контакты» ---------- */
.geo-kontakty-info-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.1rem; }
.geo-kontakty-info-card a { color: inherit; text-decoration: none; }
.geo-kontakty-info-card a:hover { color: var(--geo-blue); }

/* ---------- «Руководители и специалисты» ---------- */
.geo-kontakty-people-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.geo-kontakty-avatar {
  display: flex; align-items: center; justify-content: center;
  width: 3.4rem; height: 3.4rem; border-radius: 50%; margin-bottom: 1rem;
  background: rgba(211, 231, 255, 0.16); color: var(--geo-blue);
  font-size: 1.1rem; font-weight: 700; flex-shrink: 0;
}
/* С фотографией кружок крупнее — по инициалам хватало 3.4rem, лицо в таком
   размере не читается. Кадрируем по верхней трети: лица на портретах выше
   центра, и обрезка по центру срезала бы их. */
.geo-kontakty-avatar.has-photo {
  width: 5.5rem;
  height: 5.5rem;
  overflow: hidden;
  background-color: rgba(211, 231, 255, 0.16);
  background-size: cover;
  background-position: center 22%;
  background-repeat: no-repeat;
}
.geo-kontakty-people-card h3 { font-size: 1rem; }
.geo-kontakty-people-role { margin: 0 0 0.7rem; font-size: 0.85rem; opacity: 0.65; }
.geo-kontakty-people-card a { display: inline-flex; font-size: 0.9rem; font-weight: 600; color: var(--geo-blue); text-decoration: none; }
.geo-kontakty-people-card a:hover { text-decoration: underline; }

/* ---------- карта ---------- */
.geo-kontakty-map-shell { max-width: 100%; }
.geo-kontakty-map-frame { aspect-ratio: 16 / 8; border-radius: calc(1.6rem - 0.4rem); overflow: hidden; }
.geo-kontakty-map-frame iframe { width: 100%; height: 100%; border: 0; display: block; }

/* ---------- final cta / form ---------- */
.geo-kontakty-cta-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
.geo-kontakty-cta-copy .geo-kontakty-h2 { color: #fff; }
.geo-kontakty-form-core { background: #0c2233; }
.geo-kontakty-form { display: flex; flex-direction: column; gap: 1rem; }
.geo-kontakty-form label { display: flex; flex-direction: column; gap: 0.45rem; font-size: 0.82rem; color: rgba(255, 255, 255, 0.62); }
.geo-kontakty-form input, .geo-kontakty-form textarea {
  font: inherit; padding: 0.75rem 0.9rem; border-radius: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.04);
  color: #fff; resize: vertical; transition: border-color 0.3s ease;
}
.geo-kontakty-form input:focus, .geo-kontakty-form textarea:focus { outline: none; border-color: var(--geo-accent, #d3e7ff); }
.geo-kontakty-form button { align-self: flex-start; margin-top: 0.3rem; }
.geo-kontakty-form-note { font-size: 0.74rem; color: rgba(255, 255, 255, 0.42); margin: 0; }
.geo-kontakty-form.is-sent .geo-kontakty-form-note { color: var(--geo-accent, #d3e7ff); font-size: 0.9rem; }
.geo-kontakty-form.is-sent label, .geo-kontakty-form.is-sent button { display: none; }

/* ---------- responsive ---------- */
@media (max-width: 991px) {
  .geo-kontakty-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .geo-kontakty-people-grid { grid-template-columns: 1fr; }
  .geo-kontakty-cta-form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .geo-kontakty-section { padding: 3.5rem 0; }
  .geo-kontakty-info-grid { grid-template-columns: 1fr; }
  .geo-kontakty-map-frame { aspect-ratio: 4 / 3; }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { transition: opacity 0.3s ease; transform: none !important; filter: none !important; }
  .geo-kontakty-shell, .geo-kontakty-btn { transition: none; }
}

/* ==========================================================================
   Реквизиты предприятия (#rekvizity)
   Раздел перенесён со страницы /requisites/ старого сайта: при переходе
   на компактную структуру из 8 страниц отдельной страницы реквизитов нет,
   но сами данные нужны тендерному отделу — живут здесь, на «Контактах».
   ========================================================================== */

.geo-rekv-lead {
  max-width: 72ch;
  margin: 0 0 clamp(1.25rem, 2.5vw, 1.85rem);
  line-height: 1.6;
}

.geo-rekv-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.geo-rekv-btn-ghost {
  background: transparent;
  border: 1px solid rgba(12, 34, 51, 0.28);
  color: inherit;
  text-decoration: none;
}

.geo-rekv-copy-status {
  font-size: 0.88rem;
  font-weight: 500;
  color: #1d7a4c;
}

.geo-rekv-copy-status[hidden] {
  display: none;
}

.geo-rekv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.6rem);
  align-items: stretch;
}

.geo-rekv-grid .geo-kontakty-shell,
.geo-rekv-grid .geo-kontakty-core {
  height: 100%;
}

.geo-rekv-card h3 {
  margin: 0 0 1rem;
  font-size: 1.08rem;
  font-weight: 600;
}

.geo-rekv-subhead {
  margin-top: 1.6rem !important;
}

.geo-rekv-list {
  margin: 0;
  display: grid;
  gap: 0.7rem;
}

.geo-rekv-list > div {
  display: grid;
  grid-template-columns: minmax(9rem, 34%) minmax(0, 1fr);
  gap: 0.5rem 1rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(12, 34, 51, 0.1);
}

.geo-rekv-list > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.geo-rekv-list dt {
  font-size: 0.86rem;
  line-height: 1.4;
  color: rgba(12, 34, 51, 0.6);
}

.geo-rekv-list dd {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.geo-rekv-list-compact > div {
  grid-template-columns: minmax(5rem, 26%) minmax(0, 1fr);
}

@media (max-width: 820px) {
  .geo-rekv-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .geo-rekv-list > div,
  .geo-rekv-list-compact > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.15rem;
  }

  .geo-rekv-actions .geo-kontakty-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Кнопки блока реквизитов были разной высоты: у «Скачать PDF/DOCX» не было
   тех же вертикальных полей и минимальной высоты, что у основной кнопки, —
   текст в ряду визуально «прыгал». Выравниваем все три по одной базе. */
.geo-rekv-actions .geo-kontakty-btn,
.geo-rekv-actions .geo-rekv-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.7rem 1.5rem;
  border-radius: 999px;
  font-size: 0.95rem;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
}

.geo-rekv-actions .geo-rekv-btn-ghost:hover {
  border-color: rgba(12, 34, 51, 0.5);
}

.geo-rekv-actions .geo-kontakty-btn:focus-visible,
.geo-rekv-actions .geo-rekv-btn-ghost:focus-visible {
  outline: 2px solid #0c2233;
  outline-offset: 3px;
}

/* Секции «Реквизиты» и «Как доехать» идут подряд и обе светлые, поэтому их
   вертикальные отступы складывались: 128px снизу + 128px сверху = 259px
   пустоты между карточками реквизитов и заголовком карты. Схлопываем стык
   в один отступ. Границы со ВСЕМИ тёмными секциями (hero, руководители,
   финальная форма) не трогаем — там смена фона сама держит ритм. */
.geo-kontakty-section.is-light + .geo-kontakty-section.is-light {
  padding-top: clamp(2.5rem, 4vw, 3.75rem);
}

#rekvizity {
  padding-bottom: clamp(2.5rem, 4vw, 3.75rem);
}