/* ВРЕМЕННЫЙ СЛУЖЕБНЫЙ CSS. Палитра, ритм, типографика и композиция — зона
   Design, и мы туда не заходим (`ТЗ лендингов/00-общее.md`). Здесь ровно
   столько, чтобы временные слоты были различимы глазом при локальном прогоне.
   Приедет макет — этот файл выбрасывается целиком. */

:root { --поле: 16px; }

body { margin: 0; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
       color: #14181d; background: #fff; padding-bottom: 72px; }

.блок { padding: var(--поле); border-bottom: 1px solid #e3e6ea; }
.блок h2 { font-size: 1.1rem; margin: 0 0 .5rem; }
[data-слот] { min-height: 40px; border: 1px dashed #b9c0c8; border-radius: 4px;
              padding: 8px; color: #6b7480; font-size: .85rem; }
[data-слот]::before { content: "слот: " attr(data-слот); }

.липкая { position: sticky; top: 0; background: #fff; display: flex;
          justify-content: space-between; align-items: center; z-index: 5; }
.логотип { font-weight: 700; }

/* Кнопка к фону своей секции — не ниже 3:1 (ТЗ). Тёмный тёплый под белым
   текстом берёт оба порога без подбора. */
.кнопка { display: inline-flex; align-items: center; justify-content: center;
          min-height: 48px; padding: 0 20px; border-radius: 6px;
          background: #8a3a12; color: #fff; text-decoration: none; border: 0;
          font: inherit; font-weight: 600; cursor: pointer; }

.телефон { color: #8a3a12; font-weight: 600; }

.липкая-низ { position: fixed; left: 0; right: 0; bottom: 0; display: flex;
              gap: 8px; padding: 8px; background: #fff;
              border-top: 1px solid #e3e6ea; }
.липкая-низ .кнопка { flex: 1; }

.форма { display: grid; gap: 12px; max-width: 480px; margin-top: 12px; }
.поле { display: grid; gap: 4px; }
.поле input[type="tel"], .поле input[type="text"] {
  min-height: 48px; padding: 0 12px; font: inherit;
  border: 1px solid #6b7480; border-radius: 6px; }
.поле.согласие { grid-template-columns: auto 1fr; align-items: start; gap: 8px; }
fieldset.поле { border: 1px solid #b9c0c8; border-radius: 6px; }
fieldset.поле label { display: block; min-height: 48px; line-height: 48px; }

.ошибка { color: #8a1212; margin: 0; font-size: .9rem; }
.итог { padding: 12px; border-radius: 6px; border: 1px solid #b9c0c8; }
.итог.принято { border-color: #1d6b2f; }
.итог.повтор  { border-color: #6b7480; }
.итог.не-ушло, .итог.отказ { border-color: #8a1212; }

.политика { max-width: 720px; margin: 0 auto; padding: var(--поле); }
.реквизиты { color: #4a525c; font-size: .85rem; }