.fcs-slider{
position:relative;
width:var(--fcs-width-desktop,100%);
max-width:100%;
margin-left:auto;
margin-right:auto;
height:var(--fcs-height-desktop,460px);
overflow:hidden;
border-radius:12px;
background:#f4f4f4;
}

.fcs-slider.fcs-full-width{
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
}

.fcs-track,
.fcs-slide,
.fcs-slide a{
width:100%;
height:100%;
}

.fcs-slide{
position:absolute;
inset:0;
opacity:0;
visibility:hidden;
transition:opacity .55s ease;
}

.fcs-slide.is-active{
opacity:1;
visibility:visible;
z-index:1;
}

.fcs-slide img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.fcs-auto-height .fcs-slide img{
height:100%;
object-fit:contain;
}

.fcs-slide a{
display:block;
}

.fcs-arrow{
position:absolute;
z-index:5;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border:0;
border-radius:50%;
background:rgba(0,0,0,.5);
color:#fff;
font-size:34px;
cursor:pointer;
}

.fcs-prev{left:14px}
.fcs-next{right:14px}

.fcs-dots{
position:absolute;
z-index:5;
left:50%;
bottom:14px;
transform:translateX(-50%);
display:flex;
gap:8px;
}

.fcs-dots button{
width:10px;
height:10px;
padding:0;
border:0;
border-radius:50%;
background:rgba(255,255,255,.55);
}

.fcs-dots button.is-active{
background:#fff;
transform:scale(1.2);
}

@media(max-width:767px){
.fcs-slider:not(.fcs-auto-height){
width:100%;
height:var(--fcs-height-mobile,240px);
}
.fcs-slider{
border-radius:8px;
}
}