/* Keep the storefront in normal document flow, including after wire:navigate.
   Legacy admin styles used a viewport-height flex body, which shrank <main>
   while its content overflowed across the footer. */
.sf-site {
    display: block;
    height: auto;
    min-height: 100vh;
}

.sf-site #slot_div {
    display: flow-root;
    min-width: 0;
}

.sf-site .sf-main,
.sf-site .sf-account-layout {
    flex-shrink: 0;
}

.sf-site > .sf-footer {
    display: flow-root;
    position: relative;
    inset: auto;
    clear: both;
    width: 100%;
    flex-shrink: 0;
}