.fdg-grid{display:grid;gap:10px}
.fdg-masonry{column-gap:10px}
.fdg-masonry .fdg-item{break-inside:avoid;margin-bottom:10px}

.fdg-img-wrap{position:relative;overflow:hidden}
.fdg-item img{width:100%;display:block;transition:.3s}
.fdg-img-wrap:hover img{transform:scale(1.08)}

.fdg-overlay{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.6);color:#fff;padding:10px;transform:translateY(100%);transition:.3s}
.fdg-img-wrap:hover .fdg-overlay{transform:translateY(0)}

.fdg-filters{margin-bottom:10px;display:none}
.fdg-filters button{margin-right:10px}

#fdg-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:#000;justify-content:center;align-items:center;flex-direction:column;z-index:9999}
#fdg-main-img{max-width:80%;max-height:70%}
.fdg-prev,.fdg-next{position:absolute;top:50%;color:#fff;font-size:40px;cursor:pointer}
.fdg-prev{left:20px}.fdg-next{right:20px}
.fdg-close{position:absolute;top:20px;right:30px;color:#fff;font-size:30px;cursor:pointer}
#fdg-thumbs{display:flex;gap:10px;overflow-x:auto;margin-top:10px}
#fdg-thumbs img{width:60px;opacity:.6;cursor:pointer}
#fdg-thumbs img.active{border:2px solid #fff;opacity:1}