.vset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,220px)); gap:18px; margin:20px 0; }
.vset-card { display:block; color:inherit; text-decoration:none; min-width:0; }
.vset-card:focus-visible { outline:3px solid #2675df; outline-offset:5px; }
.vset-thumb { display:block; position:relative; aspect-ratio:1; overflow:hidden; border-radius:10px; background:#20242a; }
.vset-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s; }
.vset-card:hover .vset-thumb img { transform:scale(1.035); }
.vset-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:52px; height:52px; padding-left:3px; border-radius:50%; color:#fff; background:rgba(0,0,0,.68); font-size:23px; }
.vset-caption,.vset-external { display:block; margin-top:8px; }
.vset-external { font-size:12px; }
.vset-dialog { position:relative; margin:45px auto; background:#000; }
.vset-player { display:block; width:100%; height:100%; border:0; }
.vset-popup .vset-dialog .mfp-close { top:-40px; right:0; color:#fff; opacity:1; }
@media (max-width:380px) { .vset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
@media (prefers-reduced-motion:reduce) { .vset-thumb img { transition:none; } }