.ceef-gallery{
    display:grid;
    grid-template-columns:repeat(var(--ceef-cols),minmax(0,1fr));
    gap:12px;
    width:100%;
}
.ceef-gallery-item{
    display:block;
    padding:0;
    margin:0;
    border:0;
    background:none !important;
    cursor:pointer;
    overflow:hidden;
    aspect-ratio:1/1;
    border-radius:8px;
}
.ceef-gallery-img{
    width:100%;
    height:100%!important;
    object-fit:cover;
    display:block;
    transition:transform .25s ease;
}
.ceef-gallery-item:hover .ceef-gallery-img{transform:scale(1.04)}
.ceef-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999999 !important;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 50px 70px;
}
.ceef-lightbox.is-open{display:flex}
.ceef-lightbox-img{
    max-width:92vw;
    max-height:86vh;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:4px;
}
.ceef-close,.ceef-prev,.ceef-next{
    position:absolute;
    border:0;
	 background:#088df7 !important;
   /* background:rgba(255,255,255,.12); */
    color:#fff;
    cursor:pointer;
    width:44px;
    height:44px;
    border-radius:50%;
    font-size:28px;
    line-height:44px;
}
.ceef-close{top:18px;right:20px}
.ceef-prev{left:20px;top:50%;transform:translateY(-50%)}
.ceef-next{right:20px;top:50%;transform:translateY(-50%)}
.ceef-caption{
    position:absolute;
    left:20px;
    right:20px;
    bottom:18px;
    color:#fff;
    text-align:center;
    font-size:15px;
}
body.ceef-lightbox-open{overflow:hidden}
@media(max-width:900px){
    .ceef-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
    .ceef-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .ceef-lightbox{padding:45px 12px}
    .ceef-prev{left:8px}.ceef-next{right:8px}
}