/* Start:/local/templates/welle/css/glavnaya.css?17899963009806*/
/* ═══════════════════════════════════════════════════════════════════════════════
 * ГЛАВНАЯ `/` — СТИЛИ ЭКРАНА. Подключается только на главной, из index.php
 * через SetAdditionalCSS — так же, как contacts.css, usloviya-raboty.css
 * и kak-eto-rabotaet.css у соседних экранов.
 *
 * ОТКУДА ВЗЯТО: inline-style замороженного эталона формы главной, редакция 5,
 * Design/etalony-zamorozhennye/glavnaya/Glavnaya_red5__2026-09-21_1426__sha256-
 * 8cd67af98ed459ea6b6192a80f59e2986790bd8156ae289453847e368a9404b2.html
 * Слово владельца 21.09.2026: «Редакцию 5 от 21.09.2026… Принимаю полностью.»
 *
 * ⛔ ЧЕГО ЗДЕСЬ НЕТ И БЫТЬ НЕ ДОЛЖНО: правил служебной панели сборки прототипа
 *    (класс sb, 1 832 байта в эталоне) — таблицы, сторожа и пояснения сборщика.
 *    К экрану они не относятся и в бой не едут.
 *
 * НА ЧЁМ НАПИСАНО: только на боевых дизайн-токенах шаблона. Сплошная проверка
 * перед пересадкой: все 25 использованных здесь переменных уже объявлены
 * в css/tokens/semantic.css (одна — --radius — ещё и в css/integration.css).
 * Своей палитры экран не заводит, новых токенов не вводит.
 *
 * 🔴 ОДНО ОТЛИЧИЕ ОТ ЭТАЛОНА, И ОНО НАЗВАНО ЗАРАНЕЕ: правило подписи в блоке
 *    «Чтобы вы не ошиблись» было написано на теге выделения, стало написано
 *    на заголовке третьего уровня. Четыре подписи подняты до h3 по требованию
 *    welle-seo, а правило прибивает UA-умолчания заголовка, чтобы рендер
 *    не сдвинулся ни на пиксель:
 *      · font-size задан явно и тот же, что был, — var(--text-base);
 *      · font-weight 700 — это то, что браузер даёт и старому тегу (bolder
 *        от 400), и заголовку (bold); значения совпадают;
 *      · margin:0 0 2px гасит UA-margin-block:1em заголовка и повторяет прежний
 *        нижний отступ 2px;
 *      · line-height не задаёт ни старое правило, ни новое — наследуется, как и был.
 *    ⛔ `font: inherit` НЕ применён намеренно: сокращённое свойство сбрасывает
 *       font-size на унаследованный, и совпадение держалось бы только на том,
 *       что никто в цепочке не задаёт размер. Прибито по образцу, который design
 *       уже сделал этажом выше в этом же файле — правило `.wt2-call h3`.
 *    Проверено сплошь перед правкой: глобального правила на заголовок третьего
 *    уровня нет ни в одном из четырёх CSS, подключаемых на `/` (primitives,
 *    semantic, styles, integration) — 0 вхождений. Кроме UA-умолчания
 *    вмешаться нечему.
 *
 * ⚠️ ПРАВКА ЛЮБОГО ЗНАЧЕНИЯ ЗДЕСЬ = ПРАВКА ПРИНЯТОЙ ФОРМЫ, то есть новая приёмка
 *    владельцем и новый отпечаток. Форма экрана заморожена; этот файл её исполняет,
 *    а не задаёт.
 * ═══════════════════════════════════════════════════════════════════════════════ */
/* ═══ НОВЫЕ ЗОНЫ ГЛАВНОЙ. Написано на БОЕВЫХ токенах шаблона, не на своей палитре. ═══ */
.wt2-lead{max-width:44rem;margin:0 auto var(--space-4);text-align:center;
 font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--foreground)}
.wt2-door{display:block;text-align:center;margin:0 0 var(--space-6)}
.wt2-door a{display:inline-flex;align-items:center;gap:var(--space-1_5);
 font-size:var(--text-base);font-weight:600;color:var(--primary);text-decoration:none;
 border-bottom:1px solid color-mix(in oklab,var(--primary) 35%,transparent);padding-bottom:2px}
