.vlg-gallery{--vlg-gap:16px;--vlg-radius:8px;width:100%}
.vlg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vlg-gap);list-style:none;margin:0;padding:0}
.vlg-cols-1 .vlg-grid{grid-template-columns:minmax(0,1fr)}
.vlg-cols-2 .vlg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vlg-cols-3 .vlg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vlg-cols-4 .vlg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vlg-cols-5 .vlg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.vlg-cols-6 .vlg-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:900px){.vlg-cols-4 .vlg-grid,.vlg-cols-5 .vlg-grid,.vlg-cols-6 .vlg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.vlg-gallery .vlg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.vlg-gallery .vlg-grid{grid-template-columns:minmax(0,1fr)}}

.vlg-item{margin:0;padding:0;list-style:none}
.vlg-item::marker{content:""}
.vlg-trigger{all:unset;display:block;width:100%;cursor:pointer;box-sizing:border-box;border-radius:var(--vlg-radius)}
.vlg-trigger:focus-visible{outline:3px solid #2271b1;outline-offset:2px}
.vlg-thumb{position:relative;display:block;aspect-ratio:16/9;background:#1d2327;border-radius:var(--vlg-radius);overflow:hidden}
.vlg-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.vlg-trigger:hover .vlg-thumb img{transform:scale(1.04)}
.vlg-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.65);transition:background .2s}
.vlg-play::after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.vlg-trigger:hover .vlg-play{background:rgba(0,0,0,.85)}
.vlg-title{display:block;margin-top:8px;font-size:.95em;line-height:1.35;word-break:break-word}
.vlg-notice{padding:10px 14px;background:#f6f7f7;border:1px dashed #c3c4c7;color:#50575e}

/* Lightbox */
.vlg-lock{overflow:hidden}
.vlg-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center}
.vlg-modal[hidden]{display:none}
.vlg-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}
.vlg-box{position:relative;width:min(1000px,92vw)}
.vlg-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}
.vlg-stage iframe,.vlg-stage video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vlg-caption{margin-top:10px;color:#fff;font-size:15px;text-align:center;min-height:1.4em}
.vlg-btn{all:unset;position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;font-size:34px;line-height:1;cursor:pointer;background:rgba(255,255,255,.12);border-radius:50%}
.vlg-btn:hover,.vlg-btn:focus-visible{background:rgba(255,255,255,.3)}
.vlg-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vlg-btn[hidden]{display:none}
.vlg-close{top:-54px;right:0}
.vlg-prev{left:-56px;top:calc(50% - 22px)}
.vlg-next{right:-56px;top:calc(50% - 22px)}
@media (max-width:1100px){.vlg-prev{left:4px;top:auto;bottom:-56px}.vlg-next{right:4px;top:auto;bottom:-56px}.vlg-caption{margin:10px 56px 0}}
@media (prefers-reduced-motion:reduce){.vlg-thumb img{transition:none}}

/* Load more */
.vlg-item[hidden],.vlg-more-wrap[hidden]{display:none}
.vlg-more-wrap{text-align:center;margin-top:24px}
.vlg-more{cursor:pointer;padding:12px 32px;font:inherit;font-weight:600;color:#fff;background:#1d2327;border:0;border-radius:var(--vlg-radius)}
.vlg-more:hover{background:#2271b1}
.vlg-more:focus-visible{outline:3px solid #2271b1;outline-offset:2px}