/* Full-width looping product demos (MP4) */
.bm-aio video.landing-visual,
.bm-mod video.landing-visual {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.bm-aio .hero-visuals,
.bm-mod .hero-visuals {
    margin-top: 40px;
    width: 100%;
}

.bm-aio .hero-visuals video.landing-visual,
.bm-mod .hero-visuals video.landing-visual {
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.bm-aio .suite-item--visual-full,
.bm-mod .suite-item--visual-full {
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: stretch;
}

.bm-aio .suite-item--visual-full.reverse > div:first-child,
.bm-aio .suite-item--visual-full.reverse > div:last-child,
.bm-mod .suite-item--visual-full.reverse > div:first-child,
.bm-mod .suite-item--visual-full.reverse > div:last-child {
    order: unset;
}

.bm-aio .suite-item--visual-full .suite-item__media,
.bm-mod .suite-item--visual-full .suite-item__media {
    width: 100%;
}

.bm-aio .visual-demo-full,
.bm-mod .visual-demo-full {
    margin-top: 24px;
    width: 100%;
}

.bm-aio .screenshot-stack__item--visual,
.bm-mod .screenshot-stack__item--visual {
    padding: 8px 8px 16px;
}

.bm-aio .screenshot-stack__item--visual video.landing-visual,
.bm-mod .screenshot-stack__item--visual video.landing-visual {
    border-radius: 10px;
}