/* Use one desktop frame for Profile and every Profile sub-page. */
@media (min-width: 900px) {
  body:has(#help.active) .app-shell,
  body:has(#profile.active) .app-shell,
  body:has(#wallet.active) .app-shell,
  body:has(#walletTransactions.active) .app-shell,
  body:has(#redemptionHistory.active) .app-shell,
  body:has(#editProfile.active) .app-shell,
  body:has(#memberProfiles.active) .app-shell,
  body:has(#memberPoints.active) .app-shell,
  body:has(#memberStatistics.active) .app-shell,
  body:has(#memberHistory.active) .app-shell {
    width: min(100%, 810px) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 auto !important;
    padding-bottom: 118px !important;
  }

  body:has(#wallet.active) #wallet,
  body:has(#walletTransactions.active) #walletTransactions,
  body:has(#redemptionHistory.active) #redemptionHistory,
  body:has(#editProfile.active) #editProfile,
  body:has(#memberProfiles.active) #memberProfiles,
  body:has(#memberPoints.active) #memberPoints,
  body:has(#memberStatistics.active) #memberStatistics,
  body:has(#memberHistory.active) #memberHistory {
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding-bottom: 118px !important;
  }

  body:has(#help.active) .bottom-nav,
  body:has(#profile.active) .bottom-nav,
  body:has(#wallet.active) .bottom-nav,
  body:has(#walletTransactions.active) .bottom-nav,
  body:has(#redemptionHistory.active) .bottom-nav,
  body:has(#editProfile.active) .bottom-nav,
  body:has(#memberProfiles.active) .bottom-nav,
  body:has(#memberPoints.active) .bottom-nav,
  body:has(#memberStatistics.active) .bottom-nav,
  body:has(#memberHistory.active) .bottom-nav {
    position: fixed !important;
    z-index: 80 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: min(100%, 810px) !important;
    max-width: 810px !important;
    height: 118px !important;
    margin: 0 !important;
  }
}