/* v36-fix (общий для всех страниц): ширина текста, фон карточек, лейблы, отключение анимационного фона */

/* 1. Весь текст — на ширину контентной колонки, без узких колонок слева */
.wrap h1,.wrap h2,.wrap h3,.wrap h4,.wrap p,.wrap ul,.wrap ol,.wrap li,
.sub,.lead,.group-note,.journey-result,.journey-next p,.hero-reassurance,
.dir-hero h1,.dir-hero .journey-title,.site-care .lead,
#products .section-head,#products .section-head p,.section-head p,
.picker,#picker .picker{max-width:none!important}
/* исключения: узлы, где ограничение — часть раскладки */
.forge-stage p,.forge-stage li,.dir-card p,.dir-card li,.card p,.card li,
.home-proof-card p,.home-proof-card li,.price-row p,.price-row span{max-width:100%!important}

/* 2. Анимационный фон (сеть узлов на canvas) отключён */
.fx-canvas{display:none!important}

/* 3. Карточки — фиксированный тёмный тон, одинаковый с карточками продуктов */
#services{background:#080a0e!important}
.dir-card,.card,.step,.home-proof-card{
  background:linear-gradient(160deg,#151920,#0b0e13)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 34px 70px -50px rgba(0,0,0,.9)}
.home-proof-card{
  background:linear-gradient(160deg,#151920,#0b0e13)!important;
  border:1px solid rgba(255,255,255,.16)!important}

/* 4. Лейбл «что получите» — соразмерен строке результата */

/* 5. Подзаголовок направления — как «Каталог направления» (единый лейбл на всех страницах) */
.journey-category{font-family:var(--mono);font-size:11.5px;line-height:1.6;color:var(--accent);
  letter-spacing:.22em;text-transform:uppercase;margin:18px 0 12px}

/* 6. Блок цен — тот же фон и рамка, что у карточек */
.price-core,.price-grid,.pacc-body{
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.016))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 34px 70px -50px rgba(0,0,0,.9)}

/* 7. Поля формы — тёмный фон в тон карточек */
input[type=text],input[type=email],input[type=tel],input[type=search],textarea,select,
.lead-form input,.lead-form textarea{
  background:#0b0e13!important;
  border:1px solid rgba(255,255,255,.42)!important;
  color:var(--text)}
input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;background:#0d1117!important}

/* 8. Кнопка отправки формы — по центру */
.submit-row{display:flex;justify-content:center}

/* 9. Ссылки-переходы на странице направления — крупнее */
.journey-nav a{font-size:16px!important;line-height:1.5;text-underline-offset:6px}
.journey-nav{gap:14px 28px}

/* 10. Цвет подсветки страницы = цвет её карточки на главной */
body[data-page="auto"]{--fx-glow:94,233,208;--page-glow:94,233,208}
body[data-page="content"]{--fx-glow:127,180,255;--page-glow:127,180,255}
body[data-page="trading"]{--fx-glow:224,163,107;--page-glow:224,163,107}
body[data-page="works"]{--fx-glow:94,233,208;--page-glow:94,233,208}
body[data-page="guide"]{--fx-glow:94,233,208;--page-glow:94,233,208}
/* штатные зелёные пятна ауроры перекрашиваются в цвет страницы */
body[data-page] .fx-aurora .b1{background:rgba(var(--page-glow),.50)!important}
body[data-page] .fx-aurora .b2{background:rgba(var(--page-glow),.40)!important}
body[data-page] .fx-aurora .b3{background:rgba(var(--page-glow),.24)!important}
.dir-hero{position:relative;isolation:isolate;overflow:hidden}
.dir-hero::before{content:"";position:absolute;inset:-160px -12% auto -12%;height:760px;pointer-events:none;z-index:-1;
  background:
    radial-gradient(820px 400px at 20% -40px, rgba(var(--page-glow,94,233,208),1), transparent 70%),
    radial-gradient(1000px 460px at 80% 8%, rgba(var(--page-glow,94,233,208),.65), transparent 72%),
    radial-gradient(1400px 300px at 50% -60px, rgba(var(--page-glow,94,233,208),.42), transparent 76%)}
.dir-hero>*{position:relative;z-index:1}

/* 11. Лейбл «что получите» — вровень с текстом результата */
.journey-result>span{font-size:16px!important;letter-spacing:.01em}

/* 12. Стрелка у «На главную» — как у кнопки «Назад» */
.dir-back.backlink,.back.backlink{display:inline-flex;align-items:center;gap:8px}

/* 13. Доступность: границы полей и чекбокса — не ниже 3:1 (WCAG 1.4.11) */
.consent-row input[type=checkbox]{outline:1px solid rgba(255,255,255,.42);outline-offset:0}
/* микротекст журнала в hero — контраст не ниже 4.5:1 */
.forge-log .forge-num{color:#7a9e92}
/* клик-зона «Назад» до 44px */
.backlink{min-height:44px}
/* сообщение формы объявляется сразу */

/* 14. Уважение к настройке «меньше движения» */
@media (prefers-reduced-motion: reduce){
  .reveal{transition:none!important;transform:none!important;opacity:1!important}
  .dir-card,.home-proof-card,.btn{transition:none!important}
}
/* 15. Поле с ошибкой видно и без цвета */
input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#ff647d!important}

/* 16. Кому оказываем услуги и как принимаем оплату (подвал) */
.pay-strip{margin:26px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.10);
  display:flex;flex-direction:column;gap:14px}
.pay-who{display:flex;flex-wrap:wrap;gap:10px}
.pay-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  font:13px/1.4 var(--sans);color:var(--text)}
.pay-badge svg{width:18px;height:18px;color:var(--accent);flex:none}
.pay-ways{list-style:none;display:flex;flex-wrap:wrap;gap:10px 12px;margin:0;padding:0}
.pay-ways li{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  font:13px/1.4 var(--sans);color:var(--text)}
.pay-ico{display:inline-flex;color:var(--accent)}
.pay-ico svg{width:20px;height:20px;flex:none}
.pay-note{margin:0;font:13px/1.65 var(--sans);color:var(--muted);max-width:none}
@media(max-width:620px){.pay-ways li,.pay-badge{font-size:12px;padding:8px 11px}.pay-ico svg{width:18px;height:18px}}

