/* hero-carousel v1: карусель из картинок в обложке */
.hero-car{overflow:hidden}
.hero-car .hc-s{position:absolute;inset:0;display:block;background:center/cover no-repeat}
.hero-car.p-top .hc-s{background-position:center top}
.hero-car.p-bot .hc-s{background-position:center bottom}
.hero-car[data-fx="fade"] .hc-s{opacity:0;transition:opacity .9s ease}
.hero-car[data-fx="fade"] .hc-s.on{opacity:1}
.hero-car[data-fx="slide"] .hc-s{transform:translateX(100%);transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.hero-car[data-fx="slide"] .hc-s.l{transform:translateX(-100%)}
.hero-car[data-fx="slide"] .hc-s.on{transform:none}
.hero-car.hc-nt .hc-s{transition:none!important}
@media(prefers-reduced-motion:reduce){.hero-car .hc-s{transition:none!important}}

/* стрелки и точки (поверх картинки на всю ширину экрана) */
.hero-ui{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:100vw;translate:-50% 0;pointer-events:none}
.hc-arrow{position:absolute;top:50%;translate:0 -50%;width:46px;height:46px;padding:0;border-radius:50%;pointer-events:auto;cursor:pointer;
  border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);backdrop-filter:blur(4px);transition:background .3s,transform .3s}
.hc-arrow.prev{left:clamp(10px,2vw,28px)}.hc-arrow.next{right:clamp(10px,2vw,28px)}
.hc-arrow:hover{background:rgba(var(--c1r),.8)}
.hc-arrow::before{content:"";position:absolute;inset:0;margin:auto;width:11px;height:11px;border:solid #fff;border-width:0 0 2px 2px;transform:translateX(3px) rotate(45deg)}
.hc-arrow.next::before{transform:translateX(-3px) rotate(-135deg)}
.hc-arrow:hover::before{border-color:var(--on1,#000)}
.hero-ui[data-nav="dots"] .hc-arrow{display:none}
@media(max-width:620px){.hc-arrow{width:38px;height:38px}}
.hc-dots{position:absolute;left:50%;bottom:clamp(12px,3vh,28px);translate:-50% 0;display:flex;pointer-events:auto}
.hc-dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;transition:width .35s}
.hc-dots button.on{width:38px}
.hc-dots button::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;translate:-50% -50%;border-radius:5px;
  background:rgba(255,255,255,.55);transition:width .35s,background .35s}
.hc-dots button.on::before{width:26px;background:var(--c1)}
.hc-dots button:hover::before{background:#fff}
.hc-dots button.on:hover::before{background:var(--c1)}
.hc-arrow:focus-visible,.hc-dots button:focus-visible{outline:2px solid var(--c1);outline-offset:2px}

/* редактор */
.cms .bn-slide{margin-top:8px;width:100%}