.vgp-gallery { display:grid; gap:12px; margin:16px 0; }
.vgp-columns-1 { grid-template-columns: repeat(1,1fr); }
.vgp-columns-2 { grid-template-columns: repeat(2,1fr); }
.vgp-columns-3 { grid-template-columns: repeat(3,1fr); }
.vgp-columns-4 { grid-template-columns: repeat(4,1fr); }

.vgp-item { border:1px solid #eee; overflow:hidden; border-radius:6px; background:#fff; }
.vgp-thumb-btn { display:block; width:100%; padding:0; border:0; background:transparent; text-align:left; cursor:pointer; }
.vgp-thumb-btn img { width:100%; display:block; }
.vgp-title { padding:8px; font-size:14px; color:#333; }

.vgp-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.7); z-index:99999; align-items:center; justify-content:center; }
.vgp-modal[aria-hidden="false"] { display:flex; }
.vgp-modal-inner { max-width:900px; width:90%; background:#000; padding:12px; border-radius:6px; position:relative; }
.vgp-modal-close { position:absolute; right:8px; top:8px; background:transparent; color:#fff; border:0; font-size:28px; cursor:pointer; }
.vgp-modal-content iframe, .vgp-modal-content video { width:100%; height:500px; border:0; }