@import url("/assets/fonts/site-fonts.css");
/* Светлый контрастный шаблон (Анна 19.09: «оформление в тёмных тонах не соответствует новому шаблону»).
   Общий файл для внутренних страниц (с 19.09). Как главная: фон #E4E4E2, чёрный текст, чёрные кнопки, строгие углы. Полоса связи (#cta) — чёрная, для контраста. */
html body{background:#E4E4E2!important;color:#111!important}
body .page-hero, body section.section-block, body section.section-block.dark{background:#E4E4E2!important;color:#111!important;border-color:rgba(17,17,17,.12)!important}
body section.section-block.dark{background:#fff!important}
body .hero-h, body .section-h, body .hero-h *, body .section-h *:not(em){color:#111!important}
/* 19.09, свод контраста: #6b6862 давал 4,2–4,4:1 на фоне #E4E4E2 — чуть ниже
   нормы 4,5:1 (замер ZAMER_kontrasta_2026-09-19.json, finansovye-instrumenty
   и podbor). Тон тот же, что подтемнили на главной — потемнил и здесь. */
body .hero-h em, body .section-h em{color:#57544F!important}
body .hero-label, body .section-label{color:#57544F!important}
body .hero-desc, body .redev-desc, body .section-sub, body .p-step-desc, body p{color:#2b2b2b!important}
body .p-step{background:#fff!important;border-color:rgba(17,17,17,.14)!important;border-radius:0!important}
body .p-step-n{color:#6b6862!important} body .p-step-title{color:#111!important}
body .btn-g, body .hcar-btn-req{background:#111!important;color:#fff!important;border:1px solid #111!important;border-radius:0!important}
body .btn-g:hover, body .hcar-btn-req:hover{background:#F77737!important;border-color:#F77737!important}
body .btn-o{background:#fff!important;color:#111!important;border:1px solid #111!important;border-radius:0!important}
body .hcar-btn{background:#fff!important;color:#111!important;border:1px solid #111!important}
body .hcar-hint, body .rd-remont-podpis{color:#444!important}
/* карточки карусели: фото сверху, белая подпись снизу; на компьютере 4 в ряд */
body .hcar-item{background:#fff!important;border:1px solid rgba(17,17,17,.14)!important;border-radius:0!important;height:auto!important;display:flex!important;flex-direction:column!important}
body .hcar-item .hcar-img{position:static!important;height:200px!important;width:100%!important;object-fit:cover!important;transform:none!important}
body .hcar-item .hcar-overlay{display:none!important}
body .hcar-item .hcar-caption{position:static!important;padding:18px 18px 20px!important;background:#fff!important}
body .hcar-item .hcar-num{color:#6b6862!important}
body .hcar-item .hcar-title, body .hcar-item .hcar-title *{color:#111!important}
body .hcar-item .hcar-desc{max-height:none!important;opacity:1!important;margin-top:10px!important;color:#2b2b2b!important;font-size:14px!important;line-height:1.5!important}
body .hcar-item .hcar-tags{max-height:none!important;opacity:1!important;margin-top:12px!important}
body .hcar-item .hcar-tag{color:#111!important;border-color:#111!important;background:transparent!important}
body .hcar-item .hcar-btn-req{max-height:none!important;height:42px!important;opacity:1!important;margin-top:14px!important;width:100%!important}
body .hcar-side{display:none!important}
@media(min-width:768px){body .hcar-item{flex:0 0 clamp(250px,23vw,330px)!important}}
@media(max-width:767px){body .hcar-item{flex:0 0 82vw!important} body .hcar-item .hcar-img{height:190px!important}}
body .redev-list *, body .redev-grid *{border-color:rgba(17,17,17,.14)!important}

/* блок цифр на внутренних страницах убран словом Анны 19.09 («убрать лишний блок») */
body .stats-grid{display:none!important}
body .hcar-item{justify-content:flex-start!important;padding:0!important}
body .hcar-item .hcar-img{margin:0!important;top:auto!important;bottom:auto!important;inset:auto!important;order:-1!important;flex:none!important}
/* ПК (Анна 19.09): «весь текст может располагаться по ширине, не нужно переносить. Убрать лишние отступы, компактизировать» */
@media(min-width:768px){
 body .hero-h br, body .section-h br{display:none!important}
 body .hero-h{font-size:clamp(40px,4.2vw,60px)!important;line-height:1.08!important;margin-bottom:14px!important}
 body .section-h{font-size:clamp(28px,2.8vw,40px)!important;line-height:1.12!important}
 body .hero-desc, body .section-sub, body .redev-desc, body .hcar-head > div, body .page-hero > div{max-width:none!important}
 body .page-hero{padding-top:36px!important;padding-bottom:32px!important;min-height:0!important;grid-template-columns:1fr!important}
 body section.section-block{padding-top:40px!important;padding-bottom:40px!important}
 body .hcar-head{margin-bottom:18px!important}
 body .section-label{margin-bottom:10px!important}
 body #rd-faq{padding-top:32px!important;padding-bottom:32px!important}
 body #rd-faq .rd-faq-in{max-width:none!important}
}
@media(min-width:768px){ body .hero-h br + *::before, body .section-h br + em::before{content:" "} }
body .hcar-item .hcar-btn-req{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;line-height:1!important;box-sizing:border-box!important}
/* калькулятор — светлый, как на главной (чёрно-бело-серый) */
body section#calculator{background:#fff!important;padding-top:40px!important;padding-bottom:40px!important}
/* 19.09, свод контраста: rd-form.js сам красит .rdf-tool в #161616 (свой инлайн-стиль,
   строка «rdf-tool{background:#161616}») — тёмный ящик посреди белой секции, подписи
   полей нечитаемы (k=2,5). На главной уже чинили тем же приёмом (rd-tema-svetlaya.css),
   переношу сюда для остальных внутренних страниц с калькулятором. */
body #calculator .rdf-tool{background:#fff!important;border-color:#CFCFCC!important}
body #calculator #rd-form .rdf-h{color:#111!important}
body #calculator #rd-form .rdf-tag, body #calculator #rd-form .rdf-desc{color:#5b584f!important}
body #calculator #rd-form .rdf-h em{color:#6b6862!important}
body #calculator #rd-form > h2, body #calculator #rd-form > h3, body #calculator #rd-form .rdf-formhead h2, body #calculator #rd-form .rdf-formhead h3, body #calculator .rdf-wrap > h2, body #calculator .rdf-wrap > h3{color:#111!important}
body #calculator h2 em, body #calculator h3 em{color:#6b6862!important}
body #calculator .rdf-bridge, body #calculator .rdf-bridge div, body #calculator .rdf-bridge p, body #calculator .rdf-bridge span{color:#111!important}
body #calculator #rd-form .rdf-h2{color:#111!important}
body #calculator #rd-form .rdf-h2 em{color:#6b6862!important}
/* Карточки каруселей — одна высота, кнопки на одном уровне, описание в 3 строки + «Читать дальше» (Анна 19.09) */
body .hcar-track{align-items:stretch!important}
body .hcar-item .hcar-caption{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
body .hcar-item .hcar-title{min-height:2.3em!important}
body .hcar-item .hcar-desc{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:4.5em!important}
body .hcar-item.rd-otkryto .hcar-desc{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
body .hcar-item .rd-esche{align-self:flex-start;margin-top:6px;padding:0;background:none;border:0;color:#111;font:600 12px/1.4 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body .hcar-item .rd-esche-pusto{visibility:hidden}
body .hcar-item .hcar-tags{min-height:28px!important}
body .hcar-item .hcar-btn-req{margin-top:auto!important}
body .hcar-item .hcar-tags{margin-bottom:14px!important}
/* Калькулятор без золота (Анна 19.09: «оранжевый не сочетается с золотым — убирай золотой; кнопку чёрную с белым шрифтом; у банков вместо золотых иконок оранжевые») */
body #calculator .rdf-brank{border-color:#F77737!important;color:#F77737!important;background:transparent!important}
body #calculator .rdf-brow:first-child .rdf-brank, body #calculator .rdf-brank.on, body #calculator .rdf-brank[class*="top"]{background:#F77737!important;color:#fff!important}
body #calculator .rdf-brate{color:#F77737!important}
body #calculator .rdf-bridge{border-color:rgba(17,17,17,.14)!important;background:#fff!important}
body #calculator .rdf-bridge button, body #calculator .rdf-bridge a, body #calculator .rdf-bbtn{background:#111!important;color:#fff!important;border:1px solid #111!important;border-radius:0!important}
body #calculator .rdf-bridge button:hover, body #calculator .rdf-bridge a:hover, body #calculator .rdf-bbtn:hover{background:#F77737!important;border-color:#F77737!important}
body #calculator .rdf-tag{color:#6b6862!important}
body #calculator .rdf-proghint, body #calculator .rdf-csum{color:#bdb9ae!important}
body #calculator .rdf-cc, body #calculator .rdf-calc [style*="c9a"]{border-color:rgba(255,255,255,.18)!important}
/* золото убрано со всей внутренней страницы (Анна 19.09) */
body nav em, body header em, body .nav-logo em, body .footer-logo em{color:#bdb9ae!important}
body .rd-qc-wechat, body .rd-qc-wechat *{color:#fff!important;border-color:rgba(255,255,255,.45)!important}
body #calculator .rdf-proghint, body #calculator .rdf-proghint *{color:#bdb9ae!important}
/* ПК: блоки не растягивать на весь экран — центр, ширина калькулятора 640 px (Анна 19.09: «везде одна и та же ошибка… отцентруй, по размеру калькулятора ипотеки») */
@media(min-width:768px){
 body #rd-faq .rd-faq-in{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
 body [id^="cta"] .rd-qc-lead{width:auto!important;flex:0 0 auto!important;padding:0 28px!important}
 body [id^="cta"] .rd-qc-lead:last-child{grid-column:auto!important}
}
/* подвал — тёмный, как на главной (светлый стиль его обесцветил) */
body footer{background:#111!important;color:#bdb9ae!important}
body footer a, body footer *{color:#bdb9ae!important}
body footer em{color:#fff!important}
/* Список этапов справа (редевелопмент) — крупнее и контрастнее (Анна 19.09: «текст справа очень мелкий, его практически не видно») */
body .redev-item .redev-text, body .redev-item .redev-text *{color:#2b2b2b!important;font-size:17px!important;line-height:1.5!important}
body .redev-item .redev-text > :first-child, body .redev-item .redev-text strong, body .redev-item .redev-text b{color:#111!important;font-size:20px!important;font-weight:600!important;line-height:1.3!important}
body .redev-item .redev-arrow{color:#F77737!important;font-size:22px!important}
/* Шрифты нового шаблона — как на главной (Tenor Sans заголовки, Jost текст); описания темнее (Анна 19.09) */
body, body p, body .hero-desc, body .section-sub, body .hcar-desc, body .p-step-desc, body .redev-desc, body .redev-text, body #rd-faq, body .rd-faq-a, body button, body .btn-g, body .btn-o{font-family:'Jost',system-ui,sans-serif!important}
body h1, body h2, body h3, body .hero-h, body .section-h, body .hcar-title, body .p-step-title, body .rd-faq-h, body .redev-text strong{font-family:'Tenor Sans',Georgia,serif!important}
body .hero-desc, body .section-sub, body .redev-desc, body .hcar-desc, body .rd-faq-a, body p{color:#1f1f1f!important}
body .p-step-desc, body .redev-item .redev-text, body .redev-item .redev-text *:not(strong){color:#3a3a3a!important}
body .p-step-title{font-size:21px!important;line-height:1.3!important;color:#111!important}
body .p-step-desc{font-size:17px!important;line-height:1.5!important}
body .p-step-n{font-size:30px!important;color:#6b6862!important}
body p, body .hero-desc, body .section-sub, body .hcar-desc, body .p-step-desc, body .redev-desc, body .redev-text, body .rd-faq-a{font-weight:400!important}