/* Стили сайта woba.pro поверх инлайновой вёрстки страниц.
   Вёрстка пришла из прототипа со стилями прямо в атрибутах — здесь только то,
   что в атрибут не помещается: hover, состояния, формы и адаптив. */

/* ---------- Наведение (в прототипе было style-hover) ---------- */
.hv1:hover { background: #2A2D33; }
.hv2:hover { transform: translateY(-2px); }
.hv3:hover { background: #14161A; color: #F6F5F0; }

/* ---------- Переключатель периода оплаты на странице тарифов ---------- */
.billing-btn {
  border: none; cursor: pointer; border-radius: 99px; padding: 10px 20px;
  font-family: 'Golos Text', sans-serif; font-weight: 700; font-size: 14.5px;
  background: transparent; color: #55534A; transition: all .2s;
}
.billing-btn.on { background: #14161A; color: #F6F5F0; }

/* ---------- Формы: заявка и регистрация ---------- */
.lead-submit,
.form-submit {
  border: none; cursor: pointer; border-radius: 99px; padding: 15px;
  font-family: 'Golos Text', sans-serif; font-weight: 700; font-size: 16px;
  background: #14161A; color: #F6F5F0; transition: all .25s; width: 100%;
}
.lead-submit:hover:not(:disabled),
.form-submit:hover:not(:disabled) { background: #2A2D33; }
.lead-submit:disabled,
.form-submit:disabled { cursor: default; opacity: .75; }
.lead-submit.sent { background: #DCF7A6; color: #3A3D2A; }

.lead-status,
.form-status { margin: 10px 0 0; font-size: 14px; line-height: 1.5; }
.lead-status.err,
.form-status.err { color: #C0392B; }
.lead-status.ok,
.form-status.ok { color: #3A6B1F; }

.field { display: block; margin-bottom: 14px; }
.field > span { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #55534A; }
.field input,
.field select {
  width: 100%; border: 1px solid #DDDBCF; border-radius: 12px; padding: 13px 16px;
  font-size: 15px; background: #FBFAF6; outline: none; font-family: inherit; color: inherit;
}
.field input:focus,
.field select:focus { border-color: #14161A; }
.field .hint { display: block; font-size: 12.5px; color: #86846F; font-weight: 400; margin-top: 5px; }

/* ---------- Мобильные ---------- */
@media (max-width: 900px) {
  /* Сетки прототипа заданы инлайново в двух колонках — на телефоне схлопываем */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  h1 { font-size: 34px !important; line-height: 1.15 !important; }
  h2 { font-size: 27px !important; }
  header nav { display: none !important; }
  section > div { padding-left: 18px !important; padding-right: 18px !important; }
}
@media (max-width: 620px) {
  /* Таблица «канал × CRM» на узком экране прокручивается, а не ломает страницу */
  table { display: block; overflow-x: auto; white-space: nowrap; }
}