/* site.css — базовые правила доступности и мобильная адаптация.
   Дизайн страниц задан inline-стилями; здесь только то, что inline сделать нельзя:
   media-запросы, защита от горизонтального скролла, фокус-стили, мобильная навигация. */

html { -webkit-text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: hidden; }

/* Видимый фокус для доступности и навигации с клавиатуры */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #2F5BFF;
  outline-offset: 2px;
}

img, svg { max-width: 100%; }

/* ---------- Планшеты ---------- */
@media (max-width: 820px) {
  /* прячем средние ссылки навигации на главной, оставляем логотип и CTA */
  .uc-navlinks { display: none !important; }
  /* фиксированная плашка «Связаться» мешает на узких экранах */
  .uc-plaque { display: none !important; }
  header nav { padding-left: 18px !important; padding-right: 18px !important; }
}

/* ---------- Телефоны ---------- */
@media (max-width: 600px) {
  /* уменьшаем большие вертикальные отступы секций (inline padding:NNNpx 0) */
  section[style] { padding-top: 56px !important; padding-bottom: 56px !important; }
  /* боковые поля контейнеров */
  [style*="padding:0 32px"] { padding-left: 18px !important; padding-right: 18px !important; }
  [style*="padding: 0 32px"] { padding-left: 18px !important; padding-right: 18px !important; }
  main[style] { padding-left: 18px !important; padding-right: 18px !important; }
  /* поля ввода 16px — чтобы iOS не зумил форму при фокусе; тач-таргеты */
  input, textarea, select { font-size: 16px !important; }
  /* карточка формы демо: меньше внутренних отступов */
  #lead-form-wrap, #lead-success { }
  /* cookie-баннер на всю ширину */
  #cookie-banner { left: 12px !important; right: 12px !important; max-width: none !important; }
  /* кнопка «наверх» ближе к краю */
  #backtotop-wrap > button { right: 16px !important; bottom: 16px !important; }
}

/* Уважение к prefers-reduced-motion: гасим декоративные анимации */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}