@media (max-width: 47.99rem) {
  body.maui-webview-marketplace,
  body.maui-webview-therapist-profile {
    background: #edf5f4;
  }

  body.maui-webview-marketplace .marketplace-page,
  body.maui-webview-therapist-profile .therapist-profile-page {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
    background:
      radial-gradient(circle at 100% 0%, rgba(43, 151, 139, 0.16), transparent 26rem),
      linear-gradient(165deg, #f8fbfa 0%, #edf5f4 62%, #e5f0ef 100%);
  }

  body.maui-webview-marketplace .marketplace-page::before,
  body.maui-webview-therapist-profile .therapist-profile-page::after {
    position: absolute;
    z-index: -1;
    top: -6rem;
    right: -5rem;
    display: block;
    width: 14rem;
    height: 14rem;
    border: 1px solid rgba(23, 107, 103, 0.12);
    border-radius: 50%;
    content: "";
  }

  body.maui-webview-marketplace .marketplace-page {
    padding:
      max(1.25rem, env(safe-area-inset-top))
      max(1.1rem, env(safe-area-inset-right))
      max(1.5rem, env(safe-area-inset-bottom))
      max(1.1rem, env(safe-area-inset-left));
  }

  body.maui-webview-marketplace .marketplace-page > .container-md,
  body.maui-webview-therapist-profile .therapist-profile-page > .container {
    width: min(100%, 34rem);
    max-width: none;
    padding: 0 !important;
  }

  body.maui-webview-marketplace .maui-app-brand,
  body.maui-webview-therapist-profile .maui-app-brand {
    margin-bottom: 2.5rem;
  }

  body.maui-webview-marketplace .marketplace-heading {
    margin-bottom: 1.25rem;
  }

  body.maui-webview-marketplace .marketplace-heading h1 {
    max-width: 12ch;
    margin: 0 0 0.65rem;
    font-size: clamp(2rem, 9vw, 2.65rem);
    line-height: 1.08;
  }

  body.maui-webview-marketplace .marketplace-heading p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
  }

  body.maui-webview-marketplace .marketplace-search-bar {
    gap: 0.65rem;
  }

  body.maui-webview-marketplace .marketplace-query-control,
  body.maui-webview-marketplace .marketplace-filter-toggle {
    border-color: rgba(23, 107, 103, 0.16);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.94);
  }

  body.maui-webview-marketplace .marketplace-query-control > input,
  body.maui-webview-marketplace .marketplace-filter-toggle,
  body.maui-webview-marketplace .marketplace-search-submit {
    min-height: 3.15rem;
  }

  body.maui-webview-marketplace .marketplace-results-toolbar {
    margin-top: 0.35rem;
    padding: 0;
  }

  body.maui-webview-marketplace .marketplace-results-toolbar h2 {
    font-size: 1rem;
  }

  body.maui-webview-marketplace .marketplace-sort {
    padding: 0.75rem;
    border: 1px solid rgba(23, 107, 103, 0.13);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.84);
  }

  body.maui-webview-marketplace .marketplace-card-grid {
    gap: 0.85rem;
  }

  body.maui-webview-marketplace .marketplace-card,
  body.maui-webview-marketplace .marketplace-empty {
    padding: 1rem;
    border-color: rgba(23, 107, 103, 0.13);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.8rem 2rem rgba(21, 76, 75, 0.06);
  }

  body.maui-webview-marketplace .marketplace-card-header img {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 1rem;
  }

  body.maui-webview-marketplace .marketplace-card-actions .btn {
    min-height: 3rem;
    border-radius: 0.75rem;
    font-weight: 700;
  }

  body.maui-webview-marketplace .marketplace-filter-panel {
    border-radius: 1.25rem 1.25rem 0 0;
  }

  body.maui-webview-therapist-profile .therapist-profile-page {
    padding:
      max(1.25rem, env(safe-area-inset-top))
      max(1.1rem, env(safe-area-inset-right))
      max(1.5rem, env(safe-area-inset-bottom))
      max(1.1rem, env(safe-area-inset-left));
  }

  body.maui-webview-therapist-profile .therapist-profile-nav {
    margin-bottom: 0.9rem;
  }

  body.maui-webview-therapist-profile .therapist-profile-back {
    min-height: 2.75rem;
    font-size: 0.82rem;
  }

  body.maui-webview-therapist-profile .therapist-profile-hero,
  body.maui-webview-therapist-profile .therapist-profile-section,
  body.maui-webview-therapist-profile .therapist-verification-card {
    border-color: rgba(23, 107, 103, 0.13);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.8rem 2rem rgba(21, 76, 75, 0.06);
  }

  body.maui-webview-therapist-profile .therapist-profile-hero-grid,
  body.maui-webview-therapist-profile .therapist-profile-section,
  body.maui-webview-therapist-profile .therapist-verification-card {
    padding: 1rem;
  }

  body.maui-webview-therapist-profile .therapist-profile-photo-frame {
    width: 7rem;
    height: 7rem;
  }

  body.maui-webview-therapist-profile .therapist-profile-identity h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
  }

  body.maui-webview-therapist-profile .therapist-profile-highlights {
    border-radius: 0.85rem;
    background: var(--pg-surface-subtle);
  }

  body.maui-webview-therapist-profile .therapist-profile-content-grid {
    gap: 0.85rem;
  }

  body.maui-webview-therapist-profile .therapist-verification-card .btn {
    min-height: 3.15rem;
    border-radius: 0.85rem;
    font-weight: 700;
  }
}