/* Heaven on Earth app mode. See app_mode_layer.py. */
html[data-app-mode="listen"] .paid-access,
html[data-app-mode="listen"] [data-open-bundle],
html[data-app-mode="listen"] [data-unlock-dialog],
html[data-app-mode="listen"] .meditation-card.is-paid:not([data-unlocked-section] .meditation-card),
html[data-app-mode="listen"] [data-language-section]:not([data-unlocked-language-section]):not(:has(.meditation-card[data-free="true"])),
html[data-app-mode="listen"] .welcome-art,
html[data-app-mode="listen"] .welcome-foot > span,
html[data-app-mode="listen"] [data-gallery-result],
html[data-app-mode="listen"] .language-filters,
html[data-app-mode="listen"] [data-language-section]:not([data-unlocked-language-section]) .language-heading p {
  /* The featured paid recording and the full-catalog counts point at cards
     that are hidden here. */
  display: none !important;
}

/* Download invitation, browser visitors only. */
html[data-app-mode] .app-invite,
html[data-app-mode] #tab-app,
html[data-app-mode] #app { display: none !important; }
html[data-device-platform="ios"] .app-invite [data-store="android"],
html[data-device-platform="android"] .app-invite [data-store="ios"] { display: none; }
.app-invite {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 22px 28px;
  align-items: center;
  max-width: 1100px;
  margin: 46px auto 52px;
  padding: 30px 34px;
  background: var(--paper-soft);
  border: 1px solid var(--line);
  border-radius: 4px;
}
.app-invite__icon { width: 92px; height: 92px; border-radius: 22px; box-shadow: 0 10px 28px rgba(168, 95, 0, .18); }
.app-invite .eyebrow { margin: 0 0 8px; font-size: 10px; line-height: 1.6; }
.app-invite h2 { font-size: clamp(28px, 3.4vw, 38px); margin: 0 0 10px; color: var(--ink); }
.app-invite p:not(.eyebrow) { margin: 0; color: var(--body); font-size: 16px; line-height: 1.7; max-width: 560px; }
.app-invite__stores { grid-column: 2; display: flex; flex-wrap: wrap; gap: 12px; }
.app-invite__stores .button { gap: 14px; }
.app-panel__inner {
  max-width: 640px;
  margin: 0 auto;
  padding: 90px 28px 110px;
  text-align: center;
}
.app-panel__icon { width: 132px; height: 132px; margin: 0 auto 34px; border-radius: 30px; box-shadow: 0 14px 40px rgba(168, 95, 0, .2); }
.app-panel h1 { font-size: clamp(46px, 6vw, 72px); margin: 0 0 22px; }
.app-panel p { max-width: 480px; margin: 0 auto 38px; color: var(--body); font-size: 17px; line-height: 1.8; }
.app-panel__stores { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.app-panel__stores .button { gap: 16px; }
@media (max-width: 760px) {
  .app-panel__inner { padding: 56px 24px 80px; }
  .app-panel__icon { width: 108px; height: 108px; border-radius: 25px; }
  .app-panel__stores .button { width: 100%; }
  .app-invite { grid-template-columns: 1fr; margin: 34px 0 40px; padding: 26px 22px; text-align: left; }
  .app-invite__icon { width: 76px; height: 76px; border-radius: 18px; }
  .app-invite__stores { grid-column: 1; }
  .app-invite__stores .button { width: 100%; }
}