/* R49R5: keep the existing artwork fixed and naturally proportioned. */
@media (max-width: 720px) {
  .mn-platform-page {
    position: relative !important;
    isolation: isolate !important;
    background: transparent !important;
  }

  .mn-platform-page::before {
    content: "" !important;
    position: fixed !important;
    z-index: -2 !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    pointer-events: none !important;
    background-color: #fff7e7 !important;
    background-image: url('/assets/meal-nearby-coming-mobile-r49r3.webp') !important;
    background-size: auto 100dvh !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
  }

  .mn-platform-page::after {
    content: "" !important;
    position: fixed !important;
    z-index: -1 !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: rgba(255, 250, 239, .08) !important;
  }
}

@supports not (height: 100dvh) {
  @media (max-width: 720px) {
    .mn-platform-page::before {
      height: 100vh !important;
      background-size: auto 100vh !important;
    }
  }
}