/* Website product evidence: preserve the complete 16:9 browser capture. */
body.pl-site img[data-product-screenshot] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    object-position: center;
    transform: none !important;
}

body.pl-site :is(.pa-record-screen-viewport, .pb-feature-media, .pcm-media-viewport, .wp-evidence-crop):has(img[data-product-screenshot]) {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
    max-height: none;
}

body.pl-site .wp-evidence-browser:has(img[data-product-screenshot]) {
    height: auto;
    max-height: none;
}

body.pl-site .lt-proof-frame:has(img[data-product-screenshot]) {
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
}

body.pl-site .ps-customer-browser {
    right: 0;
}

/* These older frames used photographic crops and stretched tall columns. */
body.pl-site :is(div, figure, picture):has(> img[data-product-screenshot]) {
    min-width: 0;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
}

body.pl-site picture:has(> img[data-product-screenshot]) {
    display: block;
}

body.pl-site :is(.pcm-media-viewport, .pca-mobile-work, .pc-mobile-proof) {
    height: auto;
    min-height: 0;
}

body.pl-site .pca-mobile-work img[data-product-screenshot],
body.pl-site .pc-mobile-proof img[data-product-screenshot] {
    position: relative;
    inset: auto;
    margin: 0;
    transform: none;
}

body.pl-site .pca-mobile-work {
    padding-bottom: 64px;
}

body.pl-site .pc-mobile-proof {
    padding: 48px 12px 72px;
}

body.pl-site .pr-hero-screen {
    right: 0;
    max-width: 100%;
    transform: none;
    animation: none;
}