/* rd-calc.css — ипотечный калькулятор: единый вид на главной и на странице «Финансы, ипотека» (фон — приглушённое видео, банки столбиком, СТА-блок по центру).
   Логика расчёта — assets/rd-form.js. Разметка секции: <section id="calculator" class="rd-calc-vid"> + .rd-calc-bg с видео + #rd-form[data-calc]. */
@keyframes pr1Shine{0%{background-position:160% 0,0 0}60%,100%{background-position:-60% 0,0 0}}
@keyframes pr1Glow{0%,100%{box-shadow:0 0 8px rgba(217,128,63,.22),0 4px 12px rgba(20,19,17,.14)}50%{box-shadow:0 0 16px rgba(232,167,104,.34),0 5px 14px rgba(20,19,17,.16)}}
/* 03.10 (Анна): калькулятор целиком в один экран, фон — приглушённое видео (без звука, по кругу).
   Логика расчёта в /assets/rd-form.js не тронута — здесь только оформление. */
#calculator.rd-calc-vid{position:relative;overflow:hidden;isolation:isolate;padding:clamp(36px,6vh,64px) clamp(12px,4vw,60px)!important;min-height:clamp(700px,82vh,820px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#0D0D0D!important}
#calculator .rd-calc-bg{position:absolute;inset:0;z-index:-1;background:#0D0D0D}
#calculator .rd-calc-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.55) contrast(1.05)}
#calculator .rd-calc-bg::after{content:"";position:absolute;inset:0;background:rgba(13,13,13,.62)}
#calculator > div:not(.rd-calc-bg){width:100%;max-width:1180px!important;margin:0 auto!important}
#calculator .rdf-wrap{padding:28px 32px 30px;margin:0 auto;max-width:none;width:100%}
#calculator .rdf-calc{margin-bottom:0}
#calculator .rdf-tag{font-size:11px;margin-bottom:4px}
#calculator .rdf-h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.15;margin:0 0 6px;font-family:'Tenor Sans',Georgia,serif!important}
#site-content #calculator .rdf-h2 em,#calculator .rdf-h2 em{font-style:normal!important;font-family:'Tenor Sans',Georgia,serif!important;color:#141311!important;font-size:1em!important}
#calculator .rdf-desc{font-size:15px;line-height:1.5;margin:0 0 18px;font-family:'Jost',sans-serif}
#calculator .rdf-tool{padding:22px 24px 24px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:36px;align-items:start}
#calculator .rdf-tool>.rdf-field{grid-column:1}
#calculator .rdf-tool>.rdf-cresults{grid-column:2;grid-row:1/span 4;margin:0;background:#fff;border:1px solid #141311;padding:16px 18px;align-self:stretch;
  display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
