/* =========================
LAYOUT
========================= */

.ao-ps{
display:flex;
align-items:stretch;
height:470px;
width:100%;
overflow:hidden;
}

/* box testo */

.ao-ps__text{
flex:0 0 20%!important;
padding:60px;
display:flex;
flex-direction:column;
justify-content:center;
box-sizing:border-box;
}

/* gallery */

.ao-ps__gallery{
flex:1;
height:100%;
position:relative;
overflow:hidden;
}

/* =========================
SLIDER HEIGHT
========================= */

.ao-ps__gallery,
.ao-ps__gallery .swiper-wrapper,
.ao-ps__gallery .swiper-slide{
height:100%;
}

.ao-ps__gallery .swiper-slide{
display:flex;
}

/* slide inner */

.ao-ps__slide-inner{
height:100%;
width:100%;
overflow:hidden;
}

/* immagini */

.ao-ps__link{
display:block;
height:100%;
width:100%;
}

.ao-ps__link img{
width:100%;
height:100%!important;
object-fit:cover;
object-position:center center;
display:block;
}

/* =========================
FRECCE
========================= */

.ao-ps__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:46px;
height:46px;
border-radius:50%;
background:rgba(255,255,255,0.25);
backdrop-filter:blur(4px);
cursor:pointer;
z-index:50;
pointer-events:auto;
display:flex;
align-items:center;
justify-content:center;
transition:background .2s ease;
}

.ao-ps__nav:hover{
background:rgba(255,255,255,0.45);
}

/* freccia */

.ao-ps__nav::before{
content:'';
width:12px;
height:12px;
border-top:3px solid #fff;
border-right:3px solid #fff;
}

/* sinistra */

.ao-ps__nav--prev::before{
transform:rotate(-135deg);
}

/* destra */

.ao-ps__nav--next::before{
transform:rotate(45deg);
}

.ao-ps__nav--prev{
left:20px;
}

.ao-ps__nav--next{
right:20px;
}

/* =========================
MOBILE
========================= */

@media (max-width:767px){

/* layout verticale */
.ao-ps{
flex-direction:column;
height:auto !important;
}

/* box testo */
.ao-ps__text{
flex:none !important;
width:100% !important;
padding:40px 28px;
min-height:auto !important;
}

/* gallery */
.ao-ps__gallery{
width:100%;
height:300px;
min-height:300px;
position:relative;
z-index:1;
}

/* slide */
.ao-ps__gallery .swiper-slide{
display:flex;
height:300px !important;
}

/* contenitore */
.ao-ps__slide-inner{
height:300px !important;
}

/* immagine */
.ao-ps__link img{
width:100%;
height:300px !important;
object-fit:cover;
object-position:center center;
display:block;
}

/* frecce */
.ao-ps__nav{
width:42px;
height:42px;
}

}