.afalina-video-dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(960px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    height: fit-content;
    max-height: calc(100dvh - 32px);
    padding: 0;
    border: 1px solid rgba(197,168,128,.4);
    border-radius: 18px;
    background: #0b192c;
    color: #fff;
    box-shadow: 0 24px 90px rgba(0,0,0,.4);
    overflow: auto;
}
.afalina-video-dialog::backdrop { background: rgba(4,12,24,.84); }
.afalina-video-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; }
.afalina-video-header h2 { margin: 0; font-size: clamp(20px, 4vw, 28px); color: #fff; }
.afalina-video-close { flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid rgba(197,168,128,.5); border-radius: 50%; background: transparent; color: #fff; font-size: 30px; cursor: pointer; }
.afalina-video-close:hover, .afalina-video-close:focus-visible { background: #c5a880; color: #0b192c; }
.afalina-video-dialog video { display: block; width: 100%; max-height: calc(100dvh - 135px); aspect-ratio: 16 / 9; object-fit: contain; background: #000; }
.afalina-video-error { padding: 12px 20px; margin: 0; font-size: 14px; }
.afalina-video-retry { color: #e2c79f; border: 0; background: transparent; text-decoration: underline; cursor: pointer; font: inherit; }
.afalina-detail-video { margin-top: 16px; }
body.afalina-video-open { overflow: hidden; }
@media (max-width: 480px) {
    .afalina-video-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
    .afalina-video-header { padding: 10px 12px; }
    .afalina-detail-video { width: 100%; }
}