/* grid.css */
.oio-grid-wrap{max-width:1200px;margin:0 auto}
.oio-grid-title{text-transform:uppercase;letter-spacing:.6px;font-weight:800;font-size:24px;margin:10px 0 14px}
.oio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.oio-card{position:relative;background:#1f1f1f;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.25);overflow:hidden}
.oio-card .poster{display:block;position:relative}
.oio-card img{display:block;width:100%;height:225px;object-fit:cover;background:#000}
.oio-card .ph{width:100%;height:225px;background:#333}
.oio-card .tag{position:absolute;left:8px;top:8px;background:#ffd54d;color:#222;font-weight:700;font-size:11px;padding:2px 6px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.oio-card .meta{padding:8px 10px 10px;color:#f0f0f0}
.oio-card .name{font-size:13px;font-weight:700;line-height:1.3}
.oio-card .name .y{opacity:.75;font-weight:600}
@media (max-width:640px){ .oio-card img,.oio-card .ph{height:210px} }