@media (min-width: 800px) {
    .js-product-popup .product-main:not(.-sk-mobile) .elow-quickview-buy-row {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        gap: 10px;
        margin: 0;
    }

    .js-product-popup .elow-quickview-buy-row > :is(.product-main__add2cart, .product-main__fastorder, .storequickorder_product_button, .product-main__button-added, .product-main__quantity) {
        box-sizing: border-box;
        flex: 1 1 calc((100% - 10px) / 2);
        width: auto;
        min-width: 0;
        margin: 0;
    }

    .js-product-popup .elow-quickview-buy-row > .product-main__add2cart,
    .js-product-popup .elow-quickview-buy-row > .storequickorder_product_button,
    .js-product-popup .elow-quickview-buy-row > .product-main__fastorder :is(.storequickorder-button, .button-fastorder__sk-oneclick) {
        box-sizing: border-box;
        height: 50px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 16px;
    }

    .js-product-popup .elow-quickview-buy-row > .product-main__fastorder :is(.storequickorder-button, .button-fastorder__sk-oneclick, .buy1click-button, .quickorder-button) {
        width: 100%;
    }

    .js-product-popup .elow-quickview-buy-row > .product-main__fastorder:empty {
        display: none;
    }

    .js-product-popup .elow-quickview-buy-row > .storequickorder_product_button,
    .js-product-popup .elow-quickview-buy-row > .product-main__fastorder :is(.storequickorder-button, .button-fastorder__sk-oneclick) {
        appearance: none;
        padding: 0 8px;
        border: 1px solid var(--elow-control-blue-line, #dbe3f0);
        background: var(--elow-control-blue-fill, #f5f7fb);
        color: var(--elow-control-blue-ink, #344d86);
        font-family: inherit;
        text-align: center;
        box-shadow: none;
    }

    .js-product-popup .elow-quickview-buy-row > .storequickorder_product_button:disabled {
        opacity: .5;
    }
}

/* Keep the frame itself centered. Reserve equal room above and below it so
   the close control fits above the video, even on a short landscape screen. */
.sk-popup-video.elow-quickview-video._opened {
    --elow-video-viewport: 100vh;
    --elow-video-edge: clamp(8px, 2vw, 18px);
    --elow-video-close: 40px;
    --elow-video-gap: 6px;
    --elow-video-reserve: calc(max(var(--elow-video-edge), env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px)) + var(--elow-video-close) + var(--elow-video-gap));
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
    box-sizing: border-box;
    width: 100%;
    height: var(--elow-video-viewport);
    padding: var(--elow-video-reserve) max(var(--elow-video-edge), env(safe-area-inset-right, 0px)) var(--elow-video-reserve) max(var(--elow-video-edge), env(safe-area-inset-left, 0px));
    overflow: hidden;
    overscroll-behavior: contain;
    background: rgba(15, 19, 28, .83);
}

@supports (height: 100dvh) {
    .sk-popup-video.elow-quickview-video._opened {
        --elow-video-viewport: 100dvh;
    }
}

.elow-quickview-video .sk-popup-video__body {
    box-sizing: border-box;
    width: min(900px, 100%, max(0px, calc((var(--elow-video-viewport) - 2 * var(--elow-video-reserve)) * 16 / 9)));
    min-width: 0;
    padding: 0;
}

.elow-quickview-video .sk-popup-video__close {
    top: calc(0px - var(--elow-video-close) - var(--elow-video-gap));
    right: 0;
    width: var(--elow-video-close);
    height: var(--elow-video-close);
    line-height: var(--elow-video-close);
    background: rgba(255, 255, 255, .14);
}

.elow-quickview-video .sk-popup-video__close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}