/* Poster-first hero video used on localized ecommerce use-case pages. */
#cg-use-case[data-use-case] .cg-shoppable-hero-media {
    position: relative;
    width: 100%;
    max-width: 600px;
    aspect-ratio: 1200 / 978;
    margin: 0 auto;
    overflow: hidden;
    isolation: isolate;
    background: var(--blue, #3b5dcd);
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
}

#cg-use-case[data-use-case] .cg-shoppable-hero-media__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--blue, #3b5dcd);
}