.hero-slider,.hero-slider *,.hero-slider *:before,.hero-slider *:after{box-sizing:border-box}
.hero-slider{width:100%;position:relative;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.hero-slider .swiper-container{width:100%;overflow:hidden}
.hero-slider .swiper-slide{position:relative;overflow:hidden}
.hero-slider .swiper-slide img{display:block;width:100%;height:auto;transition:transform 8s linear}
@media(min-width:768px){
.hero-slider .swiper-container{height:{{ height|default('70vh') }};min-height:{{ height|default('420') }}px;max-height:{{ height|default('820') }}px}
.hero-slider .swiper-slide,.hero-slider .swiper-slide img{height:100%}
.hero-slider .swiper-slide img{object-fit:cover}
.hero-slider .swiper-slide-active img{transform:scale(1.03)}
}
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next{
position:absolute;
top:50%;
transform:translateY(-50%);
width:56px;
height:56px;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
background:none;
border:none;
opacity:0;
transition:opacity .2s ease;
color:#fff;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next{opacity:.75}
.hero-slider .swiper-button-prev:hover,
.hero-slider .swiper-button-next:hover{opacity:1}
.hero-slider .swiper-button-prev{left:16px}
.hero-slider .swiper-button-next{right:16px}
.hero-slider .swiper-button-prev:after,
.hero-slider .swiper-button-next:after{
margin:0!important;
width:56px;
height:56px;
display:flex;
align-items:center;
justify-content:center;
font-size:46px;
line-height:1;
text-shadow:0 2px 6px rgba(0,0,0,.7);
}
.hero-slider .swiper-pagination{display:none!important}
@media(max-width:767px){
.hero-slider{border-radius:10px}
.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next{display:none}
}