.activ8-video {
    position: relative;
    width: 100%;
    aspect-ratio: var(--av-ratio, 16/9);
    overflow: hidden;
    border-radius: 8px;
    background: #000;
    cursor: pointer;
}

.activ8-video:focus-visible {
    outline: 3px solid var(--av-btn-color, var(--color-primary));
    outline-offset: 2px;
}

/* ── Thumbnail ───────────────────────────────────────── */

.activ8-video__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.25s ease;
}

.activ8-video:hover .activ8-video__thumb {
    opacity: 0.85;
}

/* ── Play button ─────────────────────────────────────── */

.activ8-video__play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.activ8-video__play svg {
    width: 72px;
    height: 72px;
    background: var(--av-btn-color, var(--color-primary));
    border-radius: 50%;
    padding: 18px;
    transition: transform 0.2s ease;
}

.activ8-video:hover .activ8-video__play svg {
    transform: scale(1.08);
}

/* ── Embed (injected by JS) ──────────────────────────── */

.activ8-video iframe,
.activ8-video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}