/* Aanvulling op de bestaande style.css. */
#grid.grid { display:grid;grid-template-columns:1fr;gap:24px; }
#grid .card { display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;padding:16px;overflow:hidden;align-items:stretch; }
.video-panel { min-width:0;display:flex;flex-direction:column; }
#grid .screen { position:relative;aspect-ratio:16/9;background:#070d10;overflow:hidden; }
#grid .screen iframe { width:100%;height:100%;border:0;display:block; }
#grid .empty { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:24px;color:#fff; }
#grid .empty span { font-size:clamp(15px,2vw,22px); }
#grid .bar { display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0 0; }
#grid .bar h2 { margin:0 auto 0 0; }
#grid button:disabled { opacity:.5;cursor:default; }
.ad-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-width:0; }
.ad-block { min-width:0;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #38505c;border-radius:10px;background:#11222b;color:#dce7ec;text-align:center;text-decoration:none;overflow:hidden; }
.ad-block img { width:100%;height:100px;object-fit:contain;min-height:0; }
.ad-block span { font-size:14px;overflow-wrap:anywhere; }
a.ad-block:hover { border-color:#70d6b0;background:#16313c; }
@media(max-width:720px) { #grid .card { grid-template-columns:1fr;padding:12px; } .ad-grid { grid-template-rows:repeat(2,150px); } }