/*==========================
Product Gallery
==========================*/

.galleryPage{
    background:var(--cream);
}

.galleryGrid{

    column-count:3;

    column-gap:24px;

}

.galleryItem{

    position:relative;

    display:block;

    margin-bottom:24px;

    overflow:hidden;

    break-inside:avoid;

    border-radius:4px;

}

.galleryItem img{

    width:100%;

    display:block;

    transition:.6s;

}

.galleryItem::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(transparent,rgba(0,0,0,.55));

    opacity:0;

    transition:.4s;

}

.galleryItem .overlay{

    position:absolute;

    left:30px;

    bottom:25px;

    z-index:2;

    color:#fff;

    opacity:0;

    transform:translateY(20px);

    transition:.4s;

}

.galleryItem h3{

    margin:0;

    font-size:22px;

    font-weight:500;

}

.galleryItem:hover img{

    transform:scale(1.06);

}

.galleryItem:hover::after{

    opacity:1;

}

.galleryItem:hover .overlay{

    opacity:1;

    transform:translateY(0);

}

/*==========================
Lightbox
==========================*/

.lightbox{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.9);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9999;

}

.lightbox.active{

    opacity:1;

    visibility:visible;

}

.lightbox img{

    max-width:90%;

    max-height:90%;

}

.lightbox span{

    position:absolute;

    top:30px;

    right:40px;

    font-size:46px;

    color:#fff;

    cursor:pointer;

}

/*==========================
RWD
==========================*/

@media(max-width:991px){

.galleryGrid{

column-count:2;

}

}

@media(max-width:768px){

.galleryGrid{

column-count:1;

}

.galleryItem{

margin-bottom:18px;

}

.galleryItem h3{

font-size:18px;

}

}