/* Mobile artwork: fixed viewport layer keeps the full character height visible. */
@media (max-width: 767px) {
  #app.storefront-sky-shell {
    isolation: isolate;
    background-image: none !important;
  }
  #app.storefront-sky-shell::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: var(--ui-bg-page);
    background-image: linear-gradient(rgba(246,247,251,.40),rgba(246,247,251,.40)),url('/store-background.jpg');
    background-size: auto 100vh;
    background-size: auto 100svh;
    background-position: 60% top;
    background-repeat: no-repeat;
  }
  .dark #app.storefront-sky-shell::before {
    background-image: linear-gradient(rgba(12,14,22,.40),rgba(12,14,22,.40)),url('/store-background.jpg');
  }
}