/* Gedeeld: iconen en moduledialoog */
.ico{display:grid;place-items:center;border-radius:28%;background:linear-gradient(150deg,var(--c2),var(--c1) 62%,color-mix(in srgb,var(--c1),#000 28%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.22),0 10px 20px -10px rgba(0,0,0,.55)}
.ico svg{width:56%;height:56%;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
dialog#dlg{border:0;padding:0;background:none;width:min(820px,94vw);max-height:94vh;overflow:visible;color:#0b1220}
dialog#dlg::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(10px)}
.mv{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 60px 120px -30px rgba(0,0,0,.8);animation:mvpop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes mvpop{from{transform:scale(.92) translateY(20px);opacity:0}}
.mv .vid{position:relative;aspect-ratio:16/9;background:#000}
.mv video,.mv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mv .tx{padding:20px 24px 22px;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;font-family:inherit}
.mv .tx .ico{width:52px;height:52px}
.mv h3{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
.mv p{margin:2px 0 0;color:#4a5670}
.mv small{grid-column:1/-1;font-size:.8rem;color:#5b6680}
.x{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0b1220;font-size:1.1rem;cursor:pointer;z-index:2}
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.snd{position:absolute;right:16px;bottom:16px;z-index:3;background:rgba(255,255,255,.94);color:#0b1220;border:0;border-radius:999px;padding:.6em 1.1em;font-weight:600;font-size:.9rem;cursor:pointer}
.snd[hidden]{display:none}
.prev{position:fixed;left:12px;bottom:12px;z-index:60;font:600 12px/1 -apple-system,system-ui,sans-serif;background:rgba(0,0,0,.72);color:#fff;padding:8px 12px;border-radius:999px;text-decoration:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important}}