/* Lehto Group — светлая тема витрины. Общая для лендинга и всех кирпичей.
   Приём: переопределяем цветовые CSS-переменные страниц на светлый Lehto-стиль
   (!important, т.к. у каждого кирпича свой :root), плюс стили шапки. */
:root{
  /* Витрина ВСЕГДА светлая: запрет авто-затемнения браузером (Chrome
     Android «автотёмная тема» перекрашивал страницы в сине-чёрное,
     боевой кейс 2026-07-23 — заголовок Подбора становился нечитаемым) */
  color-scheme: only light;

  --lehto-green:#3E7D28; --lehto-green-d:#2F6420; --lehto-orange:#E87E04;

  /* фоны → белый / светло-серый */
  --bg:#ffffff!important; --bg1:#ffffff!important; --bg2:#f5f6f7!important;
  --card:#f6f7f8!important; --panel:#f6f7f8!important;
  /* текст → тёмный */
  --text:#232324!important; --ink:#232324!important;
  --text2:#6b7280!important; --muted:#6b7280!important;
  /* границы */
  --border:#e4e5e8!important; --border-strong:#cfd2d6!important;
  /* акценты Lehto: основной — зелёный, вторичный — оранжевый */
  --accent:#3E7D28!important; --primary:#3E7D28!important; --warn:#E87E04!important;
}

html,body{ background:#ffffff!important; color:#232324!important; }
/* full-bleed шапки/футера использует 50vw — clip гасит возможный
   горизонтальный скролл из-за ширины скроллбара (clip не ломает sticky) */
html{ overflow-x:clip; }

/* Радио / чекбоксы / ползунки — зелёный акцент вместо браузерного синего */
input[type=radio], input[type=checkbox], input[type=range], progress{ accent-color:#3E7D28; }

/* Ссылки без собственного стиля страницы — зелёные Lehto,
   а не браузерный синий #0000EE */
a{ color:var(--lehto-green); }

/* Ссылки-карточки лендинга: светлая рамка, зелёный ховер */
a.card{ border-color:#e4e5e8!important; }
a.card:hover{ border-color:var(--lehto-green)!important; }

/* Шапка Lehto (вставляется скриптом) */
.lehto-header{
  background:#fff; border-bottom:1px solid #e4e5e8;
  position:sticky; top:0; z-index:1000;
}
/* Страницы, где max-width стоит на самом body: растянуть шапку/футер
   на всю ширину окна (стандартный приём calc(50% - 50vw)) */
.lehto-header.lehto-bleed{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  margin-bottom:24px;
}
.lehto-footer.lehto-bleed{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
.lehto-inner{
  max-width:900px; margin:0 auto; padding:12px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  flex-wrap:wrap; font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.lehto-logo{ font-size:20px; font-weight:800; text-decoration:none; letter-spacing:.2px; color:#232324; display:flex; align-items:center; }
.lehto-logo .l-green{ color:var(--lehto-green); }
.lehto-logo .l-orange{ color:var(--lehto-orange); }
.lehto-logo img{ height:40px; width:auto; display:block; }
.lehto-back{
  display:inline-block; padding:8px 16px; border-radius:8px; text-decoration:none;
  background:var(--lehto-green); color:#fff!important; font-size:14px; font-weight:600;
  border:1px solid var(--lehto-green); white-space:nowrap;
}
.lehto-back:hover{ background:var(--lehto-green-d); }

/* Футер обратной связи (вставляется скриптом) */
.lehto-footer{ border-top:1px solid #e4e5e8; margin-top:40px; background:#fff; }
.lehto-finner{
  max-width:900px; margin:0 auto; padding:16px 20px;
  font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:14px; color:#6b7280;
}
.lehto-footer a.lehto-mail{
  color:var(--lehto-green); font-weight:600; text-decoration:none;
  cursor:pointer;
}
/* Адрес рисуется CSS-ом из половинок в data-атрибутах — в тексте страницы
   и в DOM его нет (\0040 = @). Сборщики адресов по regex не находят. */
.lehto-footer a.lehto-mail::after{
  content: attr(data-u) "\0040" attr(data-d);
}
.lehto-footer a.lehto-mail:hover{ text-decoration:underline; }

/* Кнопка «Демо за N секунд» и модальный плеер (вставляются скриптом).
   Полный набор свойств: страницы кирпичей стилизуют button по тегу —
   класс должен перекрывать всё значимое. */
.lehto-demo-btn{
  display:inline-block; width:auto; margin:14px 0 4px; padding:9px 18px;
  background:#fff; color:var(--lehto-green);
  border:2px solid var(--lehto-green); border-radius:8px;
  font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:15px; font-weight:600; line-height:1.2; cursor:pointer;
}
.lehto-demo-btn:hover{ background:var(--lehto-green); color:#fff; }
.lehto-demo-overlay{
  position:fixed; inset:0; background:rgba(22,24,22,.65); z-index:100000;
  display:flex; align-items:center; justify-content:center; padding:24px;
}
.lehto-demo-box{
  position:relative; width:min(1100px,94vw); background:#000;
  border-radius:12px; box-shadow:0 18px 60px rgba(0,0,0,.5);
}
.lehto-demo-box video{ display:block; width:100%; border-radius:12px; }
.lehto-demo-close{
  position:absolute; top:-14px; right:-14px; width:34px; height:34px;
  padding:0; border:none; border-radius:50%; background:#fff; color:#232324;
  font-size:20px; line-height:1; cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.35); z-index:1;
}
.lehto-demo-close:hover{ background:var(--lehto-orange); color:#fff; }

/* Уточнение оффера в лид-блоке (вставляется скриптом): демо бесплатно,
   установка в контуре — по договорённости; вилка «кирпич / комплексно» */
.lehto-offer-note{
  margin:12px 0; padding:9px 14px;
  border-left:3px solid var(--lehto-orange);
  background:#fff7ef; border-radius:0 8px 8px 0;
  font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:13.5px; line-height:1.5; color:#232324;
}