.layout {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  /* Filet de sécurité: aucun scroll horizontal global (clip préserve sticky) */
  overflow-x: clip;
}


/* Header (mobile) + header+nav (desktop) sticky */
.layout-header-nav {
  position: sticky;
  top: 0;
  z-index: var(--z-nav);
  background: var(--surface);
}