/* ModuleTest is the home-page trial. Its hero must ignore Lay's mobile frame. */
#grid.id-513,
#custom-phone-grid.id-513 {
    padding: 0 !important;
    margin-top: 0 !important;
}
#grid.id-513 .grid-inner > .row,
#custom-phone-grid.id-513 .grid-inner > .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#grid.id-513 .first-row,
#custom-phone-grid.id-513 .first-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#grid.id-513 .first-row,
#grid.id-513 .first-row > .row-inner,
#grid.id-513 .first-row .column-wrap,
#custom-phone-grid.id-513 .first-row,
#custom-phone-grid.id-513 .first-row > .row-inner,
#custom-phone-grid.id-513 .first-row .column-wrap {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
}
#grid.id-513 .first-row .col,
#custom-phone-grid.id-513 .first-row .col {
    margin: 0 !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
}
#grid.id-513 .snm-thumbnail-grid,
#custom-phone-grid.id-513 .snm-thumbnail-grid {
    width: calc(100vw - 20px) !important;
    margin-left: 10px !important;
    margin-top: 10px !important;
}

@media (max-width: 1230px) {
    /* Keep the hero stable when mobile browser toolbars expand or collapse. */
    body #grid.id-513 .first-row,
    body #grid.id-513 .first-row > .row-inner,
    body #grid.id-513 .first-row .column-wrap,
    body #grid.id-513 .snm-hero-video,
    body #custom-phone-grid.id-513 .first-row,
    body #custom-phone-grid.id-513 .first-row > .row-inner,
    body #custom-phone-grid.id-513 .first-row .column-wrap,
    body #custom-phone-grid.id-513 .snm-hero-video {
        height: 100vh !important;
        height: 100svh !important;
    }
    body #grid.id-513 .snm-hero-video-player,
    body #custom-phone-grid.id-513 .snm-hero-video-player {
        object-fit: cover !important;
    }
    #grid.id-513.snm-home-framed,
    #custom-phone-grid.id-513.snm-home-framed {
        position: relative;
    }
    .id-513.snm-home-framed::after {
        content: "";
        position: absolute;
        top: var(--snm-hero-end, 100svh);
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 20;
        background: rgba(0, 0, 0, .85);
        opacity: var(--snm-content-shade-opacity, 1);
        pointer-events: none;
    }
}