.zlg-gallery {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:10px;
}
.zlg-thumb {
    width:100%;
    cursor:zoom-in;
    border-radius:6px;
    transition:transform .3s;
}
.zlg-thumb:hover {
    transform:scale(1.05);
}

/* Lightbox */
.zlg-lightbox {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.95);
    z-index:9999;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:row;
}
.zlg-lightbox-wrapper {
    position:relative;
    max-width:95%;
    max-height:95%;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.zlg-lightbox-img {
    max-width:100%;
    max-height:100%;
    display:block;
    margin:auto;
}
.zlg-caption {
    margin-top:10px;
    text-align:center;
    color:#fff;
    font-size:16px;
}
.zlg-number {
    font-weight:bold;
    margin-right:8px;
}
.zlg-close {
    position:absolute;
    top:20px;
    right:30px;
    font-size:40px;
    color:#fff;
    cursor:pointer;
}
.zlg-arrow {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:60px;
    color:#fff;
    cursor:pointer;
    user-select:none;
}
.zlg-prev { left:20px; }
.zlg-next { right:20px; }

@media(max-width:600px){
    .zlg-arrow { font-size:40px; }
    .zlg-caption { font-size:14px; }
}