/* Focused polish for the mobile full-screen restaurant detail view. */
.brand-mark,
:root[data-theme="dark"] .brand-mark,
.about-home-button:hover,
.about-home-button:focus-visible {
  box-shadow: none !important;
}

@media (max-width: 680px) {
  #appStep[data-results-view] .rcs-detail {
    background: var(--panel-bg);
  }

  #appStep[data-results-view] .rcs-detail-shell {
    display: flex;
    flex-direction: column;
    background: var(--panel-bg);
  }

  #appStep[data-results-view] .rcs-detail-safe-bleed {
    height: calc(clamp(232px, 34dvh, 318px) + max(0px, env(safe-area-inset-top)));
  }

  #appStep[data-results-view] .rcs-detail-hero {
    flex: 0 0 clamp(232px, 34dvh, 318px);
  }

  #appStep[data-results-view] .rcs-detail-body {
    position: relative;
    z-index: 3;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: -30px;
    border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    border-radius: 30px 30px 0 0;
    background: var(--panel-bg);
    padding-top: 24px;
  }
}