/* Slider navigation: circular translucent controls centered vertically. */
.hero[data-hero-slider] .hero-side-arrow{
 position:absolute!important;top:50%!important;bottom:auto!important;
 transform:translateY(-50%)!important;z-index:16!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:52px!important;height:52px!important;padding:0!important;
 border:1.5px solid rgba(255,255,255,.78)!important;border-radius:50%!important;
 background:rgba(18,10,40,.18)!important;color:#fff!important;
 font-size:38px!important;font-weight:400!important;line-height:1!important;
 text-shadow:none!important;box-shadow:0 3px 15px rgba(0,0,0,.12)!important;
 backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
 cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease!important;
}
.hero[data-hero-slider] .hero-side-prev{left:20px!important;right:auto!important}
.hero[data-hero-slider] .hero-side-next{right:20px!important;left:auto!important}
.hero[data-hero-slider] .hero-side-arrow:hover,
.hero[data-hero-slider] .hero-side-arrow:focus-visible{
 background:#ff681d!important;border-color:#ff8d48!important;color:#fff!important;
 box-shadow:0 0 0 4px rgba(255,104,29,.17),0 7px 22px rgba(255,104,29,.4)!important;
}
.hero[data-hero-slider] .hero-side-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){
 .hero[data-hero-slider] .hero-side-arrow{width:38px!important;height:38px!important;font-size:29px!important;background:rgba(18,10,40,.35)!important}
 .hero[data-hero-slider] .hero-side-prev{left:7px!important}
 .hero[data-hero-slider] .hero-side-next{right:7px!important}
}
@media(prefers-reduced-motion:reduce){.hero[data-hero-slider] .hero-side-arrow{transition:none!important}}