/* rd-motion.css — движение сайта (решения Анны 06.10.2026): №5 выплывание блоков при прокрутке + лёгкий параллакс фото; №3 раздвижные панели в каруселях
   «Три направления» (podbor), «Как оплатить» (finansovye-instrumenty), «Три формата» (remont). Логика — rd-motion.js. prefers-reduced-motion — без движения.
   Строгие углы (radius 0), без золота, картинки приглушены. Тексты, фото, кнопки карточек не менять — только раскладка. */

/* ---------- №5: выплывание ---------- */
.rd-mv{opacity:0;transform:translate3d(0,32px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--mvd,0s)}
.rd-mv.rd-in{opacity:1;transform:none}
.rd-px{will-change:transform}
@media (prefers-reduced-motion:reduce){
  .rd-mv{opacity:1!important;transform:none!important;transition:none!important}
  .rd-px{transform:none!important}
}

/* ---------- №3: раздвижные панели (ПК и планшет, ≥768) ---------- */
@media (min-width:768px){
  html body .rd-acc-wrap .hcar-nav,html body .rd-acc-wrap .hcar-side{display:none!important}
  html body .hcar-track.rd-acc{display:flex!important;flex-direction:row!important;overflow:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;
    gap:clamp(10px,1vw,16px)!important;height:clamp(470px,42vw,540px)!important;align-items:stretch!important;scroll-behavior:auto!important;padding:0!important}
  html body .hcar-track.rd-acc .hcar-item{flex:1 1 0!important;min-width:0!important;position:relative!important;display:block!important;height:auto!important;
    overflow:hidden!important;background:#111!important;border:0!important;padding:0!important;cursor:pointer;transition:flex-grow .75s cubic-bezier(.2,.7,.2,1)!important;outline-offset:-3px}
  html body .hcar-track.rd-acc .hcar-item.rd-open{flex-grow:2.6!important}
  html body .hcar-track.rd-acc .hcar-item .hcar-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;transform:none!important;order:0!important}
  html body .hcar-track.rd-acc .hcar-item .hcar-caption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;display:block!important;
    padding:22px 24px 24px!important;background:transparent!important;color:#fff!important;z-index:2}
}


