/* Geo Property Gallery — Clean UI
   Styling by Glocal Consulting */

.geo-property-gallery{
width:100%;
}

.geo-property-gallery-stage{
position:relative;
background:#f7f7f7;
border-radius:16px;
overflow:hidden;
aspect-ratio:4/3;
}

.geo-property-gallery-slide{
display:none;
width:100%;
height:100%;
}

.geo-property-gallery-slide.is-active{
display:block;
}

.geo-property-gallery-slide a{
display:block;
width:100%;
height:100%;
}

.geo-property-gallery-slide img{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:16px;
}

/* navigation arrows */

.geo-property-gallery-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:3;
width:42px;
height:42px;
border:0;
border-radius:999px;
background:rgba(0,0,0,.35);
color:#fff;
font-size:26px;
cursor:pointer;
}

.geo-property-gallery-nav.is-prev{left:12px}
.geo-property-gallery-nav.is-next{right:12px}

/* thumbnails */

.geo-property-gallery-thumbs{
display:flex;
gap:10px;
margin-top:14px;
overflow-x:auto;
padding-bottom:4px;
scrollbar-width:thin;
}

.geo-property-gallery-thumb{
padding:0;
border:0!important;
background:transparent!important;
opacity:.72;
transition:opacity .2s ease, transform .2s ease;
box-shadow:none!important;
outline:none!important;
flex:0 0 auto;
cursor:pointer;
}

.geo-property-gallery-thumb:hover,
.geo-property-gallery-thumb.is-active{
opacity:1;
transform:translateY(-1px);
}

.geo-property-gallery-thumb img{
display:block;
width:92px;
height:72px;
object-fit:cover;
border-radius:10px;
border:none!important;
box-shadow:none!important;
outline:none!important;
}

@media (max-width:767px){

.geo-property-gallery-stage{
aspect-ratio:1/1;
}

.geo-property-gallery-thumb img{
width:78px;
height:62px;
}

}