/* 17. Элементы конструктора на automation — тот же тёмный тон, что у карточек */
.pk-opt,.bld-chip,.bld-out{
  background:linear-gradient(160deg,#151920,#0b0e13)!important;
  border:1px solid rgba(255,255,255,.16)!important}
.pk-opt[aria-pressed="true"],.pk-opt.is-on,.bld-chip[aria-pressed="true"]{
  border-color:color-mix(in srgb, var(--accent) 55%, transparent)!important;
  background:linear-gradient(160deg,#17211f,#0b1211)!important;
  color:var(--accent)!important}


/* 18. Прокрутка. В site.css:196 на html стоял scroll-behavior:smooth — Chrome анимировал
   КАЖДЫЙ щелчок колеса: страница почти секунду стояла и прыгала рывком, пользователь читал
   это как «сайт не листается». Отключено. Решение осознанное: прокрутка мгновенная ВЕЗДЕ,
   включая переходы по якорям и кнопку «наверх» — в этом Chromium CSS-свойство перебивает и
   явный behavior:'smooth' в JS, разделить не получается. Мгновенный переход функционально
   эквивалентен и мягче для тех, кому анимация мешает. */
html{scroll-behavior:auto}
/* site.css:1087 задаёт smooth через html:has(#top:target) — специфичность (1,1,1) против (0,0,1),
   поэтому при клике по логотипу и skip-link плавность возвращалась. Перебиваем тем же весом. */
html:has(#top:target){scroll-behavior:auto}