.fb-gallery{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:200px 200px;
    gap:8px;
    border-radius:20px;
    overflow:hidden;
}

.fb-gallery-item.main{
    grid-column:1;
    grid-row:1 / 3;
}

.fb-gallery-item{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:#eee;
}

.fb-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.35s;
}

.fb-gallery-item:hover img{
    transform:scale(1.04);
}

/* Overlay */

.airbnb-overlay-more{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(3px);

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    color:#fff;
}

.airbnb-overlay-more span{
    font-size:30px;
    font-weight:700;
}

.airbnb-overlay-more small{
    font-size:13px;
}

/* Modal */

.airbnb-modal{
    z-index:999999 !important;
}

.airbnb-modal + .modal-backdrop{
    z-index:999998 !important;
}

.glass-modal{
    background:rgba(0,0,0,.92);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

/* Body */

.airbnb-modal .modal-body{
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
}

.mySwiper{
    width:100%;
    height:100%;
}

.swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center;
}

.swiper-slide img{
    max-width:95%;
    max-height:85vh;

    width:auto;
    height:auto;

    object-fit:contain;

    border-radius:18px;

    transition:.35s;
}

.swiper-slide-next img,
.swiper-slide-prev img{
    transform:scale(.96);
    opacity:.9;
}

/* Mobile */

@media(max-width:768px){

    .fb-gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:220px 120px 120px;
    }

    .fb-gallery-item.main{
        grid-column:1 / 3;
        grid-row:1;
    }

    .swiper-slide img{
        max-width:96%;
        max-height:78vh;
    }

    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }

}

html.modal-open,
body.modal-open{
    overflow: hidden !important;
    height: 100% !important;
}

.airbnb-modal{
    overflow: hidden !important;
}