/**
 * App WebView (Ameelio Connect) — hide full website chrome so only native
 * app header (Membership / Lab reports / etc.) remains.
 * Active when html has class "ameelio-app-embed" or ?embed=1.
 */
html.ameelio-app-embed header,
html.ameelio-app-embed header.top-nav,
html.ameelio-app-embed body > header,
html.ameelio-app-embed .top-nav,
html.ameelio-app-embed .main-nav,
html.ameelio-app-embed .main-nav.open,
html.ameelio-app-embed .action-bar,
html.ameelio-app-embed .mobile-menu-toggle,
html.ameelio-app-embed #mobileMenuToggle,
html.ameelio-app-embed .mobile-sidebar,
html.ameelio-app-embed .sidebar,
html.ameelio-app-embed .mobile-sidebar-header,
html.ameelio-app-embed .footer-wrap,
html.ameelio-app-embed footer,
html.ameelio-app-embed nav.site-nav,
html.ameelio-app-embed .occasion-offer-banner {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -10000px !important;
  z-index: -1 !important;
}

html.ameelio-app-embed,
html.ameelio-app-embed body,
html.ameelio-app-embed body.ameelio-app-embed {
  padding-top: 0 !important;
  margin-top: 0 !important;
  --header-height: 0px !important;
}

html.ameelio-app-embed .wrap,
html.ameelio-app-embed .rep-page,
html.ameelio-app-embed .hc-wrap {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  padding-top: 12px !important;
}

html.ameelio-app-embed .hero,
html.ameelio-app-embed .rep-hero,
html.ameelio-app-embed .hc-hero {
  margin-top: 0 !important;
}