/* фото: приглушены (rd-calm.css бьёт по специфичности — перебиваем через :not(#rd-x)); у карточки из «пульта» фото лежит фоном .hcar-overlay — фильтр и ему */
html body .hcar-track.rd-acc .hcar-item img.hcar-img:not(#rd-x),html body .hcar-track.rd-acc .hcar-item .hcar-overlay:not(#rd-x){filter:saturate(.55) brightness(.78)!important;transition:filter .75s ease!important}
html body .hcar-track.rd-acc .hcar-item.rd-open img.hcar-img:not(#rd-x),html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-overlay:not(#rd-x){filter:saturate(.8) brightness(.96)!important}
html body .hcar-track.rd-acc .hcar-item .hcar-overlay{display:block!important;position:absolute!important;inset:0!important;pointer-events:none;background-color:transparent!important}
html body .hcar-track.rd-acc .hcar-item::before,html body .hcar-track.rd-acc .hcar-item::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
html body .hcar-track.rd-acc .hcar-item::before{background:linear-gradient(to top,rgba(12,12,12,.88) 0%,rgba(12,12,12,.42) 42%,rgba(12,12,12,0) 78%)}
html body .hcar-track.rd-acc .hcar-item::after{background:rgba(12,12,12,.3);opacity:0;transition:opacity .6s ease}
html body .hcar-track.rd-acc .hcar-item.rd-open::after{opacity:0}

/* ---------- общее: цвета и скрытие текста закрытой панели ---------- */
html body .hcar-track.rd-acc .hcar-item .hcar-num{color:rgba(255,255,255,.78)!important}
html body .hcar-track.rd-acc .hcar-item .hcar-title,html body .hcar-track.rd-acc .hcar-item .hcar-title *{color:#fff!important;min-height:0!important}
html body .hcar-track.rd-acc .hcar-item .hcar-title{overflow-wrap:anywhere;hyphens:auto}
@media (min-width:768px){html body .hcar-track.rd-acc.rd-acc-many .hcar-item .hcar-caption{padding:18px 16px 20px!important}html body .hcar-track.rd-acc.rd-acc-many .hcar-item .hcar-title{font-size:19px!important}}
html body .hcar-track.rd-acc .hcar-item .hcar-desc{display:block!important;-webkit-line-clamp:unset!important;min-height:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;
  margin:0!important;color:rgba(255,255,255,.92)!important;font-size:14px!important;line-height:1.55!important;transition:max-height .7s cubic-bezier(.2,.7,.2,1),opacity .4s ease,margin .7s!important}
html body .hcar-track.rd-acc .hcar-item .hcar-tags{min-height:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;margin:0!important;gap:6px;
  transition:max-height .7s cubic-bezier(.2,.7,.2,1),opacity .4s ease,margin .7s!important}
html body .hcar-track.rd-acc .hcar-item .hcar-tag{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:transparent!important}
html body .hcar-track.rd-acc .hcar-item .hcar-btn-req{width:auto!important;min-width:200px;max-height:0!important;height:42px!important;opacity:0!important;overflow:hidden!important;margin:0!important;
  padding:0 28px!important;background:#fff!important;color:#111!important;border:1px solid #fff!important;border-radius:0!important;pointer-events:none;
  transition:max-height .7s cubic-bezier(.2,.7,.2,1),opacity .4s ease,margin .7s,background .25s,color .25s!important}
html body .hcar-track.rd-acc .hcar-item .hcar-btn-req:hover{background:var(--pr1-amber,#D9803F)!important;border-color:var(--pr1-amber,#D9803F)!important;color:#fff!important}
html body .hcar-track.rd-acc .hcar-item .rd-esche{display:none!important}
/* открытая панель: полный текст */
html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-desc{max-height:260px!important;opacity:1!important;margin-top:12px!important;transition-delay:0s,.3s,0s!important}
html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-tags{max-height:150px!important;opacity:1!important;margin-top:14px!important;transition-delay:0s,.35s,0s!important}
html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-btn-req{max-height:44px!important;opacity:1!important;margin-top:16px!important;pointer-events:auto;transition-delay:0s,.4s,0s,0s,0s!important}

/* ---------- телефон (<768): раскрытие по касанию, одна панель, столбцом, без наложений ---------- */
@media (max-width:767px){
  html body .rd-acc-wrap .hcar-nav,html body .rd-acc-wrap .hcar-side,html body .rd-acc-wrap .hcar-hint{display:none!important}
  html body .hcar-track.rd-acc{display:flex!important;flex-direction:column!important;overflow:visible!important;width:100%!important;max-width:100%!important;margin:0!important;gap:10px!important;padding:0!important}
  html body .hcar-track.rd-acc .hcar-item{flex:none!important;width:100%!important;position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
    height:auto!important;min-height:150px!important;overflow:hidden!important;background:#111!important;border:0!important;padding:0!important;cursor:pointer;transition:min-height .6s cubic-bezier(.2,.7,.2,1)!important}
  html body .hcar-track.rd-acc .hcar-item.rd-open{min-height:260px!important}
  html body .hcar-track.rd-acc .hcar-item .hcar-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}
  html body .hcar-track.rd-acc .hcar-item.rd-open::after{background:rgba(12,12,12,.4);opacity:1}
  html body .hcar-track.rd-acc .hcar-item::before{background:linear-gradient(to top,rgba(12,12,12,.85) 0%,rgba(12,12,12,.5) 60%,rgba(12,12,12,.15) 100%)}
  html body .hcar-track.rd-acc .hcar-item .hcar-caption{position:relative!important;display:block!important;padding:18px!important;background:transparent!important;color:#fff!important;z-index:2}
  html body .hcar-track.rd-acc .hcar-item .hcar-desc{font-size:14px!important}
  html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-desc{max-height:400px!important}
  html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-tags{max-height:200px!important}
  html body .hcar-track.rd-acc .hcar-item .hcar-btn-req{display:flex!important;align-items:center;justify-content:center}
  html body .hcar-track.rd-acc .hcar-item.rd-open .hcar-btn-req{width:100%!important}
}
@media (prefers-reduced-motion:reduce){
  html body .hcar-track.rd-acc .hcar-item,html body .hcar-track.rd-acc .hcar-item *{transition:none!important}
}