/* grid */
.wf-gallery{display:grid;grid-template-columns:repeat(var(--wf-cols,4),1fr);gap:10px}
.wf-gallery[data-columns="1"]{--wf-cols:1}
.wf-gallery[data-columns="2"]{--wf-cols:2}
.wf-gallery[data-columns="3"]{--wf-cols:3}
.wf-gallery[data-columns="4"]{--wf-cols:4}
.wf-gallery[data-columns="5"]{--wf-cols:5}
.wf-g-item{position:relative;display:block;overflow:hidden;border:1px solid rgba(220,20,60,.25)}
.wf-g-item img{width:100%;height:160px;object-fit:cover;display:block}
.wf-g-item::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(220,20,60,.35)}

/* lightbox */
.wf-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999}
.wf-lightbox.active{display:flex}
.wf-lightbox img{max-width:90vw;max-height:80vh;border:1px solid rgba(220,20,60,.45)}
.wf-lightbox .wf-cap{color:#ddd;margin-top:8px;text-align:center}
.wf-lightbox .wf-close{position:absolute;top:14px;right:18px;color:#fff;font-size:24px;cursor:pointer}
.wf-lightbox .wf-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;color:#fff}
.wf-lightbox .wf-prev,.wf-lightbox .wf-next{font-size:32px;cursor:pointer;padding:0 20px}