<div id="lobbymesh-widget"></div>
<script
  src="https://widget.staging.lobbymesh.com/embed/lobbymesh-widget.js"
  data-widget="melia-marrakech"
  data-supplier-account-id="ecb79bc6-668c-4927-a772-950939c4a011"
  data-api-base="https://api.staging.lobbymesh.com"
  data-target="#lobbymesh-widget"
  data-entry-mode="launcher"
  data-display-mode="launcher"
  data-launcher-label="Book experiences"
  data-featured-count="4"
></script>

<!-- Iframe fallback (restrictive CSP hosts) -->
<div id="lobbymesh-widget-iframe" style="width:100%;min-height:100dvh"></div>
<iframe
  src="https://api.staging.lobbymesh.com/embed?widgetInstanceId=melia-marrakech&supplierAccountId=ecb79bc6-668c-4927-a772-950939c4a011"
  title="LobbyMesh experiences"
  sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation-by-user-activation"
  style="width:100%;min-height:100dvh;border:0;"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>

Config URL: https://api.staging.lobbymesh.com/api/v1/widget/config?widgetInstanceId=melia-marrakech&supplierAccountId=ecb79bc6-668c-4927-a772-950939c4a011

• Display mode is configured on the widget instance (embedConfig) and mirrored in data-entry-mode.
• Runtime bootstrap reads persisted widget config — script data-* attributes are early hints only.
• Default display mode for new widgets is Full catalogue (entryMode: catalogue → displayMode: immersive).
• Legacy inline widgets omit data-entry-mode and render the full in-page catalogue shell.
• Runtime bootstrap remains origin-gated via allowed_origins on the widget instance.
• Use POST /widgets/:id/activate after origins and provider mapping are freeze-ready.
• Changing display mode affects hotel-site presentation only — booking data and pricing are unchanged.
• See docs/contracts/widget-embed-mode-matrix.md for per-mode integration contract.