#calculator .rdf-cresults>.rdf-csum{grid-column:1/-1;margin:0;padding-bottom:10px}
#calculator .rdf-cresults .rdf-brow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:10px 12px;border:1px solid #CFCFCC;background:#F4F4F3}
#calculator .rdf-cresults .rdf-brank{grid-row:1/span 2}
#calculator .rdf-cresults .rdf-bname{grid-column:2;grid-row:1;white-space:normal}
#calculator .rdf-cresults .rdf-brate{grid-column:2;grid-row:2;font-size:13px}
#calculator .rdf-cresults .rdf-bpay{grid-column:3;grid-row:1/span 2;font-weight:600;min-width:0;white-space:nowrap}
@media(min-width:768px){#calculator .rdf-bridge[style*="block"]{display:flex!important}}
#calculator .rdf-bridge{align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap;text-align:left;margin-top:16px;padding:16px 22px}
#calculator .rdf-bridge>*{margin:0}
#calculator .rdf-bridge .rdf-bbtn{flex:0 0 auto;white-space:nowrap}
@media(max-width:767px){
  #calculator.rd-calc-vid{min-height:0;padding:28px 12px!important}
  #calculator .rdf-wrap{padding:16px 14px 18px}
  #calculator .rdf-tool{display:block;padding:12px 12px 14px}
  #calculator .rdf-tool>.rdf-cresults{margin-top:12px;padding:12px;grid-template-columns:1fr}
  #calculator .rdf-bridge[style*="block"]{display:block!important;text-align:center}
  #calculator .rdf-bridge .rdf-bbtn{white-space:normal}
  #calculator .rdf-bridge>*{margin-bottom:8px}
}
#calculator .rdf-field{margin-bottom:6px}
#calculator .rdf-flab{font-size:14px;margin-bottom:0;display:flex!important;align-items:center;flex-wrap:wrap;gap:6px}
#calculator .rdf-flab input{font-size:15px!important}
#calculator .rdf-flab span{font-size:14px!important}
#calculator .rdf-flab+input{margin-top:4px}
#calculator .rdf-cbudget,#calculator .rdf-cdp,#calculator .rdf-cterm{margin-top:8px;margin-bottom:6px}
#calculator .rdf-progchips{gap:6px!important}
#calculator .rdf-pchip{padding:8px 12px;font-size:14px;min-height:38px}
#calculator .rdf-proghint{display:none}
#calculator .rdf-wrap input,#calculator .rdf-wrap button{border-radius:0!important}
#calculator .rdf-brate,#calculator .rdf-bpay{white-space:nowrap}
#calculator .rdf-bpay{min-width:0}
#calculator .rdf-cresults{min-height:0;font-size:14px;margin-top:6px}
#calculator .rdf-csum{font-size:14px;padding-bottom:6px;margin-bottom:2px}
#calculator .rdf-brow{padding:4px 0;gap:10px}
#calculator .rdf-brank{width:24px;height:24px;font-size:14px}
#calculator .rdf-bname,#calculator .rdf-brate,#calculator .rdf-bpay{font-size:14px}
#calculator .rdf-bridge{margin-top:8px;padding:10px 14px}
#calculator .rdf-bmsg{font-size:14px;line-height:1.35;margin-bottom:2px}
#calculator .rdf-bstat{font-size:14px;line-height:1.35;margin-bottom:8px}
#calculator .rdf-bbtn{padding:10px 20px;font-size:14px;min-height:40px}
@media(max-width:600px){
  #calculator .rdf-wrap{padding:12px 12px 14px}
  #calculator .rdf-tag,#calculator .rdf-desc{display:none}
  #calculator .rdf-tool{padding:8px 10px 10px}
  #calculator .rdf-pchip{padding:7px 9px}
  #calculator .rdf-bname{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#calculator .rd-calc-bg video{display:none}}
/* --- правки поверх (раскладка, видео, СТА-блок) --- */
html body #calculator .rdf-flab{flex-wrap:nowrap!important}
html body #calculator .rdf-flab>span:first-child{flex:1 1 auto;min-width:0}
html body #calculator .rdf-flab input,html body #calculator .rdf-flab .rdf-cdpv{flex:0 1 auto}
html body #calculator :is(.rdf-tag,.rdf-flab,.rdf-flab span,.rdf-cdpv,.rdf-pchip),html body #articles .btn-outline{font-family:'Jost','DM Sans',sans-serif!important}
/* ── Калькулятор: фоновое видео. Было: затемнение 62% + яркость 55% — движение не видно; при системной «уменьшенной анимации» видео скрывалось совсем. ── */
html body #calculator .rd-calc-bg video{display:block!important;filter:saturate(.7) brightness(.8) contrast(1.05)!important}
html body #calculator .rd-calc-bg::after{background:rgba(13,13,13,.34)!important}
/* ── Ипотечный калькулятор: раскладка узкого экрана и на ПК. Слева параметры, справа банки друг под другом; СТА-блок столбиком по центру ── */
html body #calculator .rdf-tool>.rdf-cresults{display:flex!important;flex-direction:column;gap:8px;grid-template-columns:none!important}
html body #calculator .rdf-cresults .rdf-brow{width:100%;box-sizing:border-box}
html body #calculator .rdf-cresults>.rdf-csum{margin-bottom:2px}
html body #calculator .rdf-bridge[style*="block"]{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
html body #calculator .rdf-bridge>*{margin:0}
html body #calculator .rdf-bq{font-family:'Tenor Sans','Playfair Display',Georgia,serif;font-size:clamp(22px,2vw,28px);font-weight:400;letter-spacing:.02em;color:#C06A30!important;text-transform:none}
html body #calculator .rdf-bmsg{font-size:17px}
html body #calculator .rdf-bbtn{margin-top:8px!important;min-height:52px;padding:0 32px!important;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%),linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;
  color:#000!important;font:600 14px/1 'Jost','DM Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;white-space:normal!important;
  animation:pr1Shine 3.6s ease-in-out infinite,pr1Glow 3.6s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){html body #calculator .rdf-bbtn{animation:none!important}}
html body #calculator .rdf-tool{align-content:start!important}
html body #calculator .rdf-bridge .rdf-bmsg,html body #calculator .rdf-bridge .rdf-bmsg b{color:#141311!important}
html body #site-content #calculator .rdf-bridge .rdf-bmsg,html body #site-content #calculator .rdf-bridge .rdf-bmsg b{color:#141311!important}
html body #site-content #calculator .rdf-tool{grid-template-rows:auto auto auto auto 1fr!important;align-content:start!important}
html body #site-content #calculator .rdf-tool>.rdf-cresults{grid-row:1/span 5!important}
@media(max-width:767px){html body #site-content #calculator .rdf-tool{grid-template-rows:none!important}}
@media(min-width:768px){html body #site-content #calculator .rdf-tool>.rdf-field{margin-bottom:34px!important}}
/* страницы со светлым стандартом (rd-vnutr-svetlo.css) сужали калькулятор до 640 px — здесь он такой же, как на главной */
html body #calculator .rdf-wrap{max-width:none!important;width:100%!important}
html body #calculator .rdf-brank,html body #calculator .rdf-brate{color:#141311!important;border-color:#141311!important}
html body #calculator .rdf-brate{color:#C06A30!important}
html body #calculator .rdf-brow:first-child .rdf-brank{background:#141311!important;color:#fff!important}

/* строка банка без предложения по выбранной программе: «ставка уточняется» (правка Анны 05.10, п.29: всегда три банка, цифры не выдумываем) */
#calculator .rdf-brow-na .rdf-brank{background:transparent;color:#8a8a88}
#calculator .rdf-brow-na .rdf-bname{color:#141311}
#calculator .rdf-brow-na .rdf-brate,#calculator .rdf-brow-na .rdf-bpay{color:#6a6a68;font-style:normal}