/* Shared screen-only variations of the approved Shot Lists Blender composition. */
.product-page--duo .product-device-composition {
    display: block;
    width: 100%;
    max-width: 650px;
}

.product-page--duo .product-device-composition img {
    display: block;
    width: 100%;
    height: auto;
}

/* Anchor the intentionally cropped lower bodies to the hero boundary. */
.product-page--duo .product-hero {
    min-height: auto;
    padding-top: 48px;
    padding-bottom: 0;
}

.product-page--duo .product-hero__visual {
    align-self: end;
}

@media (max-width: 700px) {
    .product-page--duo .product-hero {
        padding-top: 36px;
    }
}