/* home.css - главная: интерактивность закрытых направлений и модальное окно. */
.home-tile--locked { cursor: pointer; }
.home-tile--locked:focus-visible {
  outline: var(--focus-width) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
}
.home-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: grid;
  place-items: center;
  padding: 20px;
  background: var(--overlay);
}
.home-modal {
  width: min(100%, 440px);
  max-height: min(720px, calc(100svh - 40px));
  overflow: auto;
  padding: 28px 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg);
  box-shadow: 0 24px 70px rgba(20,17,14,.22);
}
.home-modal h3 {
  margin: 0 0 10px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: var(--fs-h2);
  font-weight: var(--fw-semibold);
}
.home-modal > p {
  margin: 0 0 18px;
  color: var(--ink-2);
  font-size: var(--fs-body);
  line-height: 1.5;
}
.home-modal-field { display: grid; gap: 12px; }
.home-modal input[type="email"] {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--field-border);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}
.home-modal input[type="email"]:focus-visible,
.home-modal-consent input:focus-visible,
.home-modal button:focus-visible {
  outline: var(--focus-width) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
}
.home-modal-consent {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  color: var(--ink-2);
  font-size: var(--fs-small);
  line-height: 1.5;
  cursor: default;
}
.home-modal-consent input {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: var(--teal);
}/* Ревизия 6, 2026-08-07. Было: color:var(--teal) плюс подчеркивание со смещением 3px -
   собственный стиль, не совпадавший ни с футером, ни с cookie-баннером. Стало: ссылки
   несут класс text-link (home-grid.js), общее правило лежит в components.css. Правило
   ниже - страховка на случай ссылки без класса: те же теал и снятое подчеркивание,
   геометрию пилюли дает text-link. */

.home-modal-consent a { color: var(--teal); text-decoration: none; }
.home-modal-submit {
  min-height: 52px;
  padding: 12px 18px;
  border: 0;
  border-radius: 10px;
  background: var(--cta);
  color: var(--cta-ink);
  font: inherit;
  font-weight: var(--fw-bold);
  cursor: pointer;
}
.home-modal-submit:hover:not(:disabled) { background: var(--cta-press); }
.home-modal-submit:disabled { background: var(--disabled-bg); color: var(--disabled-ink); cursor: not-allowed; }
.home-modal-close {
  display: block;
  margin: 14px auto 0;
  padding: 6px 8px;
  border: 0;
  background: transparent;
  color: var(--teal);
  font: inherit;
  font-size: var(--fs-small);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}/* Ревизия 11: уведомление о проверке на робота - вместо скрытой плашки вендора. */

.home-modal-note { margin: 0; font-size: 12px; line-height: 1.45; color: var(--ink-3, var(--ink-2)); }
.home-modal-msg { margin: 0; font-size: var(--fs-small); line-height: 1.45; }
.home-modal-msg--ok { color: var(--ok); }
.home-modal-msg--err { color: var(--err); }
@media (max-width: 520px) { .home-modal { padding: 24px 20px; } }/* Якорь позиционирует заголовочный блок у верхнего края viewport.
   Дополнительный отступ здесь не нужен: шапка главной не должна оставлять
   пустую полосу над разделом после перехода по #directions. */

/* Ревизия 2026-08-17: было 0, потому что шапка главной уезжала со скроллом и
   перекрывать цель было нечем. С подключением site.js шапка после первого экрана
   закрепляется, и цель уходила под нее. Возвращаем общий отступ на высоту шапки:
   у блока заголовка своего верхнего отступа нет, вычитать нечего. */
#directions { scroll-margin-top: var(--header-h); }