.vgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:6px 0 34px}
.vg-it{border:0;padding:0;background:none;cursor:zoom-in;border-radius:14px;overflow:hidden;box-shadow:0 2px 14px rgba(17,20,23,.08)}
.vg-it img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;display:block;transition:.25s}
.vg-it:hover img{transform:scale(1.03)}
.vfeat-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px;list-style:none;padding:0;margin:12px 0 0}
.vfeat-lg li{font-size:15px;color:var(--slate)}
.vlb{position:fixed;inset:0;z-index:220;background:rgba(12,13,15,.93);display:flex;align-items:center;justify-content:center}
.vlb[hidden]{display:none}
.vlb img{max-width:min(94vw,1200px);max-height:84vh;border-radius:10px;box-shadow:0 10px 50px rgba(0,0,0,.5)}
.vlb-x{position:absolute;top:16px;right:18px;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;padding:8px;z-index:2}
.vlb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:0;color:#fff;font-size:34px;width:52px;height:52px;border-radius:50%;cursor:pointer}
.vlb-nav:hover{background:rgba(255,255,255,.22)}
.vlb-prev{left:14px}.vlb-next{right:14px}
.vlb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-family:var(--mono);font-size:13px;letter-spacing:.08em}
@media(max-width:760px){.vlb-nav{width:42px;height:42px;font-size:26px}}

.vpic{position:relative;display:block;border:0;padding:0;background:none;cursor:zoom-in;width:100%}
.vpic img{display:block;width:100%}
.vpic-zoom{position:absolute;right:8px;bottom:8px;background:rgba(17,20,23,.55);color:#fff;border-radius:8px;padding:3px 7px;font-size:13px;pointer-events:none}