/*
 * Silent trailer previews for video cards.
 * The existing thumbnail remains the permanent fallback and keeps its current
 * shuffle behavior when a trailer is absent, unavailable, or cannot play.
 */
.item-col.-video .image.wb-trailer-preview {
    position: relative;
    overflow: hidden;
}

.item-col.-video .image.wb-trailer-preview .wb-trailer-preview-video {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: #000;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.item-col.-video .image.wb-trailer-preview.wb-trailer-is-playing .wb-trailer-preview-video {
    opacity: 1;
    visibility: visible;
}

/* Hover video is deliberately disabled for touch and reduced-motion users. */
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    .item-col.-video .image.wb-trailer-preview .wb-trailer-preview-video {
        display: none !important;
    }
}