.wt2-door a:hover{border-bottom-color:var(--primary)}
.wt2-door .wt2-arr{font-size:1.05em;line-height:1}
.wt2-sec{padding:var(--space-8) 0 var(--space-2)}
.wt2-sec--last{padding-bottom:var(--space-10)}
.wt2-h2{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:700;
 line-height:var(--leading-tight);color:var(--foreground);letter-spacing:-.012em}
.wt2-sub{margin:0 0 var(--space-5);font-size:var(--text-base);color:var(--muted-foreground);
 max-width:64ch}
.wt2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.wt2-card{display:flex;flex-direction:column;border:1px solid var(--border);
 border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4) var(--space-4);
 background:var(--card);text-decoration:none;text-align:center}
.wt2-card:hover{border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}
.wt2-card--arm{background:color-mix(in oklab,var(--primary) 3%,var(--card));
 border-color:color-mix(in oklab,var(--primary) 22%,var(--border))}
.wt2-sc{display:block;width:148px;height:111px;margin:0 auto var(--space-3);color:var(--foreground)}
.wt2-name{display:block;font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);
 color:var(--foreground)}
.wt2-yarus{display:block;margin-top:var(--space-1_5);font-size:var(--text-sm);
 line-height:var(--leading-normal);color:var(--muted-foreground)}
.wt2-slot{display:block;margin:var(--space-2) auto 0;width:66%;height:1px;
 border-bottom:1px dashed var(--border)}
.wt2-bridge{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
 flex-wrap:wrap;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}
.wt2-bridge p{margin:0;font-size:var(--text-sm);color:var(--muted-foreground);max-width:52ch}
.wt2-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;
 padding:0 var(--space-5);border-radius:var(--radius);background:var(--primary);
 color:var(--primary-foreground);text-decoration:none;font-size:var(--text-base);font-weight:600}
.wt2-btn b{font-weight:400;opacity:.75}
/* подбор по фото */
.wt2-pb{display:grid;grid-template-columns:1fr 24rem;gap:var(--space-6);align-items:start}
.wt2-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.wt2-pri{border:1px solid var(--border);border-radius:var(--radius-lg);
 padding:var(--space-4) var(--space-3);background:var(--card);text-align:center}
.wt2-pri .wt2-sc{width:136px;height:102px;margin-bottom:var(--space-2)}
.wt2-pri-n{display:block;font-size:var(--text-base);font-weight:600;color:var(--foreground)}
.wt2-pri-p{display:block;margin-top:var(--space-1);font-size:var(--text-sm);
 line-height:var(--leading-normal);color:var(--muted-foreground)}
.wt2-call{border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-5);
 background:var(--card)}
.wt2-call h3{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--foreground)}
.wt2-tel{display:block;margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:700;
 color:var(--foreground);text-decoration:none;letter-spacing:-.01em}
.wt2-msgs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}
.wt2-msg{display:inline-flex;align-items:center;gap:var(--space-1_5);min-height:44px;
 padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius);
 background:var(--background);color:var(--foreground);text-decoration:none;
 font-size:var(--text-sm);font-weight:600}
.wt2-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.wt2-mail{display:block;font-size:var(--text-base);color:var(--foreground);text-decoration:none}
.wt2-note{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);
 font-size:var(--text-sm);color:var(--muted-foreground)}
/* порядок работы */
.wt2-four{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.wt2-fact{border-left:2px solid color-mix(in oklab,var(--primary) 45%,var(--border));
 padding-left:var(--space-3)}
.wt2-fact h3{display:block;font-size:var(--text-base);color:var(--foreground);
 margin:0 0 2px;font-weight:700}
.wt2-fact span{display:block;font-size:var(--text-sm);line-height:var(--leading-normal);
 color:var(--muted-foreground)}
.wt2-prep{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted-foreground);opacity:.6}
@media (max-width:980px){
  .wt2-grid{grid-template-columns:repeat(2,1fr)}
  .wt2-pb{grid-template-columns:1fr}
  .wt2-four{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .wt2-grid{grid-template-columns:1fr}
  .wt2-three{grid-template-columns:1fr}
  .wt2-four{grid-template-columns:1fr}
  .wt2-sc{width:160px;height:120px}
}

/* End */
/* /local/templates/welle/css/glavnaya.css?17899963009806 */