/* Scope every change to Shop Lucid, page 10370. */
@media (min-width: 1025px) {
    /* Hidden overflow creates the wrong scrolling ancestor for sticky. */
    body.page-id-10370 .template-container {
        overflow: clip !important;
    }

    body.page-id-10370 .lps-graphic {
        --lucid-graphic-top: 0px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
        gap: 0;
        position: relative;
        overflow: visible;
    }

    body.page-id-10370.admin-bar .lps-graphic {
        --lucid-graphic-top: 32px;
    }

    body.page-id-10370 .lps-graphic > .lps-graphic-promo {
        position: sticky !important;
        top: var(--lucid-graphic-top) !important;
        align-self: start;
        width: 100%;
        height: calc(100vh - var(--lucid-graphic-top)) !important;
        height: calc(100dvh - var(--lucid-graphic-top)) !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    body.page-id-10370 .lps-graphic-promo > img {
        position: absolute;
        inset: 0;
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-height: none;
        object-fit: cover;
        object-position: center;
    }

    /* The page scrolls the grid naturally. No nested scrolling or wheel lock. */
    body.page-id-10370 .lps-graphic > .lps-graphic-grid {
        align-self: start;
        min-width: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}